微信小程序定义一个组件

1.在根目录新建 components文件夹存放组件文件,一个目录一个组件(包含四个文件),在需要使用组件的页面的配置文件里设置组件的键值对:"v-like"是协议好的组件通用命名规范,路径使用绝对路径(/代表项目根目录)

或者使用相对路径"v-like":"../../like/index"

微信小程序定义一个组件

2.在设计小程序页面的时候最好以750为宽度。1334高度的设计稿为基准,这样可以直接把设计稿上的px设置成对应的rpx

微信小程序定义一个组件

3.在app.wxss里定义page{}下的全局样式,组件只能继承少量公共样式,而pages里的页面可以继承大部分的样式

微信小程序定义一个组件

4.设置inline-flex来设置动态宽度(这样设置如果从9到10会有一个跳动的效果),在组件内不要留白太多,这种数字可以使用概要性数字,比如99k

微信小程序定义一个组件

5.给组件绑定事件bindtap/bind:tap;(bind事件不会阻止冒泡),catchtap/catch:tap (catch可以阻止冒泡)

微信小程序定义一个组件

 

微信小程序定义一个组件

上一篇:微信小程序开发技巧总结 (一)(持续更新...)


下一篇:366API免费在线解决微信中访问app下载链接提示“已停止访问该网页”的问题