![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
小程序
文章平均质量分 67
゛Pudding
疲倦的生活里总要有些温柔的梦想~
展开
-
微信小程序 返回并刷新上一页数据
var pages = getCurrentPages();//获取页面栈if (pages.length > 1) {//上一个页面实例对象var prePage = pages[pages.length - 2];//调用上一个页面的onShow方法prePage.onShow()}原创 2020-12-09 13:51:18 · 2575 阅读 · 1 评论 -
小程序二级树
点击查看链接: 小程序二级树.原创 2020-12-08 13:44:57 · 130 阅读 · 0 评论 -
小程序fiexd定位后sroll-view失效
1、wxml部分<view class="cont"> <scroll-view scroll-x class="nav classify" scroll-with-animation scroll-left="{{scrollLeft}}"> <view class="item {{index==TabCur?'cur':''}}" wx:for="{{productCategories}}" wx:key原创 2020-11-19 17:28:23 · 144 阅读 · 0 评论 -
微信小程序获取当前地理位置
1、wxml绑定<view bindtap='getLocal'>获取位置</view>2、js部分// 获取当前地理位置 授权验证 getLocal(){ let that = this; wx.getSetting({ success(res) { if (res.authSetting['scope.userLocation'] == false){ // 如果已拒绝授权,则打开设置页面 wx.op原创 2020-11-17 17:52:23 · 208 阅读 · 0 评论 -
小程序实现点击后地图选择定位位置
1、wxml写点击事件并绑定数据<view class="address">{{address}}</view>2、js给一个默认初始值Page({ data: { address: "定位" }, handleAddressClick() { wx.chooseLocation({ success: this.handleChooseLocationSuccess.bind(this) }) }, handleChoo原创 2020-11-13 10:19:51 · 649 阅读 · 0 评论 -
小程序只展示for循环数据的前几条
// 展示数组的前两条数据<view wx:for="{{wow.commentList}}" wx:for-item="cos" wx:key="key" wx:if="{{index < 2}}"></view>原创 2020-11-10 14:42:43 · 3528 阅读 · 0 评论 -
小程序动态修改标题navigationBarTitleText
1、平时我们是在.json文件直接去设置页面标题{ "navigationBarTitleText": "首页",}2、想要修改标题可以给他动态设置,或者根据一些判断条件在.js文件中去设置wx.setNavigationBarTitle({ title: '我是修改后的标题啊'})...原创 2020-11-10 10:14:22 · 5877 阅读 · 0 评论 -
小程序弹出弹框隐藏底部导航反之出现
<view class="fabu" bindtap="showModals" data-target="bottomModal"> <image src="../../images/home/fabu.png"></image></view><view class="cu-modal bottom-modal {{modalName=='bottomModal'?'show':''}}" bindtap="hideModals">原创 2020-10-26 15:19:20 · 634 阅读 · 0 评论 -
小程序图片海报在安卓保存失败的bug
在小程序中海报图片保存分享的功能实现中,部分用户图片海报保存不了检查原因:小程序在保存图片海报时,苹果手机图片扩展名还是.png安卓手机扩展名为.unknown,保存失灵解决办法:filePath: wx.env.USER_DATA_PATH + ‘/’ + fileName + ‘.png’,查看是否授权然后在执行保存方法savePoster: function () { let that = this wx.getSetting({ success(原创 2020-09-29 15:53:15 · 800 阅读 · 0 评论 -
小程序地图获取位置
首先需要在app.json中添加字段,给予权限"permission": { "scope.userLocation": { "desc": "你的位置信息将用于小程序位置接口的效果展示" } },不添加的话会出现以下情况此处我的经纬度是从上一页传过来的,展示当前位置Page({ data: { longitude: '', //经度 latitude: '', //纬度 markers: [{ id: 0, .原创 2020-09-18 15:41:09 · 183 阅读 · 0 评论 -
小程序前端调用微信支付
小程序调用微信支付前还需要一系列准备工作申请资质认证填写公司资料,等待审核通过拿到AppID和AppSecret申请开通微信支付,等待审核通过编写小程序端代码// An highlighted blockwxPay: function (e) { var that = this; wx.request({ url: app.data.address, header: { "Content-Type": "application/json;原创 2020-09-18 15:15:38 · 429 阅读 · 0 评论 -
小程序swiper小圆点默认样式改变
开发过程中swiper样式不喜欢,想要修改小圆点样式,拿到swiper下的小圆点进行修改,去设置想要的颜色,点与点之间的间距等等一系列样式/* 圆点的样式 */swiper .wx-swiper-dot { width: 35rpx; height: 7rpx; border-radius: 50%; display: inline-flex; margin-left: 19rpx; justify-content: space-between;}swiper .wx-swi.原创 2020-09-17 10:40:29 · 778 阅读 · 0 评论 -
微信小程序圆角苹果手机不兼容
1、安卓手机圆角的正常操作就是直接border-radius:3rpx2、苹果手机圆角却不显示,需要加以下样式:.box{ border-radius: 6rpx; overflow:hidden; -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0);}...原创 2020-09-17 09:24:09 · 784 阅读 · 0 评论 -
小程序修改名称功能显示隐藏实现
1.wxml中用wx:if 控制显示隐藏<view class="over" wx:if="{{!shows}}"> <text class="fl">{{personalInfo.userName}}</text> <text class="edit" bindtap="edit">修改</text></view><view class="over" wx:if="{{shows}}"> <input原创 2020-08-03 10:45:04 · 431 阅读 · 0 评论 -
微信小程序底部与顶部背景颜色文字颜色修改
1、单个页面修改顶部背景颜色与文字颜色{ "usingComponents": {}, "navigationBarBackgroundColor": "#17abe3",//背景颜色 "navigationBarTextStyle": "white"//文字颜色,只能为black 或者 white。}文字颜色,只能为black 或者 white,不然会出现以下情况:2、全局修改顶部背景颜色与文字颜色在app.json文件中找到window "window":{ "b原创 2020-07-02 12:19:35 · 12481 阅读 · 0 评论 -
小程序的退出登陆功能实现代码
1、wxml中加事件<view class='pro' bindtap="loginout">安全退出</view>2、js中清除tokenconst app = getApp()Page({ /** * 页面的初始数据 */ data: { }, // 退出登录 loginout(){ wx.showModal({ ...原创 2020-05-06 17:52:57 · 8886 阅读 · 0 评论 -
小程序获取当前input的value值
1、wxml展示<view class="inpbox"> <input class="inp" bindinput='visitCustomerNameInput' value='{{visitCustomerName}}' placeholder="请输入内容"></input></view>2、js获取 Page({ /**...原创 2020-05-06 17:41:14 · 781 阅读 · 1 评论 -
小程序上一页面传值并在下一页面取值
1.在A页面wxml中拿到需要传的值<view class="row" wx:for="{{terminalVisitList}}" wx:key="key"> <view class="viewdetails"> <view bindtap="editbusinessTerminalVisit" data-id="{{item.id}...原创 2020-05-06 17:25:49 · 323 阅读 · 0 评论 -
小程序双层for循环
1、wxml// wx:for-item的值默认为item,第二层循环需要重新起个名字<view class="container" wx:for="{{categoryVos}}" wx:for-item="item" > <view class="title">服务分类:{{item.missionCategoryName}}</view> &...原创 2020-05-06 17:10:38 · 2114 阅读 · 0 评论 -
微信小程序的几种弹出提示框
1.wx.showToast 消息提示框//icon:success 成功图标,loading 加载图标 (7个汉字长度),none不显示(两行文字)//image:设置自定义图标,优先级高于icon//mask:显示蒙层wx.showToast({ title: '成功', icon: 'success', duration: 2000})//隐藏消息提示框wx.hi...原创 2020-04-13 11:48:10 · 6185 阅读 · 0 评论 -
小程序picker普通选择器动态获取数据
效果如图:1.wxml:picker选择器<view class="box"> <picker mode='selector' bindchange="bindCommunicateChange" value="{{fashionidx}}" range="{{fashionList}}" range-key="{{'fashionName'}}" data-s...原创 2020-04-11 12:14:14 · 2395 阅读 · 0 评论 -
小程序路由跳转方法整理
小程序几种路由整理跳转到 tabBar 页面 //关闭其他非tabBar页面,跳回tabbar页面 wx.switchTab({ url:"../index/index" })关闭所有页面,打开到某个页面 wx.reLaunch({ url: '../index/idnex' }) //不允许跳转到 tabbar 页面 wx.redirectTo({ ...原创 2020-04-11 11:33:28 · 175 阅读 · 0 评论 -
小程序的购物车逻辑页面加滑动删除
商城购物车的小逻辑效果如下:代码如下:wxml:原创 2019-06-23 17:58:28 · 306 阅读 · 0 评论 -
小程序的月历,年月没有日
月历小插件效果如图:代码如下:wxml:// An highlighted blockvar foo = 'bar';wxss:js:原创 2019-06-23 17:21:12 · 204 阅读 · 0 评论