![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
小程序开发
葉幺
实在 乐于研究
展开
-
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 · 1635 阅读 · 0 评论 -
微信小程序开发常用小功能
复制文本1、可以使用 text 进行复制,不过要加参数selectable=‘true’2、使用setClipboardData方法进行复制,唯一坑的是复制成功后会弹出“内容已复制”,不能自定义,自定义的话可以自己加wx.hideToast(),再添加弹窗自定义,确定是可能出现一闪wx.setClipboardData({ data: 复制内容, success: function ()...原创 2020-04-23 11:05:05 · 743 阅读 · 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 · 26869 阅读 · 2 评论 -
bindgetuserinfo="onGotUserInfo" and @getuserinfo="onGotUserInfo
发现使用uni-app获取UserInfo,结果使用微信官网栗子发现只弹出提示,没获取到值如下<button open-type="getUserInfo" lang="zh_CN" bindgetuserinfo="onGotUserInfo">获取用户信息</button>onGotUserInfo: function (e) { console.log(e) ...原创 2019-11-28 15:00:29 · 1957 阅读 · 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 · 6637 阅读 · 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 · 1114 阅读 · 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 · 9178 阅读 · 2 评论 -
uni-app 常用生命周期
onLoad() 获取路由传递的参数,参数类型为Object(用于页面传参)onShow() 页面显示时执行(无论是通过点击进来还是返回到这个页面都执行)onReady() 监听页面初次渲染完成。注意如果渲染速度快,会在页面进入动画完成前触发(官网中的介绍)onHide() 离开当前页面时执行的onUnload() 监听页面卸载(官网中的介绍)onResize() 窗...原创 2019-07-31 11:19:57 · 5322 阅读 · 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 · 4136 阅读 · 0 评论 -
Taro引入阿里图标
首先进阿里图标下载项目至本地下载完解压缩打开后将以下文件复制出来这边我在src下新建一个fonts目录,将上面复制下来的五个文件放到里面(目录名可以自己命名,或者放在其他目录下)返回到上级也就是src目录下打开app.tsx(或app.js)文件引入 import ‘./fonts/iconfont.css’以上就引用完icon,接下来我们来试试效果,在页面中写上以下内...原创 2019-05-20 15:40:16 · 4251 阅读 · 3 评论 -
Taro关闭页面时停止计时器
1、在data中定义Loadingtime:’’ constructor () { super(...arguments) this.state = { djsTime:3, // 倒计时时间 Loadingtime:'', // 计时器 } }2、在组件在装载发生前被立刻调用计时器componentWillMount () { let that ...原创 2019-05-06 10:35:42 · 2771 阅读 · 0 评论 -
微信小程序选择日期时input弹出软键盘
在微信小程序中使用input框选择日历时在手机上回自主的弹出软键盘解决办法就是:将input框设置为禁止点击状态disabled=‘disabled’。提示如果设置为只读会不起作用...原创 2019-04-08 15:25:29 · 3549 阅读 · 0 评论 -
微信小程序文字图片水平垂直居中对齐问题
我们知道常用的居中对齐方式有很多种例如:text-align:center;align-items:center;justify-content: center;margin: auto; //子容器在父容器中居中但是在view中的文字对齐却不能简单的使用text-align: center;来实现,这种办法只能实现文字的水平居中,要实现水平垂直居中,可使用如下方案.box{ ...转载 2019-03-29 10:56:29 · 6422 阅读 · 0 评论 -
小程序超过部分隐藏,不起作用
遇到一个问题:小程序超过部分隐藏,不起作用,查了好多原因,最后发现不一定是英文才要给它强制换行,中文的情况也要css H5上可用,到微信小程序上就没用display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;最后改成这样才可以overflow:hidden; text...原创 2019-03-13 17:49:41 · 3705 阅读 · 0 评论 -
小程序中如何将View按照百分百比,实现等宽高效果
1,首先写出布局<View className='Box'> <View className='Box1'> <View className='Box2'></View> </View></View>2、写出样式.Box{display: flex;justify-content:space-between;...原创 2019-03-14 15:26:50 · 2464 阅读 · 1 评论 -
Taro下拉刷新,上拉加载更多
效果图:1、引入插件import Taro, { Component } from '@tarojs/taro'import { View, Text, ScrollView } from '@tarojs/components'import { AtActivityIndicator } from 'taro-ui'import './index.scss'2、render (...原创 2019-02-21 20:26:19 · 23228 阅读 · 17 评论 -
Taro固定底部切换AtTabBar
首先引入taro-ui,加入标签AtTabBarimport Taro, { Component, Config } from '@tarojs/taro'import { View } from '@tarojs/components'import { AtTabBar } from 'taro-ui'import './index.scss'标题为:个人中心,显示下标为3conf...原创 2018-11-27 10:44:46 · 12087 阅读 · 6 评论