阅读 19

Simba的uni-app学习笔记

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