本博客主要用于记录开发的过程以及开发问题处理方式,不粘贴开发代码。问题的解决原理我会单独做文章。
失物平台(邑丢丢)的开发代码的码云地址是https://gitee.com/MyKyle/yidd
1.今日完成进度
1.构思了饭卡模块的界面设计图
2.完成对饭卡模块的拾取部分开发
2.今日问题以及处理
2.1 vant库中van-grid-item 标签 的icon 引用本地图片
<van-grid-item icon="../assets/imgs/Home/card.png" />
当要引用本地的图片时,直接写图片的路径在vue项目中会刷不出图片(但用 <img>
标签可以显示 )。
解决方法一:在图片的链接外包上一层 require()
<van-grid-item icon="require('../assets/imgs/Home/card.png')" />
解决方法二:利用import导入图片
import img from '@/assets/imgs/Home/card.png&