uniapp商城基础示例

第一章:首页

首先我们要知道一个事情,Unicode都支持
但是那两个,有时候你会发现部分手机或者浏览器乱码

image.png


下载后会有一个包,名字基本相同"iconfont"
我们只拿走2样东西,iconfont.css和iconfont.ttf
如图:home里面header就是顶部搜索栏,iconfont就是我们刚才下载的css
uniapp商城基础示例_第1张图片

把css调试成这样,等会直接在app.vue里全局使用
uniapp商城基础示例_第2张图片


less或sass安装

之前我提过,创建uniapp之后需要安装less组件
但是安装他默认关闭!需要自己开启。
uniapp商城基础示例_第3张图片

uniapp商城基础示例_第4张图片


我们将这里创建之后!就把这些跟Vue一样






上面的header.vue引过来
在Home这里会有一个问题,该死的顶部有标题严重错位



uniapp商城基础示例_第5张图片

你可能感兴趣的:(uni-app)