小程序
无烟客来了
there is nothing
展开
-
小程序工具类utils
// 封装数据请求相关代码const myrequest = (url, { method = 'get', data, success }) => { // options.method = options.method || 'get'; wx.request({ // url: 'https://api.****.com' + url, url:'http://192.168.***:8081'+url, data: data, method: met.原创 2020-09-09 14:52:38 · 647 阅读 · 0 评论 -
小程序缓存之对象 例如商品加入购物车
因为对象和字符串之间的通信需要处理,我这里直接定义几个公用方法1.从缓存中通过key去获取购物车的对象数据 getLocalStoreDatas(key) { var value = wx.getStorageSync(key) || "{}"; var valueJson = JSON.parse(value); return valueJson; }...原创 2020-08-29 08:56:04 · 795 阅读 · 0 评论 -
小程序公用自定义导航栏组件 包括顶部状态栏
wxml<!--common_ components/common_header/common_header.wxml--><!-- 顶部状态栏div --><view class="status_bar" style='height: {{statusBarHeight}}px;'></view><view style='height: {{statusBarHeight}}px;'></view><!-- 顶部原创 2020-08-22 13:57:14 · 410 阅读 · 0 评论 -
微信小程序 底部导航 快速模板
"tabBar": { "selectedColor": "#0078FF", "list": [ { "iconPath": "static/footer/home0.png", "selectedIconPath": "static/footer/home1.png", "pagePath": "pages/home/home", ..原创 2020-08-22 13:16:08 · 261 阅读 · 0 评论 -
小程序设置页面不可下拉
// *********************设置为不可下拉 header onPageScroll:function(e){ if(e.scrollTop<0){ wx.pageScrollTo({ scrollTop: 0 }) } },// *********************设置为不可下拉 footer此方法在page里面,和onLoad同级...原创 2020-08-18 08:49:16 · 633 阅读 · 0 评论 -
小程序轮播图 简单例子 开箱即用
<swiper indicator-dots="true" autoplay="true" circular="true"> <block> <swiper-item> <image src="https://file.xdclass.net/video/官网轮播图/jkzdhcs.jpeg"></image> </swiper-item> <swiper-item&..原创 2020-08-17 10:24:14 · 152 阅读 · 0 评论 -
小程序路由 快速模板
// 跳转非tab页面 skipPage: e => { // 获取参数 var parameter = e.currentTarget.dataset; // 参数转存 wx.navigateTo({ url: parameter.myurl, }) }, //返回 backPage: () => { wx.navigateBack({}) }, //跳转到tab页面 skipTab: e => ...原创 2020-08-17 10:19:08 · 95 阅读 · 0 评论 -
微信小程序传参的语法 史上最简单的例子
<view bindtap="testMethods" data-testParam="这里填写需要传过去的值"> </view> testMethods: function (event) { // 获取参数 var parameter = event.currentTarget.dataset; // 参数转存 console.log(parameter.testParam); },...原创 2020-08-17 09:54:38 · 190 阅读 · 0 评论 -
小程序+获取顶部状态栏的高度
1.app.js里面 //获取状态栏的高度 wx.getSystemInfo({ success: function (res) { that.globalData.statusBarHeight = res.statusBarHeight; } })2.注意:that需要在方法里面,比如onLaunch:function()里面定义varthat=this3.页面的js里面const app = getApp(...原创 2020-08-14 15:24:04 · 7091 阅读 · 0 评论