uniapp
uniapp微信小程序微信同声传译和OCR支持功能
1.首先小程序后台设置里面的第三方设置插件管理需要添加微信同声传译和OCR支持两个插件 2.【微信同声传译】 在manifest.json切换成源码视图 然后在appid同级目录添加插件 /* 小程序特有相关 */ "mp-weixin" : { "appid" : "wx9fd66d4d0e83c ......
app直播源码，uniapp之自定义顶部样式
app直播源码，uniapp之自定义顶部样式 //需要自定义顶部样式的页面配置{"path" : "pages/case/index","style" : { "navigationBarTitleText": "案例","navigationStyle": "custom", "enablePul ......
uniapp中的computed
在UniApp中，computed是一个特殊的属性，用于计算属性。它与Vue.js中的computed属性类似，用于根据已有的数据计算出一个新的属性值。 在UniApp中，使用computed属性可以方便地根据多个变量或表达式计算出一个新的变量值，并且当依赖的数据变化时，computed属性会自动更 ......
uniapp接入腾讯地图实现定位导航功能。
转自：https://blog.csdn.net/qq_54753561/article/details/129500254 打开腾讯地图的官网注册账号登陆进入，滑入我的头像开发者信息：https://lbs.qq.com/service/webService/webServiceGuide/web ......
uniapp如何验证输入金额为最多2位小数
1. 在输入框的change事件中添加验证逻辑： <template> <view> <input type="number" v-model="amount" @change="validateAmount" /> </view></template> 2. 在methods中定义validate ......
uniapp如何进行base64转码
1. 前端编码，解码函数 // 将字符串转换为base64编码export function stringToBase64(str) { return btoa(unescape(encodeURIComponent(str)));} // 将base64编码转换为字符串export functio ......
uniapp base64与file互转
uniapp base64与file互转 // base64转flie //base64转flie base64ToFile(base64data, cb) { const fsm = uni.getFileSystemManager(); const FILE_BASE_NAME = 'tmp_b ......
uniapp IOS从打包到上架流程（详细简单） 原创
uniapp IOS从打包到上架流程（详细简单） 原创 1.登入苹果开发者网站，打开App Store Connect 2.新App的创建 点击我的App可以进入App管理界面，在右上角点击➕新建App 即可创建新的App，如下图： 3.app基本信息填写 新建完App后，需要填写App ......
uniapp 封装一个类似js-cookie可时效性存储token的方法
贴代码 cache.js /** * 存储数据 * key: 缓存的键名，必填 * value: 缓存的值，选填 * seconds: 缓存的过期时间，选填，单位为秒，默认为28天 */ function set(key, value, seconds) { if (!key) { // 如果key ......
uniapp打包的ipa上架到appstore的傻瓜式教程
转载：uniapp打包的ipa上架到appstore的傻瓜式教程 uniapp打包 在HBuilder X编辑器中打开需要打包的项目，然后点击上面菜单栏中 发行 => 原生App-云打包，对以下弹出的弹窗进行内容填写 填写完成以后，点击打包操作 点击继续打包，等待打包结果，出现以下提 ......
uniapp-微信小程序绑定动态样式 :style 避坑
在uniapp中绑定动态样式 :style="object" 使用此种方法，在H5页面中并不会出现任何问题 而在微信小程序中，此种方式就会被编译成 style="[object, object]" 从而导致样式无法生效 解决方法： 使用 :style="[object]" 此种方式即可 ......
开源在线客服系统源码PHP（H5网页在线客服系统小程序源码uniapp全套搭建）
现代客户服务的重要性得到了越来越多的认可。一个优质的客户服务可以使客户在购买和使用产品、寻求技术支持时获得更好的体验，从而建立起品牌声誉和客户忠诚度。为了优化客户服务体验，许多企业已经开始使用客服系统来更好地管理、响应和交互客户需求。 源码：kf.zxkfym.top 一个好的客服系统需要提供多种渠 ......
uniapp+vue3中使用swiper和自定义header实现左右滑动的Tabs功能
首先创建一个Tabs的Header，包含有一个下划线的指示器，在点击tabs的标题时候下划线会跟着动态的滑动 下面是完整的Tabs的代码，可以看到定义了Tabs的background颜色样式，包含tab的宽度indicatorWidth，以及下划线的颜色indicatorColor 主要的是tabL ......
uniapp开发[Vue warn]: Unhandled error during execution of scheduler flush. This is likely a Vue internals bug.
如下，uniapp开发nvue页面报如下警告： 15:30:25.079 [Vue warn]: Unhandled error during execution of render function at <UniGroupclass="w710 cell_group bg_white borde ......
vscode开发uniapp
VS Code 对 TS 类型支持友好，前端开发者主流的编辑器 HbuilderX 对 TS 类型支持暂不完善，期待官方完善 👀 工作区禁用 Vetur 插件(Vue2 插件和 Vue3 插件冲突) 工作区禁用 @builtin typescript 插件（禁用后自动开启 Vue3 的 TS 托管 ......
UniApp打包教程：使用HBuilder X和AppUploader完成原生App云打包和上架指南"
目录 uniapp进行打包 使用上架工具appuplode进行发包 1.登录appuploder软件 2.登陆开发者App Store后台 uniapp进行打包 在HBuilder X编辑器中打开需要打包的项目，然后点击上面菜单栏中 发行 => 原生App-云打包，对以下弹出的弹窗进行内容填写 ......
uniapp底层跨端原理
uniapp底层跨端原理 - 代码编写：开发者使用Vue.js框架编写uniapp的代码，包括页面结构、样式和逻辑等。 - 编译过程：在编译过程中，uniapp会将Vue.js的代码转换为各个平台所需的代码。这一转换过程由uniapp的编译器完成。 - 平台特定代码生成：根据不同平台的特性和要求，u ......
uniapp webview页预留顶部安全位置
onLoad(){ // #ifdef APP-PLUS var height = 0; uni.getSystemInfo({ success: (sysinfo) => { height = sysinfo.windowHeight; }, complete: () => {} }); var ......
uniapp 使用axios 二次封装
uniapp 使用 axios 二次封装 import Vue from 'vue' import axios from 'axios' const baseUrl = 'http://127.0.0.1:8080' // 服务器地址 const imageUrl = baseUrl const s ......
封装uniapp的request
1 uni.request() 二次封装 import Vue from 'vue' const baseUrl = 'http://127.0.0.1:8080' // 服务器地址 const imageUrl = baseUrl const staticVariables = { BASE_UR ......
uniapp canvas 上传图片添加水印
隐藏canvas，position:fixed;left:100% <canvas :style="{width:canvasWidth,height:canvasHeight}" style="position:fixed;left:100%;" canvas-id="myCanvas" ></c ......
uniapp app上传图片并设置超过10m进行图片压缩
组件页面 <template> <view class="upload-wrapper"> <view v-if="pictureUrl.length"> <view class="preview" v-for="(item,index) in pictureUrl" :key='index' > ......
uniapp使用第三方插件image-tools进行图片转base64
最近做的这个项目原来是原生android开发的，然后图片上传功能是 前端获取图片 -> 图片转成base64字符串（base64编码） -> 传递给服务器后端 -> 服务器接受base64字符串数据 -> 获取到的base64转成图片jpg （解码）-> 存入服务器，并写入数据库 后来因为原生安卓太 ......
uniapp之安卓端pdf预览
uniapp之安卓端pdf预览 原理： 将文件下载到本地，使用uni api预览文件 exportPDF() { uni.downloadFile({ url: "http://192.168.1.237:9000/profile/statute/937820.pdf", success: res ......
UNIAPP返回上一页并参数 uni.$on、uni.$off、uni.$once 和 uni.$emit
WPF Prism事件聚合器-订阅/发布事件 https://www.cnblogs.com/douyuanjun/p/17788957.html 结合JS理解更容易理解：https://www.cnblogs.com/douyuanjun/p/17465402.html //传参给上一页 conf ......
去掉uniapp程序中顶部返回按钮
去掉uniapp程序中顶部返回按钮 1.javascript "autoBackButton": false 在小程序下生效，H5不生效 { "path": "pages/donation/list", "style": { "navigationBarTitleText": "公益捐款", "ap ......
uniapp的tap和click事件获取原始dom元素
uniapp支持tap和click事件 必须在template模板中绑定 tap事件会把event对象的target原生dom对象去除，替换为组件(未发现)，文档上支持冒泡，还需测试 要获取原始dom元素 可在mounted周期自行addEventListener，方可读取 ......
uniapp vue可以通过mixins混入代码，可以通过下面方法混入template
vue全局混入template方法：在根目录vue.config.js（没有就新增）里添加一下代码 //红色部分是混入的自定义vue组件module.exports = { chainWebpack: config => { config.module.rule('vue').use('vue-lo ......
（uniapp）小程序实现自定义弹框，自定义样式showmodal
在components里新建自定义弹框组件——modal.vue <template> <!-- 自定义弹窗 --> <view class="_showModal" v-show="show"> <view class="_shade"></view> <view class="_modalBox ......
UNIAPP 钉钉微应用调试 PC端移动端调试钉钉微应用H5
https://open.dingtalk.com/document/resourcedownload/micro-application-four-terminal-debugging-tool-web-edition 流程可以参考钉钉文档 https://open-dev.dingtalk.co ......