微信小程序定义一个组件

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可以阻止冒泡)

 

转载于:https://www.cnblogs.com/rmty/p/10901948.html