![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
uni-app
葉幺
实在 乐于研究
展开
-
nui-app 滑动条 可修改背景图片跟滑动按钮图片
nui-app 滑动条 可修改背景图片跟滑动按钮图片简单明了,可根据这个模板修改多种样式原创 2021-12-16 17:51:30 · 999 阅读 · 0 评论 -
uni-app微信小程序打开APP地图方法
wx.openLocation({ latitude: item.latitude, // 纬度,范围为-90~90,负数表示南纬 longitude: item.longitude, // 经度,范围为-180~180,负数表示西经, name:item.name, // 地址名称:某某学校 address:item.address, // 详细地址:某某街,某某路 success:function(r){ console.log(r) }})...原创 2021-03-22 15:17:48 · 1637 阅读 · 0 评论 -
uni-app微信H5微信扫一扫支持安卓跟苹果
下载微信JSSDK https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#1先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。备注:登录后可在“开发者中心”查看对应的接口权限。我这边新建一个wechat.js用于调用扫一扫var jweixin = require('@/components/app/jweixin'); // 我将下载的插件重命名为jweixin.js放在.原创 2021-02-03 09:38:43 · 1974 阅读 · 2 评论 -
微信小程序开发常用小功能
复制文本1、可以使用 text 进行复制,不过要加参数selectable=‘true’2、使用setClipboardData方法进行复制,唯一坑的是复制成功后会弹出“内容已复制”,不能自定义,自定义的话可以自己加wx.hideToast(),再添加弹窗自定义,确定是可能出现一闪wx.setClipboardData({ data: 复制内容, success: function ()...原创 2020-04-23 11:05:05 · 745 阅读 · 0 评论 -
uni-app 1、app-plus的使用,#ifdef MP只兼容小程序
最近开始查看uni-app的一些项目,在pages.json里面发现app-plus。百度了下看见一些网友的解释是app跟h5端执行,小程序则不执行(只测试过微信小程序,据说其他小程序也不执行)。代码如下{ "path": "pages/index/index", "style": { // #ifdef MP /* 微信小程序/支付宝小程序/百度小程序/头条...原创 2019-12-27 10:48:34 · 26944 阅读 · 2 评论 -
uni-app请求后再次发送请求赋值失败this.$forceUpdate();
这两天使用uni-app运到一个问题请求时赋值,再次赋值后发现赋值不成功。第一步,发送请求,接收请求后则判断获取请求成功(注:如果接口错误或者请求失败请将isFor改成true) data() { return { dataList:[], isFor:false, // 用来判断是否请求成功 } },_ajaxs("某某接口",{参数},"POST"...原创 2019-12-12 11:17:47 · 6567 阅读 · 0 评论 -
uni-app/微信小程序 @input 延迟500毫秒判断input内容是否持续输出
首先写入一个input和@input方法<input type="text" v-model="goodsName" @input="inputUp" placeholder="请输入商品名称大于4个汉字"">在data()中设置goodsNamedata() { return { goodsName:'', }}调用inputUp方法methods...原创 2019-09-04 11:52:52 · 6648 阅读 · 0 评论 -
(微信小程序,uni-app,taro) rich-text使用正则修改获取到的图片大小
1、先获取到返回的html值(如果有图片可以使用)this.conter = data.conter.replace(/\<img/gi, '<img style="max-width:96%;display:block;height:auto;margin:0.4rem 2%;"');2、在页面中填写就行了<rich-text :nodes="conter ">&...原创 2019-08-14 17:02:46 · 1117 阅读 · 0 评论 -
初用mescroll-uni
1、首先将到uni-app插件市场下载mescroll-uni https://ext.dcloud.net.cn/plugin?id=343或者去mescroll官网下载 http://www.mescroll.com/load.html?v=190725/2、将下载到的(mescroll-uni目录)复制到自己的项目中components目录下3、在页面中引入插件import Mesc...原创 2019-08-09 08:56:03 · 9189 阅读 · 2 评论 -
uni-app 常用生命周期
onLoad() 获取路由传递的参数,参数类型为Object(用于页面传参)onShow() 页面显示时执行(无论是通过点击进来还是返回到这个页面都执行)onReady() 监听页面初次渲染完成。注意如果渲染速度快,会在页面进入动画完成前触发(官网中的介绍)onHide() 离开当前页面时执行的onUnload() 监听页面卸载(官网中的介绍)onResize() 窗...原创 2019-07-31 11:19:57 · 5386 阅读 · 0 评论 -
uni-app 获取验证码倒计时60秒
效果图1、先写html(相关样式自己写)<view class="flex_row"> <view class="iconfont iconyanzhengma"></view> <input type="text" v-model="verify" placeholder="请输入验证码" /> <view v-if="veri...原创 2019-07-30 10:36:27 · 4147 阅读 · 0 评论