自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(56)
  • 收藏
  • 关注

原创 uniapp网页缩放,适配手机和PC

【代码】uniapp网页缩放,适配手机和PC。

2024-03-20 14:12:49 185 2

原创 uniapp小程序发卡券进入微信卡包

领取卡券进入卡包

2024-02-02 09:27:01 197 1

原创 uniapp 使用vuex

uniapp 使用vuex

2023-05-17 10:21:52 227

原创 uniapp 实现多语言切换

uniapp使用多语言

2023-03-31 15:00:12 1420

原创 uniapp使用第三方字体

uniapp引入使用第三方字体

2023-02-27 16:50:44 699 1

原创 vue实现暗黑主题

vue实现暗黑主题

2022-12-23 10:24:47 584

原创 在uniapp网页的头部加上<meta name=“referrer“ content=“no-referrer“ />

在uniapp页面添加meta标签

2022-11-11 17:19:35 1505 2

原创 uniapp js 金额与星星**符号互转

uniapp

2022-07-22 15:14:46 664

原创 uniapp 微信小程序获取微信用户信息

获取用户信息

2022-07-01 11:57:29 1083

原创 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 453

原创 uniapp热更新和整包更新

我们在写项目中,每次整包更新会比较麻烦,所以出现了热更新热更新不支持情况1.SDK部分有调整,比如新增了Maps模块等,不可通过此方式升级,必须通过整包的方式升级。2.原生插件的增改,同样不能使用此方式,老的非自定义组件编译模式,如果之前工程没有nvue文件,但更新中新增了nvue文件,不能使用此方式看代码//res.data是后台给你的判断是否需要更新的返回值//热更新if (res.data.versionName == 'HOT_UPDATE') { uni.

2022-04-20 16:25:44 3955 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 3899

原创 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 1779

原创 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 7533 3

原创 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 761 1

原创 uniapp app引入谷歌地图

uniapp app引入谷歌地图, 多点标记

2022-01-18 17:30:49 4798 6

原创 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 407

原创 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 946

原创 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 60

原创 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 3145

原创 uniapp本地图片image写成变量模式

data(){imgurl: ‘’}

2021-07-05 09:53:46 2253

原创 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 3462

原创 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 820 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 155

原创 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 235

原创 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 2642 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 557

原创 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 186

原创 小程序 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 1452

原创 微信小程序点击事件传参

微信小程序传参 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 425

原创 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 3062 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 73

原创 CSS动态绑定背景图片

:style="{ background: `url(${picture})`, 'background-size': 'cover' }"

2020-12-29 13:38:13 4083 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 1896 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 11946 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 394

原创 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 4795 1

原创 CSS样式吸顶

position: -webkit-sticky; position: sticky; top: var(--window-top);//距离顶部的高度

2020-12-22 11:57:32 728

原创 vue 在input中限制只能输入数字和限制长度

<input type="number" oninput="if(value.length>11)value=value.slice(0,11)" />

2020-12-22 10:42:32 3859 1

原创 CSS textarea去掉右下角可拖动状态条(不可拖动)

1,隐藏右下角可拖动状态条resize:none;

2020-12-22 10:36:00 1947

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除