1 onSubmit() {2 //定义一个空数组3 let activeLabel = []4 this.data.lableList.map((item)=>{5 if(item.activeIndex != null){6 //获取到child的所需携带的索引值,赋值给标签7 let label = item.child[item.activeIndex]8 label.type = item.type9 activeLabel.push(label)
10 }
11 });
12 let pages = getCurrentPages();
13 let prevPage = pages[pages...
其实还有一些组件,没有提,因为那些组件跟 API 的功能差不多,API 可能比他会更好一点; 具体可见官方文档 基础:判断接口是否可用:wx.canIUse(a) a 代表:接口名字 返回值:布尔 true代表成功,false代表接口不可用系统信息:wx.getSystemInfo({}) 使用第二种参数:{} success:代表成功 fail:代表失败 complete:接口调用完成后的回调函数案例:wx.getSystemInfo({success(res) {console.log(res) ...
底部导航栏这个功能是非常常见的一个功能,基本上一个完成的app,都会存在一个导航栏,那么微信小程序的导航栏该怎么实现呢?经过无数的踩坑,终于实现了,好了,先看看效果图。对于底部导航栏,小程序上给出的文档要求里面的item最少2个,最多五个。
好了,先看看代码:
在项目中找到这个文件 1 {2 "pages":[3 "pages/index/index",4 "pages/logs/logs",5 "pages/mine/mine"6 7 ],8 "window":{9 "back...
先创建一个这样的路径然后在indexbottom的json中写入
{"component": true,"usingComponents": {}
}在需要引入自定义控件的index.json中写入
{"usingComponents": {"indexbottom": "../components/index/indexbottom/indexbottom"}
}然后就可以直接在页面上调用<indexbottom></indexbottom>自定义控件js
Component({/*** 组件的属性列表*/properties: {},/*** 组件的初始数据*/data: {},/*** 组件的onLoad事件* /ready(){},/*** 组件...
这里是开发盲盒小程序系列文章的第4章:开发盲盒小程序的购买功能
如有需要,可以看看我的“昵称”,仔细想想,就能知道俺了。
开发盲盒小程序,一般都有盲盒的购买功能,包括盲盒的整盒端的购买、购买盲盒的凑盒购买、购买盲盒的优惠券、购买盲盒的充值积分等
盲盒小程序的整盒端
顾客可以在抽盲盒购买时,选择“整盒端”的形式进行购买,可以购买整套盲盒商品,并且不会重复款式,而且能有几率购买到其中的隐藏款。
盲盒小...
1 <!-- 小程序 在app 里面写 是否判断他是IPhone X-->2 wx.getSystemInfo({3 success: function(res) {4 if (res.model.indexOf(iPhone X) != -1) {5 that.globalData.isIphoneX = true //不等于-1 就是----6 }7 }8 }) 9
10 globalData: {
11
12 isIphoneX: false,
13
14 } 1 //需要在页面他判断是否是Iphone X 如果在 index.js 里面写2 const app =getApp()3 data:...
乒乓圈小程序
和朋友合伙写了一个小程序,写了一个以共享乒乓信息和交流的平台———乒乓圈。我们使用了微信的云开发来完成数据和后台的作用。免去了租赁服务器。
我主要负责的是数据库的设计和云函数实现数据获取和触发器的功能和简单的两个页面。
正文
功能展示页面分析引导页当用户未授权则会弹出,点击下方指纹图片,则会弹出授权框,授权后,如果未注册则会注册完毕后进入首页tabbar中的三个模块
三个模块分别为 首页、圈友、...
承接NopCommerce 4.2? 微信小程序 / H5 商城开发
承接NopCommerce 4.2? 微信小程序 / H5 商城开发
承接NopCommerce 4.2? 微信小程序 / H5 商城开发
承接NopCommerce 4.2? 微信小程序 / H5 商城开发
承接NopCommerce 4.2? 微信小程序 / H5 商城开发
承接NopCommerce 4.2? 微信小程序 / H5 商城开发
联系QQ:380899422
麻烦备注:NopCommerce 开发
1、判断手机定位服务【GPS】 是否授权
uni.getSystemInfo({success(res) {let locationEnabled = res.locationEnabled; //判断手机定位服务是否开启let locationAuthorized = res.locationAuthorized; //判断定位服务是否允许微信授权if (locationEnabled == false || locationAuthorized == false) {//手机定位服务(GPS)未授权}else {//手机定位服务(GPS)已授权}},fail() {// 手机定位服务(GPS)未授权}
});2、判断微信小程序...
云数据库
云数据库开发文档:https://developers.weixin.qq.com/miniprogram/dev/wxcloud/guide/database.html
1.初始化:https://developers.weixin.qq.com/miniprogram/dev/wxcloud/guide/database/init.html
一、问题
二、解决
1 详情,ES6 转ES5 勾上
2 缺少了regeneratorRuntime这个模块,需要从外部引入
2.1.在新建的文件夹中执行 npm init ,生成package.json文件(一路回车就好)
2.2.执行 npm install regenerator@0.13.1
2.3.将node_modules/regenerator-runtime/runtime-module.js
2.4.js文件复制到小程序项目中(其他不要)
引用,即可
? import?regeneratorRuntime?from?"../resource/js/runtime-mod...
小程序获取网络类型代码!本文实例讲述了成都微信小程序开发获取网络类型的方法。分享给大家供大家参考,具体如下:
这里主要演示通过wx.getNetworkType获取当前网络类型的操作方法。代码如下:
index.js:
Page({ /** * 页面的初始数据 */ data: { netType: }, /** * 生命周期函数--监听页面加载 */ onl oad: function () { var that = this; try { wx.getNetworkType({ success: function(res) { that.setData({...
关于微信小程序导航栏的设置:
整体顶部导航栏设置
在全局文件app.json中:
<!-- 需要置入windows,在其中修改navigationBar的属性 -->
"window": {
"navigationBarBackgroundColor": "#FF5777",
"navigationBarTextStyle": "white",
"navigationBarTitleText": "熊窝",
"backgroundColor": "#ff5777",
"enablePullDownRefresh": true,
"backgroundTextStyle": "dark"
}在页面的page.json中:
<!-- 直接可以用 "navigationBarTitleT...
如图:
代码:1 .userInfoView{2 width: 100%;3 height: 592rpx;4 margin-top: 40rpx;5 padding-bottom: 20rpx;6 }7 .userInfoLi{8 width: 100%;9 height: 176rpx;10 background-color: #F8F9FC;11 margin-bottom: 20rpx;12 border-radius: 8rpx;13 }14 .userinfonName{15 position: absolute;16 left: 108rpx;17 top: 24rpx;18 font-size: 28rpx;19 color: #333333;20 }21 .userinfoType{22 margi...
在app.json中配置全局下拉刷新:
"window": {"enablePullDownRefresh": false
}在页面json文件中配置:
"enablePullDownRefresh": true下拉刷新使用在页面中的 onPullDownRefresh 方法中(没有可自己添加),用户下拉后触发该方法。
触发后不能自动回弹,需要调用结束下拉方法:
onPullDownRefresh:function(){wx.stopPullDownRefresh();
}注:我是在全局中关闭了下拉刷新,然后哪个页面中用了再开启。
用户下拉后没有显示三个点,可...