随笔分类 - 微信小程序
摘要:微信同声传译添加插件地址:https://mp.weixin.qq.com/wxopen/plugindevdoc?appid=wx069ba97219f66d99&token=&lang=zh_CN
阅读全文
摘要:由于2023.10.27再次使用到小程序生成二维码的功能,因为本片内容有些冗余,所以另写一篇简化版的微信小程序生成二维码的功能使用步骤。 1. 从后台获取要转换成条形码和二维码的一串数字 code 2. 分别用 barcode.js 和 qrcode.js 把数字绘制成页面canvas里的条形码和二
阅读全文
摘要:1.在微信小程序中要求在B页面点击后携带参数,返回到上一页面,这里用到wx.navigateBack B页面 // 选择城市 func_city: function (e){ var that = this; //点击获取dataset存储到城市信息 that.data.cityAddress =
阅读全文
摘要:路由: 路由在项目开发中一直是个核心点,在这里其实微信对路由的介绍很少,可见微信在路由方面经过很好的封装,也提供三个跳转方法。 wx.navigateTo(OBJECT):保留当前页面,跳转到应用内的某个页面,使用wx.navigateBack可以返回到原页面。 wx.redirectTo(OBJE
阅读全文
摘要:需求:从A页面跳转到B,点击A页面得编辑时携带每条得数据到B页面进行展示。 》 A页面 wxml <view class="content"> <view class="listli" wx:for="{{ addressList }}" wx:key="index" > <view class="
阅读全文
摘要:wxml <!-- 生成海报二维码并保存到相册 --> <view class='cont' id='canvas-container'> <canvas canvas-id="myCanvas" style="width:100%;height:100%;" bindlongtap='saveSh
阅读全文
摘要:wxml <image src='../../images/agoproduct/totop.png' class='goTop' hidden='{{!floorstatus}}' bindtap="goTop"></image> wxss /* 返回顶部 */ .goTop{ height: 7
阅读全文
摘要:1、rpx: 微信小程序中的尺寸单位rpx(responsive pixel) 可以根据屏幕宽度进行自适应。规定屏幕宽度为750rpx. 注:微信官方建议视觉稿以iphone6为标准。 2、个人示例测试: 假设我们需要一个宽为200px,高为200px这样的A元素模块;我们分别在iphone5和ip
阅读全文
摘要:wxml <input class="name" type="text" placeholder="姓名" placeholder-class="phClass"/> wxss .phClass{ font-size: 16rpx; color:red; }
阅读全文
摘要:注: 1. 自定义登录态:因为小程序没有Cookie,所以在此处自定义登录态(伪Cookie)来识别用户。 Cookie是为了更好的在服务器存储用户信息,保证用户在小程序与服务器传输数据的安全性。 实现步骤: 1. wx.login获取用户临时登录凭证code。 小程序开发文档: wx.login(
阅读全文
摘要:background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAoAAAACRCAYAAABT2Ak0AAAgAElEQVR4XoS925IsSbJcl9X37plPwcwckiAIfg9AXA4BksIHCIV8oIDCR
阅读全文
摘要:实现方法: 微信小程序的开发文档,发现可以使用scroll-view组件中的属性scroll-into-view实现 代码部分: wxml <view class="navigateBox"> <view bindtap="toViewClick" data-hash="productBox" cl
阅读全文
摘要:小程序生命周期:应用的生命周期、页面的生命周期 应用的生命周期(应用本身)具体有:onLaunch、onShow、onHide、onError。 页面的生命周期具体有:onLoad、onReady、onShow、onHide、onUnload。 应用的生命周期在App.js中,称为全局的生命周期。
阅读全文
摘要:1.在项目根目录下右键+在此处打开powershell窗口 2. npm 3.npm init -f 初始化命令 -f 表示全部输入默认值 4. npm install --production docxtemplater构建npm项目的配置文件,作用好像是按需加载 ——>这个命令生成了一个xxx.
阅读全文