uniApp
uniapp实现顶部弹窗通知，支持H5、App端
文件结构： h5_push.vue <template> <view> <transition name="slide-fade"> <view class="h5_push" v-if="show" @tap="handleClick" :style="style"> <view class="p ......
uniapp中执行完一个方法在执行另一个
function request(url, data = {}, method = "GET") { return new Promise(function(resolve, reject) { uni.request({ url: url, data: data, method: method, ......
uniapp专题学习（一）
# 为什么要学习uniapp 1. 一套代码可以打包到不同的应用平台，一套代码，多端运行；  2. 方便入手 ......
uniApp中 vue3 setup语法糖中 调用onLoad，onshow 等生命周期
import { onLoad,onShow } from "@dcloudio/uni-app"; onShow(()=>{ console.log(msg.value) }) ......
uniapp安卓选择文件
引用 import {pickFile} from '@/js/common/pickFile.js' 使用 pickFile.PickFile(function(audioSrc){ console.log(audioSrc) _this.audioSrc = 'file://' + audioS ......
uniapp避坑指南-页面滚动
# uniapp避坑指南-页面滚动 ## 需求描述 做一个类似于word目录跳转功能，分成两个页面：目录页和详情页。目录页是一个列表，详情页是一个很长的的由很多pdf图片组成的上下滚动的页面，要求实现点击目录页跳转到详情页指定位置。 ## 功能实现 主要使用 **uni.pageScrollTo** ......
uniapp避坑指南-图片预览
# uniapp 避坑指南-图片预览（本地预览） ## 需求描述 有一个类似以下的数组，通过 v-for 循环，现在需要在用户点击图片后使用 uniapp 的图片预览 Api。 ```javascript //view //script ``` 看起来好像没有问题，但是一点击发现没反应。 ## 问题 ......
uniapp 渲染Markdown
近日在编写一个小程序，将日记功能移植到小程序中，虽然在手机端写日记一般用不到Markdown，但是仍想在小程序中查看在电脑端写的Markdown格式的内容，如代码块等。 经过查询，找到一个被广泛使用的解决方案是towxml 现记录如下： > 首先将代码克隆下来 ```js git clone htt ......
解决uniapp写微信小程序不支持table的问题
<view class="table"> <view class="tr "> <text class="th ft16">股金</text> <text class="th ft16">份额</text> <text class="th ft16">分成</text> <text class="t ......
uniapp之自定义Collapse 折叠面板 （主要让uView的源码适配多端）
今天使用uView插件的时候发现Collapse 折叠面板有点问题，主要是小程序了不能自定义标题，图标等，没错又是小程序！每次都是小程序，咱就说一套代码适配多端真的很多坑，尤其是小程序。 好了不废话了，先证明一下官网的确指明小程序不可以自定义使用插槽。如图 官网Collapse 折叠面板 | uVi ......
uniapp 数组添加不重复元素
if(this.checkTimes.includes(_item.time)){ this.checkTimes = this.checkTimes.filter((item)=>{ return item != _item.time; }); }else{ this.checkTimes.pus ......
原生小程序和uniapp开发的坑
1、uniapp编译成微信小程序，微信开发者工具报错: xxx文件找不到，明明就在那里 解决方法：关闭，重新打开就好了；再不行就重启，绝对能解决 2、微信小程序只支持一次性上传一个文件，不支持多文件上传；可是我这里ocr识别，需要上传多张图片 解决方法： wx-multipart插件进行多文件上传； ......
uniapp微信小程序昵称和头像更新
问题：微信小程序更新昵称和头像 1.昵称更新 前端： <input class="font_1 text_2 tex" v-model="nickname" type="nickname" @blur="bindblur" placeholder-style="color:#fff" placeho ......
关于微信小程序原生组件与uniApp混合开发过程遇到的问题与解决方式
前言： 在实际开发过程中，尤其是小程序的开发，我们常常会遇到一些在文档中解决不了的问题，在这里，我就浅谈一下我遇到的一些问题 1.小程序的构建框架是uni-app，却突然被要求用原生的微信小程序代码来开发，到最后要整合到uni-app里面 这个整合问题，uni-app官网就有解决方式，这里就不多说， ......
直播网站源码，uniapp多行滚动通知 上下多行滚动
直播网站源码，uniapp多行滚动通知 上下多行滚动代码：template部分<template> <view class="content"> <swiper class="swiper" vertical circular autoplay interval="2000" // 重点 displ ......
uniapp微信小程序图片闪烁
尽量设置好长宽 不用mode="widthFix"这种根据一边固定另一边的模式 文字渐显css： animation: fadeIn 1s; 计时器（倒计时执行代码）： setTimeout(()=>{ this.showhide = false this.caselist.title = "新标题 ......
uniapp 前往高德 百度
选择 openMapRoute(lat, lon, cityName) { var url = ''; if (plus.os.name == 'Android') { var hasBaiduMap = plus.runtime.isApplicationExist({ pname: 'com.b ......
uniapp微信小程序，上传图片和表单数据一起提交
弄表单上传，请求一直400错误，然后寻找其它方法 uni.uploadFile({ url: 'http://localhost:6109/api/My/warrantyCard', // 上传服务器的 URL filePath: this.ImgUrl , // 本地图片的路径或临时文件路径 na ......
微信小程序中使用rpx像素单位设置高度---uniapp开发中
在微信小程序中使用rpx可以解决屏幕宽度的兼容问题 但是设置高度的时候还是会有问题 为了解决宽度的兼容问题，在微信小程序中可以使用了rpx像素单位来进行设置，不管屏幕的宽度大小是多少， 都认为宽度有750rpx 这样即使屏幕大小不一样 使用了rpx单位来设置的样式比例也是一样的。 这样屏幕宽度和rp ......
uniapp 中的 rich-text 富文本 怎样编辑修改 样式
1.首先在 HTML 中 <rich-text :nodes="formatRichText(newObjc)"></rich-text> 2.在 methods 中 写入方法 formatRichText(html) { // html 就是你要传进来地富文本参数 // 去掉img标签里的styl ......
uniapp的封装请求
1.新建目录utils 2.在目录utils中新建request.js 3.request.js封装内容，如下： 1 /** 2 * @param {Object} url请求地址 3 * @param {Object} data 请求数据 4 * @param {Object} contentTy ......
uniapp调用手机自带短信功能发送短信，打电话，获取本地通讯录
1、配置（修改了manifest配置信息，要重新打包自定义基座，并卸载手机上的安装包重新运行） 2、 // 发短信 sendMsg(phoneNumber) { //#ifdef APP-PLUS plus.messaging.TYPE_SMS; var msg = plus.messaging.c ......
uniapp读取本地通讯录
官方文档：https://uniapp.dcloud.net.cn/api/system/contact.html#addphonecontact created() { //#ifdef APP-PLUS this.getLocalContact() //#endif }, methods: { ......
uniapp图片、文件上传
uni.chooseFile(OBJECT) 平台差异说明 AppH5微信小程序支付宝小程序百度小程序字节跳动小程序、飞书小程序QQ小程序快手小程序京东小程序 x √(HBuilder X2.9.9+) x(可使用wx.chooseMessageFile) x x x x x x App端如需选择非 ......
uniapp & HBuilderX ：App原生插件配置（云端插件）、自定义基座
1、进入"开发者中心"https://dev.dcloud.net.cn/pages/app/actor，加入项目 2、进入"插件市场"登录并购买插件https://ext.dcloud.net.cn/plugin?id=526 3、HBuilderX插件配置——>选择插件 4、制作"自定义调试基座 ......
uniapp app端拨打电话权限
<view class="collect_item image1" @click="callPhone"><text>致电</text></view> // app端 需要导入 工具方法进行判断是否授权 插件地址 https://ext.dcloud.net.cn/plugin?id=594 imp ......
uniapp app端内嵌webview对接支付宝支付
//app支付 const appRequestPayment = (orderInfo: string) => { uni.navigateTo({ url: '跳转的路径?one=' + encodeURIComponent(JSON.stringify(orderInfo)) }) } Vie ......
uniapp 修改ios input输入框在safari浏览器上 有黄色背景
<input class="codeInputClass" v-model="state.code" type="number" placeholder="请输入验证码" @input="codeInput" placeholder-class="placeholderClass" maxlengt ......
uniapp子组件监听触底
在主页面中添加事件 onReachBottom() { uni.$emit('onReachBottom'); }, 在子组件中添加监听触底事件 mounted() { var that=this; uni.$on('onReachBottom', function(data) { console. ......