uniapp
uniapp
释怀_
let
展开
-
uniapp改变input的placeholder的颜色
<input placeholder-style="color:#333333;" type="number" maxlength="11" v-model="phone" placeholder="联系人" />placeholder-style=“color:#333333;”原创 2021-02-09 10:58:12 · 2587 阅读 · 2 评论 -
uniapp中$set()的使用
this.$set(this.hotelInfo,‘flag’,true);给hotelInfo这个数组赋一个flag的值为true;原创 2021-02-08 14:32:34 · 9308 阅读 · 0 评论 -
vue获取当前日期和第二天日期
let myDate = new Date();let startDate = myDate.toISOString().slice(0, 10)myDate.setDate(myDate.getDate() + 1);let endDate = myDate.toISOString().slice(0, 10)console.log('当前日期',startDate)console.log('明天日期',endDate)原创 2021-01-30 14:31:59 · 1640 阅读 · 0 评论 -
支付宝小程序前端生成二维码
首先百度云下载文件链接:https://pan.baidu.com/s/1WLqvgjE13mkM1wD9omORmQ提取码:Andy<image style="width: 190px;height: 190px;position: absolute;" :src="imgSrc"></image>页面引入:import Qr from ‘@/common/wxqrcode.js’;data中定义imgSrc:""this.imgSrc = Qr.createQrC原创 2020-12-16 10:35:55 · 897 阅读 · 0 评论 -
支付宝小程序的坑
1.支付宝小程序不支持沉浸式导航 解决方法:在有沉浸式导航的pages的style中添加"transparentTitle":“always”,这个属性是设置导航栏为透明色 也就是不显示,适用于支付宝、app和h52.uniapp转支付宝小程序把图片都转成了背景图片 解决方法:在app.vue的style中添加image{background-size:100% 100%; } 将整体背景图片设置宽高百分比即可3.支付宝小程序不支持自定义组件 解决方法:在pages.json文件中去掉me原创 2020-12-10 16:18:36 · 923 阅读 · 0 评论 -
支付宝小程序定位图片z-index层级的问题
去掉z-index,添加这个定位属性position: inherit;原创 2020-12-02 10:23:14 · 687 阅读 · 0 评论 -
支付宝小程序不支持沉浸式导航的解决办法
在.json文件中添加:“defaultTitle”: “”,“usingComponents”: {},"transparentTitle":"always"原创 2020-11-12 09:51:26 · 519 阅读 · 0 评论 -
uniapp 使用 qrcode.js 生成二维码只显示一次
使用qrcode.js生成二维码canvas画布 不能用v-if 要用v-show原创 2020-11-07 15:24:16 · 1410 阅读 · 0 评论 -
uniapp做小程序全屏预览不显示的原因
view_QRcode() { console.log('jinru') let arr = []; arr.push("https://7test.galasystrip.com/resources/mini-web/weishiyongbg.png"); uni.previewImage({ current: 1, urls: arr, longPressActions: { itemList: ['发送给朋友', '保存图片',原创 2020-11-02 11:12:31 · 1023 阅读 · 1 评论 -
筛选出数组中属性为true的每条数据
computed:{ personInfoListTrue:function(){ return this.personInfoList.filter(function(item) { return item.flag }) } },原创 2020-10-29 10:17:28 · 1366 阅读 · 0 评论 -
uniapp返回首页或返回到倒数第n页
//获取页面栈的总数 let pages = getCurrentPages(); console.log('页面栈',pages) uni.navigateBack({ //页面栈总数减2就是返回到倒数第二页 delta:pages.length-2 })原创 2020-10-26 11:42:05 · 1127 阅读 · 0 评论 -
微信小程序 - 隐藏返回home按钮
开发者可在页面 onShow 中调用 hideHomeButton 方法 进行隐藏wx.hideHomeButton()从基础库 2.8.3 开始支持我们在使用时需要if (wx.canIUse(‘hideHomeButton’)) {wx.hideHomeButton()}原创 2020-10-23 16:21:00 · 1732 阅读 · 0 评论 -
input从右边输入文字 文字排序是从左向右
<input style="text-align:right" /><input type="text" dir="rtl" />这两个都是从右往左输入,但文字排列顺序还是从左往右的(顺序排列)、原创 2020-10-23 11:06:16 · 1472 阅读 · 0 评论 -
js截取标签代码中存在的文字
let reg = new RegExp(’[\u4e00-\u9fa5]+$’,‘g’);let str=item.shopName.match(/[\u4e00-\u9fa5]/g).join("");// console.log(“文字”,str)原创 2020-10-09 16:51:47 · 306 阅读 · 0 评论 -
uni-app 搜索内容高亮(源码分享)
https://blog.csdn.net/u013350495/article/details/105884069转载 2020-09-28 16:17:43 · 350 阅读 · 0 评论 -
text-align-last: justify;文本对齐ios失效问题
text-align: justify不生效的原因就是文字在最后一行,所以可以再想要两端对齐的文字前后分别加一个标签,然后把文字挤在不是最后一行的位置上。加一个伪类元素隐藏解决.title_name{width: 100%;text-align: justify;text-align-last: center;-moz-text-align-last: center;margin-left: 10rpx;height: 100%;}.title_name:after {content:原创 2020-09-19 11:08:48 · 3254 阅读 · 0 评论 -
同时设置input的属性为数字类型和密码类型
一个type是没法加两个属性值的可以让type=‘Number’ 然后再给input加一个password原创 2020-09-18 09:54:08 · 799 阅读 · 0 评论 -
前端通过qrCode生成二维码
首先引入qrCode.js文件import qrCode from ‘…/…/common/weapp-qrcode.js’通过后台返回的qrCodecouponQrCode() {let that = this;new qrCode(‘couponQrcode’, {text: qrCode,width: 190,height: 190,colorDark: “#000”,colorLight: “#FFFFFF”,correctLevel: qrCode.CorrectLevel.原创 2020-09-17 16:35:24 · 356 阅读 · 0 评论 -
将手机号第4位到第7位变为*号的几种方法
js将手机号中间四位变成*号方法一、利用数组splice,split,join方法var tel = 18810399133;tel = “” + tel;var ary = tel.split("");ary.splice(3,4,"****");var tel1=ary.join("");console.log(tel1);方法二、利用字符串的substr方法var tel = 18810399133;tel = “” + tel;var tel1 = tel.substr(0,3原创 2020-09-01 10:52:28 · 2309 阅读 · 0 评论 -
uniapp上拉加载
data(){return{pages: 1, //页数totalCount: ‘’, //列表总数totalPage: ‘’, //总页数}}getpiao(){if (res.data.code == 100) {that.totalCount = res.data.thePage.sumCount;// 如果总数除以limit 余数为0 说明没有下一页了if (res.data.thePage.sumCount % 10 === 0) {that.totalPage = pa原创 2020-09-01 09:20:45 · 323 阅读 · 0 评论 -
uniapp返回上一页携带参数
let pages = getCurrentPages(); //获取所有页面栈实例列表let nowPage = pages[ pages.length - 1]; //当前页页面实例let prevPage = pages[ pages.length - 2 ]; //上一页页面实例prevPage.$vm.contactList = this.contactList; //修改上一页data里面的searchVal参数值为1211uni.navigateBack({ //uni.n原创 2020-09-01 08:54:33 · 2007 阅读 · 0 评论 -
js some方法 判断数组中是否存在某个值或者某个值为true
var fruits = [‘apple’, ‘banana’, ‘mango’, ‘guava’];var fruitsNew = [];function checkAvailability1(arr, val) { return arr.some(arrVal => { val == arrVal })}checkAvailability1(fruits, 'kela'); // falsecheckAvailability1(fruits, 'banana'); //原创 2020-08-31 17:14:18 · 3346 阅读 · 0 评论 -
v-if v-for不能再一个标签上写 用计算属性解决这个问题
v-for="(item,index) in contactTrue" :key=‘index’computed: {// getResUrl: (filename) => {// return config.resUrl + ‘/resources/mini-web/’+filename;// }contactTrue: function() {return this.contactList.filter(function(item) {return item.flag})}}原创 2020-08-31 17:10:57 · 545 阅读 · 0 评论 -
uniapp 调用支付JSAPI缺少参数: total_fee
首先检查你的几个参数格式是否正确package参数必须是package:“prepay_id=wx21846545644222”所有参数都是字符串格式打印所有参数 实在不行type of判断类型timeStamp容易弄成number类型 一定要是字符串类型...原创 2020-08-28 09:00:31 · 1706 阅读 · 0 评论 -
uniapp返回上一个页面刷新
uni.navigateBack({delta:1,success: function() {let page = getCurrentPages().pop(); //跳转页面成功之后if (!page) return;page.onLoad(); //如果页面存在,则重新刷新页面}});原创 2020-08-26 18:14:53 · 5269 阅读 · 0 评论 -
定位弹窗实现滚动
< scroll-view scroll-y=“true” style=“overflow: auto;flex:1;margin-top: 10rpx;”>< /scroll-view>原创 2020-08-20 09:06:22 · 280 阅读 · 0 评论 -
ftp上传本地图片到服务器
后台会跟你几个地址和链接 在fileZilla中点击文件 站点管理器 新站点添加主机地址 用户名 密码 端口号 可能会出现的问题就是连接超时 需要在编辑 设置中修改超时秒数 默认是20根据情况设置大一点 然后在左边目录栏进入你要传递图片的目录 ctrl加鼠标多选图片 在右边远程站点找到要传递的目录 直接拖动等待传输完成就ok了 然后在页面中找到之前的本地的image 修改src :src="getResUrl(‘路径’) "](https://img-blog.csdnimg.cn/2020081原创 2020-08-19 17:51:57 · 646 阅读 · 0 评论 -
uniapp项目移动端可以 pc端显示过大问题
1.创建pc.js, PC端样式就可以实现1upx = 1rpx = 1px;这样非常方便的1:1还原设计图了当然如果你的设计图不是1920,比如是1366,那下面就改成这样window.innerWidth = 750*(w / 1366);(function (){var u = navigator.userAgent,w = window.innerWidth;if (!u.match(/AppleWebKit.Mobile./) || u.indexOf(‘iPad’) > -1)原创 2020-07-17 20:41:48 · 1111 阅读 · 0 评论