uniapp
关注
分享
扫一扫
文章平均质量分 58
小程序
前端路上迷茫的小鲨鱼
这个作者很懒，什么都没留下…
展开
-
uniapp自定义导航和头部
【代码】uniapp自定义导航和头部。原创 2023-06-14 21:38:57 · 5296 阅读 · 1 评论 -
vue3使用uniapp返回顶部
main.js引入组件。原创 2023-07-17 13:56:20 · 705 阅读 · 0 评论 -
vue create -p dcloudio/uni-preset-vue my-project创建文件报错443
因为使用vue3+vite+uniapp+vant4报错，uniapp暂不支持vant4，所以所用vue2+uniapp+vant2。放到E:\Auniapp\uni-preset-vue-master。在终端命令行创建uniapp。原创 2023-08-26 16:58:49 · 910 阅读 · 0 评论 -
小程序的功能方法封装文件--utils.js
功能文件封装原创 2022-11-04 16:56:13 · 830 阅读 · 0 评论 -
uniapp封装弹框和一键复制
uniapp封装弹框和一键复制原创 2022-08-25 15:47:29 · 452 阅读 · 0 评论 -
uniapp使用第三方字体
uniapp使用第三方字体原创 2022-07-29 16:37:34 · 7001 阅读 · 0 评论 -
微信小程序滑动穿透问题，使用catchtouchmove警告 handle event “touchmove“
微信小程序滑动穿透问题，使用catchtouchmove警告 handle event "touchmove"原创 2022-06-20 16:39:22 · 1266 阅读 · 0 评论 -
css自定义单选框和开关选择器
自定义单选框复选框开关按钮样式原创 2022-06-20 15:22:48 · 557 阅读 · 0 评论 -
uniapp频繁调取经纬度地理位置
uniapp频繁调取经纬度地理位置原创 2022-06-10 15:42:58 · 742 阅读 · 0 评论 -
vue轮播图组件，自动播放，小圆点或按钮进行切换
默认自动播放，进入轮播图片或按钮取消播放，按钮以及圆点进行切换图片原创 2022-06-10 10:22:30 · 984 阅读 · 0 评论 -
uniapp接收附件预览
<view v-for="(item,index) in detail.enclosureList" :key="index" @click="fuBtn(item.linkAddress)"> 附件：{{ item.file }}</view>// 获取数据截取名字this.detail.fj.map(x=>{ let index = x.lastIndexOf("/"); let url = x.substring(0, index+1); //.原创 2022-05-25 15:39:50 · 732 阅读 · 0 评论 -
uniapp元素距离顶部距离方法
<view class="content" :style="{height: heightMax}"></view> computed: { heightMax(){ return 'calc(100vh - '+this.h + 'px'+')' } }, mounted() { const query = uni.createSelectorQuery().in(this); query.select('.content'...原创 2022-05-05 15:25:57 · 2280 阅读 · 1 评论 -
uni保存后台传来的图片，并进行使用
uni.request({ url: config.requestUrl + 'api/Url', method: 'post', data: { orderSN }, responseType: "arrayBuffer", ...原创 2021-12-01 18:04:19 · 660 阅读 · 0 评论 -
uniapp循环里面使用picker
uniapp循环里面使用picker原创 2021-09-04 13:00:47 · 1864 阅读 · 3 评论 -
uniapp定时刷新离开界面时取消刷新
onShow() { this.loadData() this.timer = setInterval(() => { this.getClockIn() console.log(12312); }, 500) onShow() { this.loadData() this.timer = setInterval(() => { ...原创 2021-08-03 11:36:37 · 1273 阅读 · 0 评论 -
uniapp使用js-base64或js-md5
原文链接：https://blog.youkuaiyun.com/yyl927117/article/details/103405518https://www.jianshu.com/p/1d375262e384原创 2021-07-31 15:43:54 · 1651 阅读 · 0 评论 -
uniapp小程序获取当前位置
formSubmit(e) {//定义表单规则 if (!this.validate('user')) return; if (!this.validate('pwd')) return; if (this.checked!==true) { uni.showToast({ title: '请勾选用户指南', icon: "none" }) return }; thi...原创 2021-06-01 11:48:37 · 1335 阅读 · 0 评论 -
js筛选数组中相同的成为新数组
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title></head><body><script>var college = [ {num:1,lastName:'赵大'}, {num:1,lastName:'赵二'}, {num:3,lastName:'钱三'}, {num:3原创 2021-05-28 16:47:52 · 1057 阅读 · 0 评论 -
小程序字段方法监听
一、小程序字段监听utils/listener/src/events.js/*** Declare : 订阅事件全局常量 及 注释*/'use strict';module.exports = { CANCEL_ORDER: 'CANCEL_ORDER', // 取消事件}utils/listener/src/listener.js/*** declare: 订阅 & 发布*/"use strict...原创 2021-05-25 14:47:11 · 422 阅读 · 0 评论 -
uniapp分包加载
pages.json：{ "easycom": { "^u-(.*)": "@/uview-ui/components/u-$1/u-$1.vue" }, "pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages { "path": "pages/home/home", "style": {原创 2021-05-11 15:39:31 · 688 阅读 · 0 评论 -
uniapp简版滚动加载以及区域滚动加载
一、滚动加载 <order-item v-for="(item,index) in orderList" :item="item" :isHost="isHost" :key="index"></order-item> <view @tap="reload" class="loading-button" v-if="orderList.length == 0"> 暂无订单~</view> pageInde...原创 2021-04-30 16:48:21 · 1778 阅读 · 2 评论 -
uniapp列表点击多选和单选
<view class="title">物品类别</view> <view class="box dis-flex justify-between flex-wrap"> <view class="lias" :class="item.selected ? 'active' : ''" v-for="(item,index) in goodsCateogory" :key="index" @c...原创 2021-04-21 10:35:15 · 2310 阅读 · 0 评论 -
微信getUserInfo接口
参考：https://ask.dcloud.net.cn/question/118013https://new.qq.com/omn/20210403/20210403A028UO00.html <!-- 旧版本方式 --> <block v-if="canIUseProfile==false"> <button class="form-button" open-type="get...原创 2021-04-06 10:52:27 · 754 阅读 · 0 评论 -
uniapp微信公众号支付
参考：https://pay.weixin.qq.com/wiki/doc/apiv3/apis/chapter3_1_4.shtmlhttps://developers.weixin.qq.com/community/pay/doc/000262a8478c682db6dac423156c00<template> <view class="pay"> <view class="box"> <view c...原创 2021-03-19 11:34:14 · 737 阅读 · 1 评论 -
uni.navigateTo回调函数订阅
法一：传：changeArea.vuemethods: { // 切换其他区域 changeRegion(id, name) { uni.navigateBack() this.eventChannel.emit('acceptId', id, name) }, // 回到进页面时的初始状态 reback() { uni.navigateBack() this.eventChannel.emit('refresh') }}接：// .原创 2021-03-17 16:35:35 · 1723 阅读 · 0 评论 -
utils.js工具包
/*** 公用方法*///银行卡只显示后四位export function cardNumber(value) { if (value && value.length > 8) { let reg = /^(\d{4})(\d*)(\d{4})$/; let str = value.replace(reg, (a, b, c, d) => { return c.replace(/\d/g, ...原创 2021-03-16 10:45:32 · 574 阅读 · 0 评论 -
后端传图片如何使用（图片流）
小程序1.uniapp uni.request({ url: config.requestUrl + 'api/Weixin_token/NativeByCodeUrl', //仅为示例，非真实的接口地址 method:'post', data:{ or...原创 2021-03-03 20:12:57 · 872 阅读 · 1 评论 -
uniapp微信小程序证件识别
1.百度云开发注册与配置-接入百度OCRhttps://ai.baidu.com/原创 2021-02-21 20:32:14 · 1507 阅读 · 0 评论 -
uni下拉刷新
<view class="order-list" v-if="orderList.length > 0"> <order-item @tap="toDetail(item)" v-for="item in orderList" :item="item" :key="item.id"></order-item></view><view class="empty-container" v-else-if..原创 2021-02-20 14:16:47 · 140 阅读 · 0 评论 -
uni小程序使用echarts
1、推荐使用插件市场 echarts-for-wx 插件 小程序中几乎可以完美使用 用法和echarts用法一致2、https://echarts.apache.org/zh/builder.html定制echarts的js文件，选择需要的图下载，生成文件放到上图：3、使用<template> <view> <view style='width: 100%;height: 400rpx;'> <uni-ec...原创 2021-02-19 15:59:25 · 592 阅读 · 0 评论 -
uni checkbox样式
<view class="checkboxList"> <checkbox-group @change="checkboxChange"> <checkbox class="round" :checked="checked" /> <view class="message">首次登录会自动...原创 2021-02-18 09:41:48 · 578 阅读 · 0 评论 -
下拉刷新
<view class="order-list" v-if="orderList.length > 0"> <order-item @tap="toDetail(item)" v-for="item in orderList" :item="item" :key="item.id"></order-item> ...原创 2021-02-07 10:40:57 · 138 阅读 · 0 评论 -
解析URL 参数
// 解析URL 参数 getUrlParam(name) { let reg = new RegExp('(^|&)'+ name + '=([^&]*)(&|$)') let r = window.location.search.substr(1).match(reg) if(r!=null){ return un...原创 2021-01-24 17:25:46 · 616 阅读 · 0 评论 -
自定义数字键盘组件
自定义数字键盘组件-https://www.cnblogs.com/liangtao999/p/12695194.html<template> <view v-if="enteringIsShow"> <view class="con-backdrop"> <!-- <view class="view-backdrop uni-ellipsis">{{ChangeNum}}</view>...原创 2021-01-22 15:01:33 · 316 阅读 · 0 评论 -
uniapp倒计时
time:'',h:0,m:0,s:5,timer:null created() { this.timer = setInterval(()=>{ this.timeAll() },1000) }, onUnload() { if(this.timer){ clearInterval(this.time...原创 2021-01-12 14:51:40 · 421 阅读 · 0 评论 -
uniapp分享配置
onLaunch: function() { this.overShare() uni.showLoading({ title: '加载中', })}methods: { //重写分享方法 overShare: function () { //间接实现全局设置分享内容 wx.onAppRoute(function (res) { //获取加载的页面 let pages = getCurrentPages()..原创 2021-01-10 14:15:04 · 3146 阅读 · 0 评论 -
movable-area可移动的视图容器
右侧上下移动 <view> <movable-area class="movable-area"> <view class="" style="overflow: auto;height: 100%;"></view> <movable-view class="movable-view" direction="vertical"> ...原创 2021-01-08 10:14:13 · 470 阅读 · 0 评论 -
uni验证码自动回填input框中
1.html<uni-dialog :show.sync="open" :showHeader="false" mask> <view class="confirm-dialog"> 输入提现手机验证码 <view class="confirm-header"> <view class="title"> <vi...原创 2020-12-29 21:19:22 · 1141 阅读 · 0 评论 -
解析token
1.新建src/common/decode.jsvar JWS_REGEX = /^[a-zA-Z0-9\-_]+?\.[a-zA-Z0-9\-_]+?\.([a-zA-Z0-9\-_]+)?$/;function isObject(thing) { return Object.prototype.toString.call(thing) === '[object Object]';}function toString(obj) { if (typeof obj === 'strin..原创 2020-12-27 21:59:14 · 2265 阅读 · 1 评论 -
uni上传图片到阿里云oss服务器
uni.chooseImage({ count: 1, //默认9 sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有 success: (chooseImageRes) => { const tempFilePaths = chooseImageRes.tempFile...原创 2020-12-27 21:56:01 · 288 阅读 · 0 评论