生成海报相信大家有的人都做过，但是canvas绘图的坑太多。大家可以试试这个组件。然后附上楼下大哥做的可视化拖拽生成painter代码的工具：链接地址https://developers.weixin.qq.com/community/develop/article/doc/000e222d9bcc305c5739c718d56813

fetch.js [代码]const api = 'www.qq.com' export const Fetch = ({ url = '', data = {}, header = { "content-type": "application/json" }, method = 'GET', api = Api }) => { return new Promise((resolve, reject) => { wx.request({ url: api + url, header: header, method: method, data: data, success: res => { // 成功时的处理 if (res.data.error == 0) { resolve(res.data); } else { reject(res.data); } }, fail: err => { reject(err); } }) }) } [代码] api.js [代码]import { Fetch } from './fetch.js'; export const PostMiniList = data => { return Fetch({ url: '/post/post_mini_list.json', data: data, method: 'POST', header: { 'content-type': 'application/x-www-form-urlencoded' } }) } export const GetMiniList = data => { return Fetch({ url: '/get/get_mini_list.json', data: data }) } [代码] index.js [代码]import { PostMiniList, GetMiniList } from './api.js'; PostMiniList({ a:1, b:2 }).then( res => { // 成功处理 }, err => { // 失败处理 } ) GetMiniList({ a:1, b:2 }).then( res => { // 成功处理 }, err => { // 失败处理 } ) [代码] 把所有api放在api.js里统一管理，利用promise使我们只关注返回的结果

1、首先，创建一个wxs的文件，内容如下 var formatTime = function(date) { var date = getDate(date); //返回当前时间对象 var year = date.getFullYear() var month = fixz(date.getMonth() + 1) var day = fixz(date.getDate()) var hour = fixz(date.getHours()) var minute = fixz(date.getMinutes()) var second = fixz(date.getSeconds()) return [year, month, day].join(’-’) + ’ ’ + [hour, minute, second].join(’:’) } var fixz = function(num) { if (num < 10) { return ‘0’ + num } return num } module.exports = { formatTime: formatTime } 2、在wxml中引用文件 <wxs module=‘tools’ src=‘tools.wxs’></wxs> 3、在wxml中转格式 {{tools.formatTime(item.createTime)}} 写在最后，为什么不直接用外部的js？因为所有的所有的数据需要提前在page下的js中处理好才能输出到wxml中，比较麻烦。用wxs可以直接在页面中转化，而且可以直接复用。

html代码： [代码]<cover-view class='items'> <cover-view class='name'>设备名</cover-view> <cover-view class='display' bindtap='inputNameState'> {{nameInfo}} </cover-view> <cover-view class='border'></cover-view> <input type="text" focus="{{nameTrue}}" bindinput="inputName"></input> </cover-view> [代码] js代码： [代码]inputNameState(){ this.setData({ nameTrue: true }) }, inputName(e){ this.setData({ nameInfo: e.detail.value }) } [代码] 实际效果 [图片]

当系统缩放在某个值的时候，开发者工具全屏就会剧烈抖动，附视频：https://sdk-data-1251552209.cos.ap-guangzhou.myqcloud.com/test/VID_20181116_153346.mp4