第一次使用uniapp 遇到的坑

本文分享了在使用uniapp开发过程中遇到的一些问题及解决办法,包括子组件大小写问题、阿里图标库引用、页面配置、运行时注意事项、背景图片引用和宽度设置等常见坑点。
摘要由CSDN通过智能技术生成

1,使用子组件 ,要注意大小写的问题
 

因为我的vue 文件是小写,所以我的组件名就是小写,但是这样一直不行,于是我 就改成了大写,就可以了 

2、 在page.json 里面使用阿里图标库

(1)在阿里图标库 自己的项目里面 ,选中unicode方式,然后点击下载本地

(2)下载文件里面的iconfont.tff 粘贴到自己项目里面的static下面

(3)在pages.json 里面,修改fontSrc的路径,一定要用本地路径,text的属性 一定要保留\u

 3 运行的时候,在ide 里面,要把main.js 打开,并处于选中状态,这样点击运行,才可以

4,背景图片

background-image: url("~@/static/componentIndex.png");

必须要加上~@ÿ

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值