- 博客(57)
- 收藏
- 关注
RSS订阅原创 uniapp使用lottie
在微信小程序中，我们只有通过现有的api获取到当前的经纬度，但是我们很多项目想要的是获取当前的汉字地理位置，这个就需要我们通过腾讯解析地址了地址：https://lbs.qq.com/miniProgram/jsSdk/jsSdkGuide/jsSdkOverviewjs// 引入SDK核心类let QQMapWX = require('../../utils/qqmap-wx-jssdk.min.js');let qqmapsdk;onLoad(){ qqmapsdk = new QQMa
2024-10-22 16:36:44
103
原创 在uniapp网页的头部加上＜meta name=“referrer“ content=“no-referrer“ /＞
在uniapp页面添加meta标签
2022-11-11 17:19:35
1876
2
原创 js数字设置千分位， 银行卡四位空格，手机号中间星号
//js数字设置千分位 this.getNumber(3000) // 3,000getNumber(val) { if (val) { return val.toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,'); } else { return '0.00' }}// 银行卡隔四位空格formateCard(value) { if (!isNaN(value.replace(/[ ]/g, ''))) { value =
2022-05-06 17:54:51
501
原创 uniapp热更新和整包更新
我们在写项目中，每次整包更新会比较麻烦，所以出现了热更新热更新不支持情况1.SDK部分有调整，比如新增了Maps模块等，不可通过此方式升级，必须通过整包的方式升级。2.原生插件的增改，同样不能使用此方式，老的非自定义组件编译模式，如果之前工程没有nvue文件，但更新中新增了nvue文件，不能使用此方式看代码//res.data是后台给你的判断是否需要更新的返回值//热更新if (res.data.versionName == 'HOT_UPDATE') { uni.
2022-04-20 16:25:44
4025
2
原创 uniapp ios 跳转appstore
之前我的Appstore地址是http://itunes.apple.com/app/xxxxx能正常跳转，后来一次升级就不能唤起APPstore并跳转了，后来查了相关资料然后将 http:// 替换为 itms:// 或者 itms-apps:// 就可以正常跳转APPstore了// 替换后的链接地址。itms-apps://itunes.apple.com/app/xxxxxplus.runtime.openURL(downloadUrl); //打开更新地址...
2022-04-08 10:57:22
4105
原创 uniapp APP使用applinks 唤起APP 并传参
由appA唤起appB并传参appA的代码( https://xxx.xxx.com是appB的applinks)注意传参内容不支持汉字，所以如果有汉字需要encodeUrl转义一下// #ifdef APP-PLUS plus.runtime.openURL('https://xxx.xxx.com?account=123 ', error => { uni.showModal({ title: '失败', content: JSON.stringify(er
2022-03-15 11:30:04
1993
原创 uniapp 设置桌面角标
桌面角标是由个推发送的，后台推送消息的时候，设置badge推送的数字,所以在申请个推证书的时候需要勾选 Push Notifications服务（ios平台）前端处理清除推送的数字在app.vue onLaunch里面// #ifdef APP-PLUS var UIApplication = plus.ios.import('UIApplication'); var app = UIApplication.sharedApplication(); //获取应用图标的数量 var
2022-02-23 09:37:34
7929
4
原创 nvue 页面引用i18n
在app.vue里面globalData: { $t: '' },onLaunch(){ this.globalData.$t = val => { return this.$t(val); };},在nvue页面使用<view>{{ $t('conn.phone') }}</view>let app = getApp().globalData;methods:{ $t(text) { return app.$t(text);
2022-01-18 18:02:12
952
2
原创 uniapp 公众号授权运行到本地测试
首先修改本地hosts文件 打开 C:\Windows\System32\drivers\etc在mainfest.json配置“domain” : “http://xxx.com/”,“devServer” : {“port” : 80,“disableHostCheck” : true}4. 先运行到H5谷歌了，会提示请在微信客户端打开链接5. 然后运行到小程序，切换调试模式，切换成公众号调试6. 在上面的地址输入你的安全域名...
2021-10-26 17:46:49
674
原创 js数字千位分隔符且保留两位小数
如果是需要千位分隔符num.toLocaleString()如果是需要两位小数num.toFixed(2)如果是需要千位分隔符且带两位小数的，使用正则export function getNumber(val) { if(val){ return val.toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,'); }else{ return '0.00' }}...
2021-10-22 14:21:34
993
原创 element 表格错位
新建一对style<style lang="scss"> body .el-table th.gutter { display: table-cell !important; } body .el-table colgroup.gutter { display: table-cell !important; } <style>
2021-08-11 10:02:46
88
原创 uniapp input输入框 控制输入小数点后两位
关键点在于控制input的 maxlength,看代码<input type="number" v-model="money" @input="checkNum" :maxlength="maxlength" />data(){ maxlength: 10 //默认一个长度 }checkNum(e) { let value = e.detail.value; let dot = value.indexOf('.'); //包含小数点 let reg =
2021-07-20 11:43:27
3434
原创 uniapp H5唤起APP跳转指定页面 wx-open-launch-app
引微信js-sdk 可以用 npm 安装 （npm install weixin-js-sdk --save）配置wx.config 信息一定要正确1.在根目录common文件下新建wechat.js 配置wx.config//引入js-sdkimport wx from ‘./jweixin.js’ //jweixin.js是我自己新建的js,内容为引入的微信sdk的复制版//引入request（可以直接用uni.request）export default {getConfig(inf
2021-05-31 15:29:42
3808
原创 uniapp 检测当前版本是否需要升级
代码如下getVes() { // #ifdef APP-PLUS uni.getSystemInfo({ success: response => { plus.runtime.getProperty(plus.runtime.appid, wgtinfo => { //调用后台最新版本接口 appVersion({ appName: 'AI_FUER', brand: response.brand, versionNum: wgtinfo
2021-05-31 14:25:57
878
12
原创 js把方法封装成一个布尔boolean值
封装方法 接口200返回true catch到500 返回false async updateCart(productId, goodsId, number, specifications, id) { try { const res = await util.request(api.CartUpdate, { productId: productId, goodsId: goodsId, specifications: specifications, n
2021-05-20 10:05:47
189
原创 CSS 卡券 优惠卡效果样式 画三角形
.background { position: relative; height: 290rpx; width: 700rpx; border-radius: 10rpx; background: radial-gradient(circle at right bottom, transparent 10px, #cfa568 0) top right /50% 100px no-repeat, radial-gradient(circle at left bottom, transparen
2021-03-11 15:49:32
272
原创 uniapp map画多边形 打点连线
我是参考https://blog.csdn.net/zyj12138/article/details/112463219这个地址完成的先看结果代码<map style="width: 750rpx; height: 100vh;" id="myMap" ref="myMap" :latitude="latitude" :longitude="longitude" :scale="16" :show-location="true" :enable-
2021-03-03 16:14:48
2942
9
原创 vue 父组件调用子组件方法 ref
ref被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的$refs对象上//子组件orderHand.vue<view @click="onLower">方法</view>// 父组件引用子组件<order-hand ref="hand"></order-hand>父组件中调用子组件方法this.$refs.hand.onLower();这样就在父组件中调用子组件的方法了...
2021-03-01 09:50:31
602
原创 js冒泡排序算法
js代码冒泡排序的原理就是 相邻的两个元素比较大小，如果错误，就交换位置，直到循环最后交换位置结束//冒泡排序 let arr = [4,5,2,1,3] for(let i = 0; i < arr.length; i++){ //外层循环 for(let j = 0; j < arr.length - i; j++){ //里面循环每一次的交换次数 // 内部交换两个变量的值 前一个和后面一个数组元素相比较 if(arr[j] < arr[j
2021-02-20 11:34:36
218
原创 小程序 this.setData 数组赋值
// 选择日期 bindDateChange(e) { console.log('picker发送选择改变，携带值为', e) let index = e.currentTarget.dataset.index // 获取数据的索引 let temp = 'list[' + index +'].date' // 获取list[index].date this.setData({ [temp]: e.detail.value }) },..
2021-01-19 16:28:48
1491
原创 微信小程序点击事件传参
微信小程序传参 data-indexwxml<view wx:for="{{title}}" wx:key="index" data-index="{{index}}" bindtap="onTitle">{{item.title}} <view class="line" wx:if="{{select == index}}"></view> </view>jsdata(){ select: 0}, onTitle(e)
2021-01-19 11:50:27
468
原创 uniapp 默认首页 进入登录页闪烁问题
mainfest.json"app-plus": { "splashscreen" : { "alwaysShowBeforeRender" : false, "waiting" : false, "autoclose" : false, "delay" : 0 },}在APP.vueonShow(){ setTimeout(() => { // #ifdef APP
2021-01-11 09:42:00
3245
6
原创 vue计算属性的使用
代码<h2>{{totalPrice}}</h2>books: [ {price: 10}, {price: 11}, {price: 12}]computed:{ totalPrice(){ let result='' for(let i in this.books){ result += this.books[i].price } return result; }}
2020-12-30 11:52:55
88
原创 CSS动态绑定背景图片
:style="{ background: `url(${picture})`, 'background-size': 'cover' }"
2020-12-29 13:38:13
4351
1
原创 uniapp webview视频全屏
代码<script>var wv; onLoad() { // #ifdef APP-PLUS var currentWebview = this.$scope.$getAppWebview(); //此对象相当于html5plus里的plus.webview.currentWebview()。在uni-app里vue页面直接使用plus.webview.currentWebview()无效，非v3编译模式使用this.$mp.page.$getAppWebview() set
2020-12-25 15:34:41
1988
2
原创 js数字转换为万单位
export function formatNumber(num) { num = Number(num); if (num == 0) { return num + ''; } else if (num > 1 && num < 10000) { return num + ''; } else { return (num / 10000).toFixed(2) + '万'; }}
2020-12-23 17:20:40
12666
2
原创 js 时间格式转化，类似微信 刚刚，昨天，星期
根目录fliter下新建index.js/** * 时间格式化 * @param {Object} date */export function date(time) { if (!time) { return } var thisTime = time; thisTime = thisTime.replace(/-/g, '/'); var time2 = new Date(thisTime); var timestamp = time2.getTime(); var must
2020-12-23 17:18:54
432
原创 uniapp APP跳转小程序到指定页面
上代码plus.share.getServices( res => { let sweixin = null; for (let i in res) { if (res[i].id == 'weixin') { sweixin = res[i]; } } //唤醒微信小程序 if (sweixin) { sweixin.launchMiniProgram({ id: '小程序的原
2020-12-23 10:27:32
5068
1
原创 CSS样式吸顶
position: -webkit-sticky; position: sticky; top: var(--window-top);//距离顶部的高度
2020-12-22 11:57:32
793
原创 vue 在input中限制只能输入数字和限制长度
<input type="number" oninput="if(value.length>11)value=value.slice(0,11)" />
2020-12-22 10:42:32
3908
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人