[WeChat] 微信小程序选择图片及批量上传简单实现

使用微信小程序API(wx.chooseImage)实现页面选择图片和拍照，选择后页面显示预览图，再通过小程序API(wx.uploadFile)实现图片上传，其中包括uploadOneByOne递归方式上传多张图片。WXML代码：<view class="container"> <view class="supplement-repor...

[WeChat] 微信小程序获取从明天开始一周日期(包含周几及号数)简单实现

微信小程序简单实现第二天开始一周日期，显示为周几及当天号数，点击星期可切换日期，下方显示当前选择日期，以便其他函数调用；WXML代码：<view class="choose-time-middle"> <view class="date"> <view wx:for="{{dateArray}}&qu...

[WeChat] 微信小程序简单实现两列瀑布流布局页面

实现页面瀑布流思路：使用CSS3属性column-count: number|auto;将容器元素分为两列，使用column-gap: length|normal;设置列之间的间隔，使用break-inside: avoid使元素避免出现中断点。注意：最重要的需要设置图片mode='widthFix',即设置图片宽度不变，高度自动变换，保持原图宽高比不变。wxml代码：<view cl...

[WeChat] 微信小程序中使用Echarts实现一图或多图展示

1、下载echarts微信版，地址：https://github.com/ecomfe/echarts-for-weixin2、将下载好的文件ec-canvas目录放在小程序项目根目录中即可3、在页面使用echarts的话，需要在index.json中添加以下配置(以下为整个json配置)：{ "navigationBarTitleText": "echar...

[WeChat] 微信小程序自定义页面手动授权拉取用户信息

WXML代码：<view bindtap="authorLogo">立即登录</view> <view class="author-modal" hidden="{{authorModal}}"> <!-- 授权登录 --> <view wx:if="...

[WeChat] 微信小程序简单实现上拉触底onReachBottom数据分页请求

实现思路：通过小程序上拉触底onReachBottom事件触发数据第二次请求，上拉触底一次请求分页页码加一，每次请求10条数据，在请求函数中通过函数concat来处理数据累加问题，common.WechatRequest为封装的小程序wx.request函数。WXML代码：<view hidden="{{noDataPrompt}}"> {{promp...

[WeChat] 微信小程序wx.setStorageSync缓存时间封装

var dtime = '_deadtime'; /** * 设置本地缓存 * k key * v value * t time */ function setStorage(k, v, t) { wx.setStorageSync(k, v); let seconds = parseInt(t); if (seconds > 0) { let time...