微信小程序
张张Z7
除非现实打败我,不然我不会放弃
展开
-
微信小程序滑动删除
wxml<view class="bgwhite bor-bom-f2 row just-btw alignitems {{item.isTouchMove ? 'touch-move-active' : ''}}" wx:for="{{dataList}}" wx:key="index"> <view class="item-left" data-index="{{index}}" bindtouchstart="touchStart" bindtouchmove="to.原创 2022-05-10 11:05:20 · 732 阅读 · 4 评论 -
微信小程序不同角色显示不同tabar
1、首先创建组件(要与pages同级)2、custom-tab-bar 文件夹下的 代码index.wxml<cover-view class="tab-bar"> <cover-view class="tab-bar-border"></cover-view> <cover-view wx:for="{{list}}" wx:key="index" class="tab-bar-item" data-path="{{item.pagePath..原创 2022-05-07 10:49:31 · 1618 阅读 · 3 评论 -
微信小程序组件间传值
案例:以弹窗组件为例子组件wxmljs/** * 组件的属性列表 */ properties: { // btnText: { type: String }, tabarData:{ type: Object, value: {}, observer: function(newVal, oldVal) {} }, showData:{原创 2022-05-07 10:29:06 · 123 阅读 · 0 评论 -
微信小程序菜单轮播翻页
此功能是利用轮播功能,左右滑动,导航菜单能按顺序展示wxml<swiper indicator-dots interval="5000" duration="300" class="swiper-box" style="height:430rpx;width:100%;"> <swiper-item class="row wrap" wx:for="{{dt.lbSellerCatsLen}}" wx:for-index="i" wx:key="index">原创 2022-02-14 16:35:02 · 744 阅读 · 0 评论 -
微信小程序tab页面切换
html 页面<view class="bgwhite"> <scroll-view scroll-x="true"> <view class="width100 row nowrap"> <view class="f32 c666 p-tb-20 p-lr-30 {{currentData == 0 ? 'topic' : ''}}" data-current="0" bindtap='checkCurrent'.原创 2022-01-11 10:10:23 · 770 阅读 · 0 评论