- style标签中不需要手动加scoped,框架自动会隔离
- 组件只要规范命名就不需要手动引入,如@/components/tip/tip.vue,其他页面即可直接使用
<tip/>
- 路由配置在pages.json中,pages数组的第一项就是首页
- 全局对象叫uni,如请求数据,uni.request()
- 新增响应式样式单位,rpx,在750宽的屏幕上1rpx:1px
- swiper有默认高度,需要手动调整它,否则图片会被盖住
- 如果希望页面高度铺满,H5端需要减去navbar高度(44px),如在tabbar页面,再减去tabbar高度(50px),但APP不用,所以需要用#ifdef 平台名称的方式进行条件编译,实现不同平台不同效果
- 如果隐藏了uni的导航栏,APP端,内容会被系统状态栏盖住,需要留一个状态栏的占位高度,或者直接封装成状态栏占位组件
- 页面跳转传参,在目标页面的onLoad中获取路由参数
- 使用iconfont,H5正常,真机不显示图标,需要先将ttf文件转码成base64字符串,贴到iconfont.css中别的文件可以删除
@font-face {
font-family: "iconfont";
src: url('data:font/truetype;charset=utf-8;base64,你的base64') format('truetype')
}
复制代码
- 商品详情弹出SKU选择的时候,如果规格比较多,可以在popup中加个scroll-view来局部滚动