小程序
关注
分享
扫一扫
chaosama
这个作者很懒，什么都没留下…
展开
-
小程序统一未登录引导登录界面
include，当然也需要你有nologin的页面啦<view class="container" wx:if="{{isLogin}}"></view> 如果isLogin为否就进入noLogin界面<include src="../noLogin/noLogin"></include>isLogin当然就是你的登录状态管理啦...原创 2020-07-01 16:45:35 · 2161 阅读 · 0 评论 -
小程序scroll-view+position: fixed定位底部时内容不显示问题
在开发者工具是没问题，但是在真机上会有这么一个问题：当页面内容无法到达底部的时候，就会出现被position: fixed的view无法显示的问题解决办法就是给scroll-view上高度，height: 100vh;...原创 2020-03-20 17:38:38 · 3339 阅读 · 0 评论 -
微信小程序位置授权被取消再授权
小程序地图插件获取授权的时候，用户点了取消，那么就会被默认无法授权，需要用wx.openSetting()方法来打开当前小程序所需要的授权，用户手动开启。（注意，这个方法只有用户自己点击才会生效，所以需要加入过渡页诱导）解决方法：就是在地图插件页面销毁时，做一步判定，map.js//页面销毁时判断位置信息是否授权 onUnload: function () { wx.getS...原创 2020-02-27 15:15:59 · 2200 阅读 · 0 评论 -
wxParse多数据循环与视频处理
1、jsdata:{ embedTemArray:[] }for (let i = 0; i < res.data.list.length; i++) { WxParse.wxParse('embed' + i, 'html', res.data.list[i].content, that); if (i === res.data.list.length...原创 2019-12-30 14:26:32 · 949 阅读 · 0 评论 -
小程序wxParse解析html格式内容(富文本)与wxParse解析空格出错
1、先下载wxParse放到项目中，js引入var WxParse = require('../../utils/wxParse/wxParse.js');WxParse.wxParse('content', 'html', '后端返回的富文本内容字段', that, 0);然后到时候的wxml中引入与使用<import src="../../utils/wxParse/...原创 2019-12-14 10:30:02 · 633 阅读 · 0 评论 -
小程序include引入wxml
如果加上登录判断的话，就可以统一跳转到没登录的界面<include src="../noLogin/noLogin"></include>原创 2019-11-27 15:10:01 · 263 阅读 · 0 评论 -
小程序fixed底部固定定位时，iPhone Xs Max不能正确显示问题
我也是日了，同事有个iPhone Xs Max，发现在底部的绝对定位没法正确显示，想了下问题，应该是Xs的底部太低了。懒得处理，于是问了下小程序社区，看到同样问题的，9月官方就说开始解决了，现在还在，没办法，只能自己动手了。1、先获取到当前手机型号 wx.getSystemInfo({ success:function(res){ that.setDat...原创 2019-11-22 11:03:37 · 2971 阅读 · 0 评论 -
小程序图片按照屏幕宽度等比例缩放
1、现在公共方法js文件里面common.jsconst Adapt = function (e) { let imageSize = {} //获取当前屏幕大小,注意:获取到的是px而非rpx wx.getSystemInfo({ success: function (res) { let ratio = res.windowWidth / e.detai...原创 2019-11-14 16:19:13 · 1295 阅读 · 0 评论 -
小程序解密手机号失败
多数是因为前端这边登录流程出的问题会出错的流程：前端多数是把open-data的获取加密信息按钮做成登录按钮，然后点击的时候wx.login，成功后直接调用解密手机号的接口，这样sessionkey没来得及刷新(有一点点时间的差距)，从而导致解密失败，但第二次解密一定成功的现象。解决方案：(推荐方法1)1、可以在流程上做改变：将原有的登录按钮做成一个普通按钮，点击后先wx.login然...原创 2019-11-13 15:10:21 · 2139 阅读 · 0 评论 -
小程序canvas生成海报
前言：为毛会有个showTop:50呢，是因为我一开始听说canvas不能隐藏，为了赶项目就让隐藏的时候把它往上-500就不见了。但是刚做了个新的，发现是可以的。有兴趣的话可以自己优化下。wxml <view class="canvas-v"> <view style="width:80%"> <view> &...原创 2019-10-31 16:43:59 · 922 阅读 · 3 评论 -
小程序分享功能-自定义分享按钮
wxml<view wx:if="{{showShare}}"> <view class="gray-view" bindtap="cancel"> <view class=""></view> </view> <view class="share-view"> <...原创 2019-10-31 15:55:03 · 3333 阅读 · 0 评论 -
小程序头部导航条设置图片
先看效果吧然后到需要的页面的.json文件配置"navigationStyle":"custom"不要在app.json设置，否则你会发现全部页面的上导航都不见了，底下的view会顶上屏幕顶部，这时候获取头部高度 wx.getSystemInfo({ success: res => { height = res.statusBarHeigh...原创 2019-10-18 11:52:17 · 2684 阅读 · 0 评论 -
小程序 本地资源图片无法通过 WXSS 获取
本来想做个背景图，background-image: url('../../assets/image/1.jpg'），结果发现报了个错：“本地资源图片无法通过 WXSS 获取，可以使用网络图片”，咋整呢。搜了下发现除了可以使用网络图片，还可以base64，改了下思路，到"在线图片转base64"的网站把图片转成base64，然后把../../assets/image/1.jpg替换成获取来...原创 2019-09-30 10:48:16 · 1906 阅读 · 0 评论 -
小程序wx.switchTab不刷新
给个事件就OK了 switchShop(e){ let that = this, pages = getCurrentPages(), prevPage = pages[pages.length - 2]; prevPage.setData({ sid: e.currentTarget.dataset.sid, CommodityList:[] ...原创 2019-09-29 18:26:15 · 482 阅读 · 0 评论 -
小程序 百度地图获取当前经纬度
没啥好说的，上代码. //data markers: [], longitude: '', // 经度 latitude: '', // 纬度 address: '', // 地址 cityInfo: {}, // 城市信息 //onload() let that ...原创 2019-09-28 11:22:04 · 1199 阅读 · 0 评论 -
小程序wxs订单状态转文字显示
为啥要写这个呢，主要是因为接手一个项目，订单状态返回的是数字，然后需要在前端展示。然后就出现了<text wx:if="status===200">新订单</text><text wx:if="status===300">已接单</text><text wx:if="status===400">正在预约</text>...原创 2019-09-27 11:48:19 · 773 阅读 · 0 评论 -
2级联动，横向滚动条
wxml <!-- 1级分类 --> <view class="classify"> <block wx:for="{{Cate}}" data-index="index" wx:key="{{Cate.cate_id}}"> <view class=" {{item.cate_id===cate_id?'C-text ...原创 2019-09-26 17:44:07 · 282 阅读 · 0 评论 -
小程序网络请求后如何刷新当前页面数据
if (getCurrentPages().length != 0) { //刷新当前页面的数据 getCurrentPages()[getCurrentPages().length - 1].onLoad()}第二种方式var that = thisthat.onload()原创 2019-07-08 13:50:15 · 5918 阅读 · 0 评论 -
小程序好看的表单样式
配合上划线的一个样式，麻雀虽小五脏俱全吧，先看样子直接用会出错，因为我这里封装了一些东西在common.js文件里面，比如common.SHOWTIPS就是一个wx.showToast的封装，如果感兴趣这种简洁的写法的话可以翻阅我往期wxml<view class="container"> <view class="bg-fff p-lr30 border-...原创 2019-07-13 17:03:10 · 27983 阅读 · 20 评论 -
小程序url封装
很多人会把api封装到app.js那里，但是有个坏处就是需要各种拼接，所以分享个相对好用点的方法给大家首先创建个JS文件，api.jsconst ONLINEHOST = "http://***.***.***.***:8000", LOGINHOST = "http://***.***.***.***:8001", HOUSEONLINEHOST = "http://***.***.*...原创 2019-07-04 14:41:03 · 1486 阅读 · 2 评论 -
小程序未登录重定向、网络请求封装
简单封装下请求方法，能摆脱长篇大论的wx.request写法，就不用一直要重复写header传token先创个js文件，common.jsconst REQUEST = function (_url, _data, _getWay, _cb){ wx.request({ url: _url, data: _data || '', method: _getWay...原创 2019-07-04 15:56:16 · 352 阅读 · 0 评论 -
小程序接口请求不到数据，请求发不出
1、把“开发者工具”=>“详情”=>"不校验合法域名、HTTPS证书"的钩子去掉，然后测试下能不能发出，不能发出的话console处会报错说域名不在合法域名，微信小程序只支持https不支持http，然后检测下是否在小程序后台配置的安全域名，在“微信公众平台”=>“开发”=>“开发设置”=>"服务器域名"，不在的话加上去就OK了。...原创 2019-07-10 15:45:41 · 4386 阅读 · 0 评论 -
路由传参时，直接传对象而避免一个个传
url:'../categories/categories?servicesInfo=' + JSON.stringify(that.data.servicesInfo)//取的时候servicesInfo: JSON.parse(o.servicesInfo)原创 2019-07-11 11:51:25 · 3041 阅读 · 0 评论 -
小程序一个简单的订单界面
本人审美观送去见孔子，所以将就下wxml<wxs module="Filter" src="../../utils/filter/filter.wxs"></wxs><view class="container" wx:if="{{isLogin}}"> <scroll-view scroll-y scroll-top="{{scro...原创 2019-07-15 17:21:34 · 7207 阅读 · 2 评论 -
小程序列表隔行换色
先看效果很直接的做法，先去css区定义两种css.categ{ height: 70rpx;}.categ1{ height: 70rpx; background-color: #ECFFFF }然后是wxml<view class="categ flex-center {{index % 2 == 0?'categ1':'categ'}}" ...原创 2019-07-11 14:24:28 · 2101 阅读 · 0 评论 -
uni、小程序返回上一页时修改返回页面的参数getCurrentPages()
但是从‘详情’页面返回‘列表’页面，加载的实际上是“全部”这一栏的status=‘’，而不是‘待报价’的status=100所以只需要在‘详情’页面销毁的时候把‘列表’页面的status值修改onUnload: function () { let that = this, pages = getCurrentPages(), prevPage = pages[pages.le...原创 2019-07-18 16:38:16 · 2166 阅读 · 0 评论 -
小程序解析后端返回的html格式数据
先看数据格式：大概就这个样子，首先我们引入一个组件：wxParsegit地址：https://github.com/icindy/wxParse，下载完后把wxParse里的wxParse文件夹放好，比如utils等看个人习惯1、先到需要使用的页面wxss里面引入样式(教程很多都是在全局的app.wxss看个人咯，怕影响到其他页面的样式还是个别引入)@import "../....原创 2019-07-20 11:01:57 · 3551 阅读 · 0 评论 -
小程序搜索栏
这个是点击搜索然后作请求修改数据而已，不是那种输入就出数据的那种，废话不多，上代码，复制即用wxml<view class="search-v"> <input class="search" bindinput="inputSearch"></input> <view class="search1" bindtap='search'&...原创 2019-08-02 18:24:02 · 1190 阅读 · 0 评论 -
小程序踩的坑
1、无法使用非业务域名：https://api.map.baidu.com这个我没解决，我只是在web-view的值里面把地图的经纬度传过去，避开了跳转页面调用地图的那一下，逃避可耻，但是可行。不过有个坑，就是需要跟跳转项目用同一款地图，否则腾讯地图跟百度地图的误差值会有那么一点点。2、无法使用非业务域名：https://apple.com，具体域名忘记了，就是跳出appstore...原创 2019-07-22 11:53:23 · 212 阅读 · 0 评论 -
小程序分享商品详情页面无法获取到数据
这个坑其实也是我自己傻了，忘了详情页是通过页面传值的方式获取到的id号，而用户点开时没有商品id号就没法发出请求换句话来讲就是：只要将你的页面传值保存到data，然后通过序列化把它传过来，这样点进来的时候就OK了 //分享 onShareAppMessage: function () { return { title: '商品详情', path: '...原创 2019-08-19 18:00:05 · 2033 阅读 · 0 评论 -
小程序消息提示弹窗封装
写惯了wx.showToast的写法，虽然不是专门搞小程序，但是一来一回发现次次都要这样写也是烦，分享个相对简单点的方法，装在哪在之前有说过了，不明白的可以看上期//消息提示const SHOWTIPS = function (_msg, _icon, _duration, cb){ wx.showToast({ title: _msg, icon: _icon, ...原创 2019-07-08 10:35:06 · 1667 阅读 · 0 评论