最近用cursor开发了一款“牛马时钟”的小程序，基本上流程如下所示，没有写一行代码。

具体的操作看之前的文章：

但是开发的时候却遇到小程序界面不显示图标的问题，导致界面体验不是很好。目前有下面两种方法可以解决：

方案1:通过png图标引入

第一步：借助deepseek生成svg文件。

我们只需要将图标想表达的意思告诉Deepseek即可，deepseek就可以给我们生成满意的文件。

然后点击复制，保存成svg文件。

第二步：因为将svg转化为png图标文件。参考网址：

https://svgtopng.com/zh/

第三步：代码中实现。

我们将生成的文件，保存到/images/icon目录下，然后告诉cursor我们的要求。

就这样，小程序就可以引用图标png了。缺点就是：如果图标过多，加载可能就会比较慢，会出现缓慢加载的问题。

方案2:借助iconfont引入

我们可以在iconfont 去找我们需要的图标合集，然后下载成base64，这样仅仅需要一次请求就可以加载所有图标。

第一步：打开网址，选择图标，加入购物车，点击右上角购物车小图标，添加到项目中。

第二步：我的项目设置。

打开项目设置，设置格式为base64，并保存。

第三步：下载本地，然后找到里面的iconfont.css文件，将文件改成iconfont.wxss；并在app.wxss中引入iconfont.wxss。

第四步：在代码中就可以让cursor引入了。

就这样，图标引入的问题就解决了。

但是这个风格颜色不匹配，该怎么办呢？tips：我们可以丢到cursor中，告诉他我需要最多四种颜色，请给我图标展示合适的大小和颜色。

写在后面的话

cursor开发小程序其实还有很多的问题。正如昨晚我发的朋友圈：

那么我也是做的就是去找到控制不确定性的钥匙。关注我，分享更多的cursor开发技巧。