![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
小程序
保持微笑ヽ继续我旳骄傲
这个作者很懒,什么都没留下…
展开
-
小程序动态设置顶部文字(uniapp)
uni.setNavigationBarTitle({ title: "最近访问" });原创 2021-04-10 17:38:56 · 1439 阅读 · 0 评论 -
小程序返回APP
关键在于: 其他不用管例子: <button class="back" v-if="pages < 2" open-type="launchApp" app-parameter="wechat" binderror="launchAppError"> 返回 <image :src="appHeadImg" mode=""></image> </button> ...原创 2021-04-10 16:18:51 · 229 阅读 · 0 评论 -
小程序 阻止遮罩层下的滚动
<view class="couponBox" @touchmove.stop.prevent="moveHandle"></view>// 阻止遮罩层下面滚动moveHandle: function() {},原创 2021-03-31 15:12:04 · 181 阅读 · 0 评论 -
uniapp scroll-view去掉或者隐藏滚动条
在App.vue里面写样式/* 解决小程序和app滚动条的问题 */ /* #ifdef MP-WEIXIN || APP-PLUS */ ::-webkit-scrollbar{ display: none; }/* #endif */ /* 解决H5 的问题 *//* #ifdef H5 */ uni-scroll-view .uni-scroll-view::-webkit-scrollbar { /* 隐藏滚动条,但依旧具备可以滚动的功能 */ display: none } /* #原创 2020-07-21 17:10:01 · 1690 阅读 · 0 评论 -
微信H5登录功能实现
//判断是否为公众号模拟器环境const isWechat = () => { return String(navigator.userAgent.toLowerCase().match(/MicroMessenger/i)) === 'micromessenger';};//判断公众号截取codeconst getUrlParam = name => { let reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$原创 2020-07-15 15:11:01 · 2878 阅读 · 0 评论 -
小程序支付和H5支付实现(uniapp)
小程序支付:**wxml** <text class="submit" @click="payment">去付款</text> **js** payment: function(res) { uni.requestPayment({ provider: 'wxpay', // 写死的 timeStamp: res.data.data.timestamp, // 后端给的 nonceStr: res.data.data.nonceS原创 2020-07-15 14:59:07 · 1039 阅读 · 1 评论 -
小程序订阅功能
uni.requestSubscribeMessage({ //获取下发权限 tmplIds: ['ApDc8a7C13BLetAW6EkbIEPWg-ze-2W8_EAz7xgaXOA'], //此处写在后台获取的模板ID,可以写多个模板ID,看自己的需求 success: res => { console.log(res); if (res['ApDc8a7C13BLetAW6EkbIEPWg-ze-2.原创 2020-07-13 16:39:01 · 605 阅读 · 0 评论 -
微信小程序发布新版本时自动提示用户更新(uniapp框架写的)
在App.vue里面写onLaunch: function() { // debugger const updateManager = uni.getUpdateManager() updateManager.onCheckForUpdate(function (res) { // 请求完新版本信息的回调 console.log(res.hasUpdate) }) // 下载新版本 updateManager.o原创 2020-07-02 14:48:10 · 1609 阅读 · 0 评论 -
小程序自带弹出框类型
1. wx.showToast(Object object)显示消息提示框wx.showToast 应与 wx.hideToast 配对使用wx.showLoading 和 wx.showToast 同时只能显示一个wx.showToast({ title: '成功', icon: 'success',//当icon:'none'时,没有图标 只有文字 duration: 2000})例:2. wx.showModal(Object object)显示模态对话框wx.原创 2020-07-02 14:40:16 · 492 阅读 · 0 评论 -
uniapp base64转图片
创建一个js文件const fsm = wx.getFileSystemManager();const FILE_BASE_NAME = 'tmp_base64src'; //自定义文件名function base64src(base64data, cb) { const [, format, bodyData] = /data:image\/(\w+);base64,(.*)/.exec(base64data) || []; if (!format) { return (new.转载 2020-05-20 11:24:43 · 9239 阅读 · 2 评论 -
字符串转数组
// 数组转字符串 var a, b;a = new Array(0,1,2,3,4);b = a.join("-");// 字符串转数组var s = "abc,abcd,aaa";ss = s.split(",");// 在每个逗号(,)处进行分解。原创 2020-04-13 20:45:45 · 117 阅读 · 0 评论 -
js两个数组去重的方法
let arr1=['棉','40*40'] let arr2=['棉','40*40','好'] arr1.forEach((item1)=>{ arr2.forEach((item2,j)=>{ if(item2==item1){ arr2.splice(j,1) ...原创 2020-04-13 20:09:43 · 2968 阅读 · 0 评论 -
小程序解决底部遮挡点击事件
比如:iphoneX的底部安全距离会遮挡页面以下是 iphoneX 的手机屏幕解决办法如下:在需要的地方写上如下css样式(类名可以随意定)![在这里插入图片描述](https://img-blog.csdnimg.cn/20200403194738202.png#pic_center// ios底部安全距离-padding.savepadding{ padding-bot...原创 2020-04-03 19:49:50 · 984 阅读 · 0 评论 -
小程序上传图片功能(uniapp框架写的)
html:<image @click="changeImg" src="../../static/uploading-icon.png" mode=""></image>js: // 上传图片 changeImg: function() { var _this = this; uni.chooseImage({ count: 9, //默认9...原创 2020-03-31 17:35:19 · 820 阅读 · 0 评论 -
小程序配置域名白名单
原创 2020-03-31 17:22:31 · 23745 阅读 · 0 评论 -
小程序登录功能(这个是使用的uniapp框架做的)
html:<button hover-class="none" open-type="getUserInfo" @getuserinfo="cancel('允许')">点击显示微信头像</button>js :// 点击弹框的取消和允许 cancel: function(value) { var _this = this; if (value == ...原创 2020-03-26 20:59:41 · 295 阅读 · 0 评论 -
小程序input禁止输入,设置调用其他组件
在input增加disabled=true如例子:<input class="input" disabled=true type="number" value="" placeholder="所在地区" placeholder-class="placeholder" @tap="openAddres" />原创 2020-03-26 20:53:46 · 5144 阅读 · 0 评论 -
小程序轮播图中间大两边小,下边的项随着轮播图变动
wxml: <view class="swiper"> <swiper autoplay interval="{{interval}}" circular previous-margin="{{leftMargin}}" next-margin="{{rightMargin}}" bindchange="handleChange"> ...原创 2019-10-22 15:48:27 · 518 阅读 · 1 评论 -
小程序上拉加载
pages 里面的 product 文件夹product .wxmlproduct .jspageGoods: function () {var _this = this;util.my_ajax({url: 你的接口,data: {current: _this.data.page, // 页码limit: 10, // 每次出来的数量userId: _th...原创 2019-06-29 11:48:29 · 89 阅读 · 0 评论 -
微信小程序页面跳转方法总结
微信小程序页面跳转目前有以下方法(不全面的欢迎补充):利用小程序提供的 API 跳转:// 保留当前页面,跳转到应用内的某个页面,使用wx.navigateBack可以返回到原页面。// 注意:调用 navigateTo 跳转时,调用该方法的页面会被加入堆栈,但是 redirectTowx.navigateTo({url: ‘page/home/home?user_id=111’}...原创 2019-08-01 10:35:28 · 154 阅读 · 0 评论 -
小程序跳转小程序功能
首先app.json里面配置要跳转的小程序id "navigateToMiniProgramAppIdList": [ "wx7549f11c80b66ae7" // 这个就是小程序id ],第二: 要点击跳转的地方 写一个点击事件 例: <view class="li" bindtap="jumpDetails" data-id="eb5...原创 2019-08-15 16:50:04 · 407 阅读 · 0 评论 -
小程序上传图片前将图片剪切成固定尺寸
首先下载插件we-cropper 链接:https://github.com/we-plugin/we-cropper放入到你想要放的文件夹里面然后:在你需要用的页面的js里面引入这个插件js// 这些都要放进去,不能少import WeCropper from '../../utils/we-cropper/we-cropper.js'const device = wx.g...原创 2019-08-15 17:22:20 · 3177 阅读 · 4 评论 -
小程序跳转公众号文章
这是首页的代码<image class="seedingBannar" data-id="{{item.id}}" bindtap="goTweet" src="{{resourceUrl+item.iconPath}}"></image> // 跳转到推文页面 goTweet: function (e) { console.log(e.currentT...原创 2019-09-06 18:33:14 · 3052 阅读 · 0 评论 -
小程序九宫格抽奖
html:<view class="container-out"> <view class="circle" wx:for="{{circleList}}" style="top:{{item.topCircle}}rpx;left:{{item.leftCircle}}rpx;background-color: {{(index%2==0)?colorCircleFi...转载 2019-09-10 16:09:44 · 562 阅读 · 0 评论 -
微信小程序canvas实现画圆圈头像
//获取用户设备信息wx.getSystemInfo({ success: function (res) { _this.setData({ screenHeight: res.windowHeight, screenWidth: res.windowWidth, }); }});网上的图片要先下载到本地var _this = this ...原创 2019-09-15 14:20:23 · 770 阅读 · 0 评论 -
微信小程序之canvas 文字断行和省略号显示
//处理文字多出省略号显示 dealWords: function (options) { options.ctx.setFontSize(options.fontSize);//设置字体大小 var allRow = Math.ceil(options.ctx.measureText(options.word).width / options.maxWid...转载 2019-09-15 17:27:30 · 359 阅读 · 0 评论 -
小程序用canvas生成图片
效果如图wxml <button bindtap='saveImageToPhotosAlbum' class="save">生成图片</button> <canvas canvas-id='share' wx:if="{{canvasHidden}}" style='width:{{screenWidth}}px;height:1500rpx; opac...原创 2019-09-15 18:14:30 · 454 阅读 · 0 评论 -
小程序点击保存图片
<button class='btn' bindtap='postSave'>保存到本地相册</button>postSave(e) { wx.showLoading({ title: '保存中...' }) wx.downloadFile({ url: 'http://xxx.com/poster.png', ...转载 2019-09-15 18:17:04 · 645 阅读 · 0 评论 -
小程序定时器的开启和关闭
data: { setInter:'' 设置定时器 }, onShow: function () { this.notification() // 调用方法 },notification: function () { var _this = this _this.data.setInter = setInterval(function () { ...原创 2019-09-23 13:58:56 · 3015 阅读 · 0 评论 -
小程序的本地储存值,取值,清除储存值
// 存入值wx.setStorageSync("conversionId", '123456')// 取缓存值wx.getStorageSync("conversionId")// 清除缓存值 (等于将存储的值,重新赋值为空) wx.setStorageSync("conversionId", '')...原创 2019-09-23 14:44:21 · 1277 阅读 · 0 评论