微信小程序
theOtherSky
这个作者很懒,什么都没留下…
展开
-
微信小程序本地上传图片到阿里云oss例子
微信小程序本地上传图片到阿里云oss例子原创 2023-03-02 17:46:19 · 508 阅读 · 0 评论 -
微信小程序setData给数组赋值问题
微信小程序setData给数组赋值问题原创 2023-02-02 11:21:37 · 2128 阅读 · 0 评论 -
解决微信小程序离线加载iconfont问题
解决微信小程序离线加载iconfont问题原创 2022-12-07 11:37:32 · 846 阅读 · 0 评论 -
微信小程序-地区选择伪五级联动(选择国,省,市,县,镇)
这里采用的是自定义多列选择器pickermode="multiSelector"<view class="section"> <view class="section__title">多列选择器</view> <picker mode="multiSelector" bindchange="bindMultiPickerChange" bindcolumnchange="bindMultiPickerColumnChange" value...原创 2022-03-29 16:23:52 · 2293 阅读 · 0 评论 -
微信小程序如何实现radio单选框单击打勾和取消
自定义radio样式/* 单选框样式 */ /* 初始样式 */ radio .wx-radio-input{ width: 32rpx; height: 32rpx; border-radius: 0 }/* 选中后的 背景样式 ( 背景 边框 ) */radio .wx-radio-input.wx-radio-input-checked{ width: 32rpx; /* 选中后对勾大小,不要超过背景的尺寸 */ height: 32rpx; /* 选中后对勾大小,不要原创 2021-07-28 11:59:53 · 1254 阅读 · 0 评论 -
uni-app打包微信小程序打开doc等文档文件的方法
//resume是一个json,suffix是后缀名,src是文件服务器地址<image v-if="resume.suffix === 'pdf'" mode="aspectFill" class="uni-uploader__img" src="/static/img/approval/pdf.png" :data-src="resume.url" @tap="previewDocument"></image><image v-else-if="resume.suff.原创 2021-03-09 13:45:25 · 2747 阅读 · 0 评论 -
当JSON.stringify(json)和JSON.parse(json)相互转换报错
报错的返回:Error in onLoad hook: "SyntaxError: Unexpected end of JSON input"原因:使用JSON.stringify(json)把json转换为字符串的时候,然后通过链接带到另一个页面的时候,由于字段太长,导致字符串丢失,JSON.parse(json)无法转换回来而报错解决方法:1、在传值页面,转换成字符串之后,也就是JSON.stringify(json)之后,要再进行一步用encodeURIComponent 编码bg_bt原创 2020-09-18 16:07:50 · 2545 阅读 · 0 评论 -
微信小程序国际化语言包实现方式(di18n-translate)
首先需要一个工具类:languageBox.js// Time 为事例值export default { //英文 "en": { "test":"test" }, //中文 "zh-cn": { "test":"测试" },}然后是另一个工具类:wxapp-i18n.jslet di18n = {}di18n.loc...原创 2020-01-09 14:40:27 · 2933 阅读 · 0 评论 -
微信小程序http和base64图片编码的图片显示和保存
1.授权"保存到相册"//判断用户是否授权"保存到相册" wx.getSetting({ success(res) { //没有权限,发起授权 if (!res.authSetting['scope.writePhotosAlbum']) { wx.authorize({ scope: 'scop...原创 2019-12-30 16:55:00 · 2000 阅读 · 0 评论 -
微信小程序地图导航实现
很简单,一个方法就实现了onymhome: function(){ wx.getLocation({ type: 'gcj02', //返回可以用于wx.openLocation的经纬度 success: function (res) { //res返回的是当前你所在的定位经纬度 var latitude = res.latit...原创 2019-10-16 09:10:00 · 1038 阅读 · 0 评论 -
微信小程序弹出可填写框两种方法
方法一: html页面:<view class="container" class="zn-uploadimg"><button type="primary"bindtap="modalinput">modal有输入框</button></view><modal id="modal" hidden="...原创 2018-05-22 14:33:29 · 45170 阅读 · 5 评论 -
微信小程序页面跳转方法
1.wx.navigateTo({}),保留当前页面,跳转到应用内的某个页面,使用 wx.navigateBack 可以返回;例子:wx.navigateTo({ url:'../index/index?id=6&page=8', //跳转页面的路径,可带参数 ?隔开,不同参数用 & 分隔;相对路径,不需要.wxml后缀 ...原创 2018-05-10 10:52:35 · 150 阅读 · 0 评论 -
微信小程序开发之五星评分(可半分)
wxml页面:<block wx:for="{{stars}}"> <image class="star-image" style="left: {{item*150}}rpx" src="{{key > item ?(key-item == 0.5?halfSrc:selectedSrc) : normalSrc}}"> <view c原创 2020-05-11 10:55:24 · 388 阅读 · 0 评论 -
微信小程序下拉框(筛选)
wxml页面: 主要:<view class="sort-list"> <view class="sort" bindtap="changeBoxBtn" data-num="0"> 全部 <image src="../../images/down.png"style="width:8px;height原创 2018-05-28 16:38:04 · 30588 阅读 · 5 评论 -
微信小程序获取某个元素的高度宽度
js页面//创建节点选择器 var query = wx.createSelectorQuery(); //选择id var that = this; query.select('.every').boundingClientRect(function (rect) { // console.log(rect.width) that.setData({ ...原创 2018-06-15 10:19:19 · 75340 阅读 · 4 评论 -
微信小程序授权及回调
html页面<button open-type="getUserInfo" bindgetuserinfo="bindGetUserInfo">授权登录</button>js页面bindGetUserInfo: function (e) { var that = this; console.log(e.detail.userInfo) if...原创 2018-07-10 13:12:39 · 8159 阅读 · 0 评论 -
微信小程序一些小技巧
1.text标签换行: word-break: break-all2.text空格 \t3.text换行 \n原创 2018-07-14 16:00:26 · 256 阅读 · 0 评论 -
微信选项卡例子(增删类)
html页面: <view class='changeBox'> <view bindtap="changeBoxBtn" wx:for='{{changeBoxs}}' wx:for-index='index' class="{{num==index?'changeBox-act':''}}" data-num="{{index}}">{{item.nam...原创 2018-05-22 15:34:44 · 192 阅读 · 0 评论