首页 > 微信 > 详细

微信小程序定义一个组件

时间:2019-05-21 20:52:44      阅读:122      评论:0      收藏:0      [点我收藏+]

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!