Toggle Navigation
交流中心
话题
分享
手册
问答
公告
软件下载
登录
作者：linzhifeng@zhy
小程序多端开发规范
2年前 ⋅
0
# 小程序多端开发规范 *使用对象：开发人员* ### 注意事项 1. 目录命名：禁止使用下划线，请使用小写字母和数字。 > 正例：manageplatform > 反例：manage_platform 2. 不能使用display:grid，display的值始终为flex，建议给所有元素设置以下属性。例： ```css display:flex; box-sizing:border-box; ``` 有网格排版需求使用以下css，并给子项目定宽： ```css display:flex; box-sizing:border-box; flex-wrap:wrap; ``` 1. 进度条的百分比，要换算成具体数值。例如: ```html <view style="width:{{600*precent}}rpx"></view> ``` 1. 文字如果需要换行或省略号，务必设置好宽度。例： ```css width:200rpx; /* 有换行需求必须定宽 */ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; ``` 1. 导航切换不支持class增删类名，请使用wx:if，或使用最基础的三元运算符。例： ```html <view wx:if="{{flag==0}}">...</view> <view wx:else>...</view> ``` 或 ```html <view style="{{flag==0?'background-color:red':'background-color:blue'}}">...</view> ```
