uni-app配套UI框架:
开始觉得graceUI 挺适合要求的,多端通用,可惜是收费的,然后在uni-app插件市场发现colorUI 可以用,基本满足需求开发,重要的是免费,果断选择colorUI
2.自定义navigationBar
uni.getSystemInfo()在微信上显示正常,支付宝因为异步获取不到值,这里使用同步处理uni.getSystemInfoSync();
3.支付宝title中的点击事件不生效,是因为title区域设置了pointer-events: none;
4.关于upx换算
1px=2upx(设计稿 1px / 设计稿基准宽度 = 框架样式 1upx / 750upx) 注:我们使用的设计稿基准宽度为375px
5.scss支持
uni-app原生支持sass, 新建uni.scss文件,定义变量,全局有效
6.配套UI框架
使用uView: https://www.uviewui.com/guide/note.html
7.vue-router解决方案
在插件市场搜索”路由、拦截、最优雅解决方案“
8.vuex解决方案
https://www.jianshu.com/p/63980716cd47
https://www.cnblogs.com/edward-life/p/11181139.html
9.组件中无法使用应用生命周期函数(onShow、onHide等),需要使用vue声明周期函数
10.分支合并命令:
git checkout dev-others
git pull
git checkout dev-self
git merge dev-others
git pull
(如果有冲突,解决冲突后执行下面命令)
git add ./
git commit -m ' '
git push
11.文字内容超出后显示省略号:
// 单行
.text-overflow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
// 多行
.text-overflow {
display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;
}
12.使用 uni.getLocation(OBJECT) 获取位置信息需要在manifest.json 中配置位置接口为开启
13.pointer-events: none;设置所有点击事件不生效
14.图片需要指定缩放方式,同时适配支付宝和微信小程序
16.自 HBuilderX 2.2.3版本后,uni-app项目在发布时会默认启用 uni统计,开发者可在https://tongji.dcloud.net.cn查看数据报表
17.之前为了减小主包的大小,将组件放在分包中,结果发现,支付宝小程序中组件必须放在主包中才能访问。
18.减少图片请求的两种处理方法: a.将固定不变的图片进行雪碧图压缩处理,只用请求一次,就可以得到大量图片 b.将小图片制作成font-face字体,字体库使用链接,也可以达到请求一次得到所有小图标的效果
19.解决IOS列表滑动不流畅的问题,给滑动区域的标签加-webkit-overflow-scrolling: touch;属性
20.使用雪碧图后,微信小程序可以使用标签显示雪碧图图片,But支付宝小程序不能使用必须使用view标签来显示。
21.分包和主包不能放同一个目录下,需要分开和小程序结构一样。
22.ios不支持2019-04-11这样的格式 要改成2019/04/11 这样的; new Date(date).getTime()在苹果手机上是不兼容的。解决方法: new Date(data.replace(/-/g,'/')).getTime()
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。