关注最新技术问题并持续维护更新

效果图片WXML    在 swiper-item 上加入 catchtouchmove 方法，截获竖向滑动<view class="container"> <view class="news"> <image class="icon-news" src="/images/news.png"></image> <swiper class="swiper" autoplay circu

亲测可以显示Page({ data: { qrCodeUrl: null }, onLoad: function (options) { wx.hideShareMenu() // 禁止页面转发 }, onShow: function () { this.getQrCode() }, // 获取二维码 getQrCode() { wx.request({ url: '', data: {}, header: { 'c

效果图下载github：https://github.com/ecomfe/echarts-for-weixin解压之后把 ec-canvas 文件拷贝到小程序项目中WXML<view class="container"> <view class="echarts"> <ec-canvas id="myChart" canvas-id="myChart" ec="{{ec}}"></ec-canvas> </view&gt

效果属性属性类型默认值必填说明tabDataArray[ ]否数据源columnsArray[ ]是数据列settingObject{ }否自定义样式配置项columns属性类型默认值必填说明labelString是表格标题propArray是表格中需要展示的数据列onclickBooleanfalse否为某一列设置点击事件，若同时为多列设置了点击事件，则只有第一个生效

效果    实际手机效果不会点击时突然闪一下，气泡弹窗也不会被其他坐标点挡住图片     鼠标放在图片上可以看到使用的图片名称子组件WXML<map id="map" setting="{{setting}}" markers="{{markers}}" bindmarkertap="markerTap" style="width: 100%; height: 100%;">&lt

效果子组件WXML<view class="tabs"> <view class="tab-item" wx:for="{{tabList}}" wx:key="index" data-index="{{index}}" data-value="{{item}}" bindtap="changeTab"> <text class="tab-text {{currentIndex == index ? 'active'

概述    observer 用于监听和响应任何属性和数据字段的变化。可以同时监听多个。一次 setData 最多触发每个监听器一次。同时也可以监听子数据字段效果

效果图片WXML<view class="container"> <view class="wrap"> <view class="item" wx:for="{{list}}" wx:key="index"> <view class="top"> <view class="img"> <image src="{{item.img[0]}}"

效果图图片WXML<view class="container"> <!-- 收货地址 --> <view class="address"> <view class="left"> <view class="icon"> <image src="../../images/address.png"></image> </view>

效果图WXML<view class="img-wrap"> <view class="txt">上传截图</view> <view class="imglist"> <view class="item" wx:for="{{imgs}}" wx:key="item"> <image src="{{item}}" alt=""></image> <view class='d

禁止当前页面转发/** * 生命周期函数--监听页面加载 */onLoad: function (options) { wx.hideShareMenu() // 禁止页面转发}禁止当前页面长按转发    分享到个人时可以长按转发，分享到群聊里不能长按转发/** * 生命周期函数--监听页面加载 */onLoad: function (options) { wx.showShareMenu({ withShareTicket: true })},/** *

JOSN文件里设置页面标题{ "navigationBarTitleText": "首页"}JS文件里动态设置页面标题    这里设置的标题会覆盖 JOSN 文件里的标题，最好去除 JOSN 文件里的标题/** * 生命周期函数--监听页面加载*/onLoad: function (options) { wx.setNavigationBarTitle({ title: '电影' })},...

效果图WXML文件<view class="container"> <view class="userinfo"> <image class="userinfo-avatar" src="../../images/timg.jpg" mode="cover"></image> <text class="userinfo-nickname">什么</text> </view> <view

效果图WXML文件<view class="container"> <view class="wrap"> <view class="item" wx:for="{{list}}" wx:key="index"> <view class="top"> <view class="img"> <image src="{{item.img[0]}}"> &l

效果图    右边是手机展示效果WXML文件&l

效果图方式一wxml 文件<view class="container"> <view class="wrap"> <view class="item" wx:for="{{list}}" wx:key="index"> <view class="top"> <view class="img"> <image src="{{item.img[0]}}"></i

效果图应用的生命周期// app.jsApp({ /** * 小程序首次被打开触发 */ onLaunch: function () { console.log('应用 - onLaunch，全局只触发一次') }, /** * 小程序初始化完成 / 从后台进入前台触发 */ onShow (options) { console.log('应用 - onShow，监听小程序显示，小程序从后台进入前台显示也会触发') }, /*