小程序
路不在自己脚下
这个作者很懒,什么都没留下…
展开
-
自定义小程序Loading效果(vue.js移动端可用---需修改)
// load-more组件load-more.wxml<view class="tui-loadmore-class tui-loadmore" wx:if="{{visible}}"> <view class="{{'tui-loading-'+index}} {{(index==3 && type)?'tui-loading-'+type:''}}"...原创 2019-10-19 17:44:06 · 757 阅读 · 0 评论 -
小程序轮播
// 轮播效果1banner1.wxml<swiper indicator-dots="true" autoplay="true" interval="4000" duration="1200" indicator-active-color="#fa436a"> <block wx:for="{{bannerData}}" wx:key="index"> ...原创 2019-10-16 18:17:06 · 137 阅读 · 0 评论 -
微信小程序(返回顶部功能)
//创建组件backTopbackTop.json{ "component": true, //作为组件使用 "usingComponents": {}}backTop.jsComponent({ properties: { //回顶部按钮距离底部距离 rpx bottom: { type: Number, value: 120 ...原创 2019-10-10 22:37:08 · 438 阅读 · 0 评论 -
小程序动态绑定css(示例)
<view class="goods-list"> <view class="goods-list-header"> <view class="gl-header-left"> <!-- 默认 --> <view class="gl-header-item {{glDefault.select == tr...原创 2019-10-09 22:30:15 · 1538 阅读 · 0 评论 -
微信小程序引用本地js里的json数据
1.data.js(本地js里的json数据)var data = [ { "name": "女装", "foods": [ { "name": "A字裙", "key": "A字裙", "icon": "http://img.kiwifruits.cn/classify/1/...原创 2019-10-08 17:07:13 · 3865 阅读 · 2 评论 -
小程序云开发(选择地理位置)
//如图所示://选择位置(在地图上选择位置并点击确定按钮后可获取选择的位置和经纬度) chooseLocation: function(){ wx.chooseLocation({ success: res =>{ console.log(res) // res:{ // address: "广东省深圳市宝安区...原创 2019-10-02 21:03:18 · 1697 阅读 · 0 评论 -
小程序云开发(上传图片)
// 上传图片 uploadImg: function () { // 选择图片 wx.chooseImage({ count: 1, sizeType: ['compressed'], sourceType: ['album', 'camera'], success: res => { wx.showLoa...原创 2019-10-02 16:30:41 · 1040 阅读 · 0 评论 -
小程序云开发(跳转至详情页)
list.wxml (列表页)<view class="container"> <van-cell-group> <block wx:for="{{list}}"> //传入_id <navigator url="../detail/detail?id={{item._id}}"> <van...原创 2019-10-02 14:42:57 · 1749 阅读 · 1 评论 -
小程序云开发(上拉加载下拉刷新)
注意:不完善意,存在bug//index.jsconst app = getApp();const db = wx.cloud.database();//获取数据库集合const dbData = db.collection('counters')Page({ data: { list: [] }, onLoad: function(options) { ...原创 2019-10-02 13:50:28 · 1529 阅读 · 2 评论 -
小程序云开发中使用正则表达式
// 可使用js原生正则表达式或者使用小程序云开发里提供的db.RegExp对象onQuery: function() { const db = wx.cloud.database() // 查询当前用户所有的 counters db.collection('counters').where({ //查询字段name的值为pdc-01,pdc-02,pdc-0...原创 2019-09-30 16:11:13 · 1355 阅读 · 0 评论 -
小程序云开发(查询数据库数据)
//查询所有数据onQuery: function() { const db = wx.cloud.database() // 查询当前用户所有的 counters //db.collection('counters').get().then(res => { console.log(res.data) }) //查询所有数据并显示含有c...原创 2019-09-29 23:24:07 · 5946 阅读 · 0 评论 -
小程序云开发(更新数据库数据)
// 根据_id(添加数据的时候会自动创建_id)更新数据库数据onCounterInc: function() { const db = wx.cloud.database() const newCount = this.data.count + 1 //更新集合counters里的_id为"f885cb355d90a28e071787dc3baeaa49"的数据 ...原创 2019-09-29 21:43:50 · 3198 阅读 · 0 评论 -
小程序云开发(删除数据库数据)
// 根据_id(添加数据的时候会自动创建_id)删除数据// 在js文件里编写onRemove: function() { if (this.data.counterId) { const db = wx.cloud.database() //删除集合counters里的_id为"f885cb355d90a28e071787dc3baeaa49"的数据 ...原创 2019-09-29 20:39:48 · 4299 阅读 · 0 评论 -
小程序云开发(往数据库添加数据)
// 使用小程序云开发往数据库添加数据// js文件里编写onAdd: function () { const db = wx.cloud.database() //往名为counters的集合中添加数据(需先在工具栏云开发里的数据库里创建集合counters) db.collection('counters').add({ data: { ...原创 2019-09-29 20:18:12 · 4978 阅读 · 0 评论 -
小程序干货收集
小程序之登录注册功能: https://blog.csdn.net/weixin_38930535/article/details/79281155转载 2019-06-25 15:05:24 · 210 阅读 · 0 评论