uni-app 开发微信小程序显示图标 电脑版发表于:2024/6/1 11:56 uni-app 开发微信小程序图标显示其实和直接显示图标其实是一样的,如下直接用一个image即可 ``` <image :src="`${CssImgPath}/imgs/arrow_mini.png`" class="sss-cisb-icon-arrow" /> ``` 就是要注意一下路径,一半小程序有大小限制,一般不会把图片直接放到程序里边,自己放到自己存储图片的服务里边即可,然后路径做成一个配置更方便维护修改,比如上面的图片路径就是一个配置: ``` import { CssImgPath } from '@/common/sysconfig'; ``` ![](https://img.tnblog.net/arcimg/notebook/66944177f2184096b0a7a63c8af716f3.png) 其实就是读取的环境变量的配置: ![](https://img.tnblog.net/arcimg/notebook/349e1521836046aeacdfd4a54e933a99.png) #### 当然也可以直接引用静态资源的图片 也是一样的,注意路径就好 ``` <image class="sort_img" :src="'../../static/sort_' + (item.rank) + '.png'"> </image> ``` 图片就是放到的src下面的static文件夹里边 ![](https://img.tnblog.net/arcimg/notebook/8ec60c3a160c4e98921694348db090bd.png)