uni-app
Treasure girl1
这个作者很懒,什么都没留下…
展开
-
uni-app h5唤起App
唤起app原创 2022-09-24 09:06:16 · 894 阅读 · 0 评论 -
uni-app实现app和H5调用手机拨号功能
H5拨打电话原创 2022-08-08 10:58:33 · 2967 阅读 · 0 评论 -
uni-app transform 旋转效果 rotate()
动画原创 2022-07-08 16:08:38 · 3096 阅读 · 0 评论 -
uniapp 使用canvas 生成海报并保存到本地
canvas原创 2022-06-21 10:27:20 · 831 阅读 · 0 评论 -
uni-app解析银行卡(支付宝)返回form表单,唤起支付宝界面
form表单唤起支付原创 2022-06-08 15:45:10 · 1513 阅读 · 1 评论 -
uniapp循环输入框并获取到每个的值(并且数字是几 就显示几条数据)
<template> <gui-page> <view slot="gBody"> <!-- 人数 --> <view class="xname"> <text style="font-weight: bold;">人数 <text style="color: red;">*</text></text> <view class="xname_inp gui-fl原创 2022-03-26 11:31:24 · 1757 阅读 · 0 评论 -
uni-app 微信小程序自定义radio样式
/* radio 选中后的样式 */ /deep/ uni-radio .uni-radio-input.uni-radio-input-checked { background-color: #65D9CD !important; border-color: #65D9CD !important; background-clip: content-box !important; padding: 7rpx !important; box-sizing: border-box;.原创 2022-03-07 09:57:49 · 1573 阅读 · 0 评论 -
uni-app开发微信小程序之获取当前地址
<script> import amapFile from '../../common/amap-wx.js' export default { data() { return { key: 'ea5272730d9258289a996809b38c1638', } }, onShow() { this.handleAuthorize() }, methods: { // 获取位置 handleAuthorize() { va原创 2022-02-25 13:48:00 · 1517 阅读 · 2 评论 -
uniapp实现动态生成随机图形验证码
<template> <gui-page> <view slot="gBody"> <view class="content"> <!-- 验证码 --> <view class="firsts_s" style="margin-top: 25rpx;"> <view class="firsts_s_l"> <view class="first-input".原创 2022-02-08 16:59:57 · 1231 阅读 · 0 评论 -
uni-app 实现小程序rsa加密(非对称加密原理)
uni-app 小程序 rsa 加密 使用的是 jsencryptmain.js文件//引入js文件import security_http_config from './common/security.js'//封装的接口Vue.prototype.proims = (data, url, contentType) => { //重要的地方 **let currentKey = security_http_config.createKey();** const token_u =原创 2022-01-17 15:46:24 · 1788 阅读 · 0 评论 -
uni-app使用input框 v-model双向绑定不起作用解决方案
<input type="text" @input="inputs" value="" placeholder="请输入金额" v-model="number" /><script> export default { data() { return { number: '', } }, methods: { // 可提现金额显示 inputs(e) { var mon = e.detail.value if (Numb原创 2022-01-11 16:48:38 · 6077 阅读 · 3 评论 -
uni-app-微信小程序实现输入卡号 每四个为一组中间为空格(也可以取消空格)
wxml<!-- 礼品卡卡号 --><view class="lb1"> <view class="lb2"> 礼品卡卡号 </view> <view class="lb3"> <input class="weui-input" name="number" placeholder-style='color:#ACACAC' placeholder="请输入卡号" value='{{number}}' bindinpu原创 2020-10-28 15:14:35 · 1365 阅读 · 0 评论 -
uni-app实现传值路径乱码的问题
var option= " https%3A%2F%2Fwww.wangyongwei.top%3Fid%3D13"解决办法 decodeURIComponent(option)原创 2021-12-17 18:10:53 · 710 阅读 · 0 评论 -
uni-app 用户地理位置授权
许多小程序授权的时候 有的会点击取消授权,这就要打开设置重新授权了onShow() { this.Autho() },//授权Autho() { var that = this uni.authorize({ scope: 'scope.userLocation', success(res) { that.lat() }, // 授权失败 fail(err) { err = err['errMsg'] uni.sho原创 2021-12-17 11:56:07 · 998 阅读 · 0 评论 -
uni-app 发送form-data参数的请求方式传值给后台
传值给后台 基本上是form还有json格式把值传给后台。首先是json格式的header: { 'Content-Type': 'application/json', },form格式header: { 'Content-Type': 'application/x-www-form-urlencoded',},原创 2021-11-24 10:12:25 · 2903 阅读 · 0 评论 -
uni-app 更新包提示HTML5+Runtime缺少升级包manifest.json中配置的模块:payment
这是我在写wgt更新包时出现的。原因是之前打apk的包没有勾选manifest.json里面的支付,就直接更新了。解决办法就是:重新打个apk的包,重新下载 就能更新了注:如果更新时plus.runtime用的install,需要在manifest.json里权限配置里勾选以下两个<uses-permission android:name="android.permission.REQUEST_INSTALL_PACKAGES" /><uses-permission and..原创 2021-10-20 17:30:08 · 2873 阅读 · 0 评论 -
uni-app 实现递增递减(js)
js实现数值递增,保存两位小数this.price =200var arr=[]var numR=0numR=Number(this.price)for(var i=0;i<5;i++){ numR=Number(numR)+0.01 arr.push(numR.toFixed(2))}var arrs=[]var numRs=0numR=Number(this.price)for(var i=0;i<5;i++){ numR=Number(numR)-0.01 .原创 2021-09-03 16:17:19 · 560 阅读 · 0 评论 -
js截取数组里url中的域名的方法
data() { return { imageListy: [], }},onLoad(option) { var arr = [] //this.imageListy就是图片数据 for (var i = 0; i < this.imageListy.length; i++) { //replace(/^http:\/\/[^/]+/, "") 主要部分 var imageListy = this.imageListy[i].replace(/^h原创 2021-07-22 17:22:17 · 653 阅读 · 0 评论 -
uni-app定时器清除问题
data() { return { // 定义一个变量 time: '' }},onHide() { //当页面隐藏时清除定时器 clearInterval(this.time)},onShow() { // 执行定时器 this.times()},methods: { //定时器方法 times() { this.time = setInterval( this.group, 2000) }, //这里是想要执行的方法原创 2021-06-30 10:11:34 · 1566 阅读 · 0 评论 -
uniapp 实现微信小程序修改rich-text图片样式
<template> <gui-page> <view slot="gBody"> <view class="htext"> <rich-text :nodes="content"></rich-text> </view> </view> </gui-page></template><script> export default { d原创 2021-05-19 16:56:18 · 787 阅读 · 0 评论 -
uni-app 微信小程序使用 web-view 预览PDF
1、使用uni-pp开发微信小程序,上线之后发现Android手机无法加载览PDF,但ios可以。这里运用了 uni.openDocument<template> <view class="wenj" @click="file" > 点击查看文件 </view></template><script> export default { data() { return { attach_url: '', .原创 2021-05-19 09:54:46 · 669 阅读 · 0 评论 -
uni-app实现微信小程序本地图片转为base64
// #ifdef MP-WEIXIN uni.getFileSystemManager().readFile({ filePath: '/static/images/topbg.png', //选择图片返回的相对路径 encoding: 'base64', //编码格式 success: res => { //成功的回调 this.base64img = 'data:image/jpeg;base64,' + res.data //不加上这串字符,在页面无法显示原创 2021-05-13 16:32:10 · 523 阅读 · 0 评论 -
uni-app获取url中的参数(网页地址参数)
onLoad(option) { var paraString = location.search; var paras = paraString.split("="); console.log(paras) this.login_account = paras[1]}, //this.login_account就是截取的参数了原创 2021-04-26 14:05:52 · 22073 阅读 · 0 评论 -
uni-app 实现点击列表隐藏显示
<!-- 卖家订单 --> <view class="conent" v-for="(item,index) in list" :key='index'> <view class="conent-bott"> <view class="bott-b"> <view class="b-r"> <view class="revokes" @click="rejectS(item.id,item)">...原创 2021-04-22 17:32:58 · 3535 阅读 · 0 评论 -
uniapp底部弹出框效果
<template> <view> <view class="one-right" @click="sell"> <text>卖出</text> </view> <view class="share"> <view :class="{'box': share}" @click="display"> </view> <view class="share-ite原创 2021-04-16 11:02:46 · 2415 阅读 · 0 评论