第一次使用uniapp 遇到的坑

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

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

第一次使用uniapp 遇到的坑_第1张图片

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

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

第一次使用uniapp 遇到的坑_第2张图片

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

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

第一次使用uniapp 遇到的坑_第3张图片 3 运行的时候,在ide 里面,要把main.js 打开,并处于选中状态,这样点击运行,才可以

4,背景图片

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

必须要加上~@,否则的话,图片显示不出来

5,关于宽度的问题

一般两边都会留白

这个时候,不同的手机宽度会有不同,在uniapp 里面,我们只需要用padding写好两边的值,内容的宽度不用写,会把剩下的称满

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

你可能感兴趣的:(第一次使用uniapp 遇到的坑)