微信小程序
文章平均质量分 92
冰谷悠
蹉跎在前端之路的迷茫蜉蝣
展开
-
微信小程序与uni-app的区别
前提摘要:公司项目多以微信小程序及uni-app为主,而两者用法除了语法外基本一致,所以在此做一个区分。主要还是微信小程序和Vue的语法差异,还是记下来好点。触摸事件名称:①微信小程序:bindtap②uni-app:@click函数传参方式:①微信小程序:<view bindtap="click" data-id="id"></view>②uni-app:<view @click="click(id)"></view>函数接收参数:原创 2020-10-07 12:43:58 · 17462 阅读 · 3 评论 -
微信小程序项目记录。
微信小程序中使用bindtap绑定带参函数原生小程序中无法直接使用bindtap=“jumpLive(id)”,需在view标签中写入自定义属性。wxml:<view bindtap="jumpLive" data-id="{{roomId}}"></view>js:jumpLive:function(event){var roomId = event.currentTarget.dataset.id}...原创 2020-10-07 12:43:35 · 394 阅读 · 0 评论 -
微信小程序底层基础。
基础:①wx:for-index修改下标名称。wx:for="{{arr}}“循环data的数组变量。data-id=”{{title}}"给标签加id。②checked="{{false}}"属性必须加大括号。③wxss:即wx专用的样式语言,用于描述wxml。④rpx会随着屏幕大小而改变。px不会。750像素时1px=1rpx。⑤Taro 中的 px 其实指的就是 rpx;如果你想要真实的 px,可以大写 PX。⑥在wxss文件中@import "相对url"可以导入其他wxss文件。⑦原创 2020-07-07 10:53:42 · 222 阅读 · 0 评论 -
微信小程序列表刷新及分页加载。
下拉刷新方法 onPullDownRefresh: function() { var vm = this; vm.setData({ houseList: [], listComponent: { page: 1, count: 0, loading: false, }, }) vm.getHistoryList(); }, JSON: "enablePullDownRefresh":true,列表.原创 2020-07-06 10:48:31 · 1096 阅读 · 2 评论 -
微信直播及微信自定义tabs页。
直播:json:{ "navigationBarTitleText": "直播间", "usingComponents": { "loading": "/component/loading/loading", "subscribe": "plugin-private://wx2b03c6e691cd7370/components/subscribe/subscribe" }}wxml:<!--pages/live/list/list.wxml--><view原创 2020-09-23 14:59:36 · 206 阅读 · 0 评论