uniapp
uniapp app横屏竖屏问题导致样式紊乱
最近做了一个点击签名然后要让app自动横屏的功能，此功能难点在于退出横屏的时候，会导致竖屏的页面紊乱。 首先如果要让app横屏，要先在manifest.json的源码视图app-plus里添加"flexible": true,表示app可以横竖切换 然后在想要横屏的页面里加上 onShow() { ......
uniapp-ucloud 数据库里面添加记录
要保持 本地跟云端的表一致。 同步。 还有设置权限 const db = uniCloud.database() const jiemengCollection = db.collection('jiemeng') for (const row of data) { console.log(row) ......
uniapp 动态修改顶部导航栏右侧按钮 titleNView（APP-PLUS、H5）
1 <script> 2 export default { 3 onReady() { 4 // 已渲染 5 var pages = getCurrentPages(); 6 var page = pages[pages.length - 1]; 7 8 // #ifdef H5 9 documen ......
uniapp 打包缺陷
uniapp 打包时候 会把 所有用到的公共组件和公共封装打包到一起，在首页直接加载，这样会严重影响首屏的显示速度 目前没有找到好的 最小化 分离 首屏依赖的打包方式 考虑可行的方案 1. 写一个webpack插件，通过分析 指定模块的依赖，将模块 和 模块依赖 分别打包 2. 深入 webpack ......
uniapp微信小程序自定义隐私权限弹窗
插件地址：https://ext.dcloud.net.cn/plugin?id=14576#detail 样式小改动 <template> <view class="xh-privacy"> <!-- 默认主题 --> <view :style="'background:'+background+ ......
uniapp开发编写nvue报警Unhandled error during execution of render function
关键的两行报错如下： [Vue warn]: Unhandled error during execution of render function [Vue warn]: Unhandled error during execution of scheduler flush. This is li ......
uniapp实现路由拦截
背景 在APP中，跳转页面需要判断是否有权限跳转，比如是否登录。开发环境是TMUI+VUE3+TS，这难免有一些限制，在网上搜索后，发现简书网站有个博主写的链接正合我意，不过他的是JavaScript+uniapp原生开发，根据我的需求，自己稍微改了些。 0x01 复制代码 简书博客链接：https ......
uniapp项目APP端安卓ios权限检测教程
导语：在 APP 的日常开发过程中，权限检测与授权是不可避免的一项重要的功能，下面就简单介绍一下如何检测和授权的方法。 目录 原理 方法 实战 原理 此授权方法主要是依托于 HTML5 产业联盟的HTML5+规范实现的。 HTML5 产业联盟官网 获取当前操作系统名称 可以使用uni.getSyst ......
SKU规格-uniapp小程序
<template> <view class="body"> <view class="tablist" v-if="isShow"> <view class="tab" v-for="(Aitem,Aindex) in tablist" :key="Aindex"> <view class="ta ......
Uniapp中弹窗
Uniapp中弹窗 直接上代码 uni.showModal({ title: '提示', content: '这是一个自定义按钮文字的模态对话框', confirmText: '自定义确定', // 自定义确定按钮的文字 cancelText: '自定义取消', // 自定义取消按钮的文字 succ ......
在 uniapp 项目中集成 echarts 图表
1. 项目结构 2. 获取 ECharts 库文件 ECharts在线构建 下载后重命名为：echarts.full.js / echarts.full.min.js 3. 获取 ECharts 地图数据 点此下载 下载后移动到项目结构目录的 geo 位置 4. 编写 ECharts 组件 <tem ......
uniapp的hbuilder命令行总结
HbuilderX通过菜单进行打包，实际上运行的是 /Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/bin/uniapp-cli.js 这个文件 会调用/Applications/HBuilderX.app/Cont ......
uniapp之微信小程序 支付
一、注册微信支付商户号（由上级或法人注册） 注册链接：https://pay.weixin.qq.com/index.php/apply/applyment_home/guide_normal#none，如图 注意：需要由主管及更上级领导进行注册，成为公司收款账户 （企业注册需要材料：营业执照、对公 ......
uniapp的easycom模式
uniapp的easycom模式，无需import和注册components，即可在页面使用固定目录下的组件。 这个目的是简化引用，其实还挺坑的。 1. 直接使用组件，全局又搜索不到引用，第一感觉让人摸不着头脑 2. 不引用组件，文件下放了多个组件，不知道到底使用了哪个 3. 进行组件优化，要删除或 ......
uniapp 预览pdf app端使用自定义导航时铺满全屏，需要留出导航栏
1、安装pdf预览插件：hybrid 插件（网上资料很多） 2、封装预览vue页面（重点在加粗部分，使用原生导航没有问题，但是使用自定义导航就把状态栏全部盖住了） <template> <view class="page"> <web-view :webview-styles="webviewSty ......
uniapp h5低版本Android显示空白
前言：uniapp写的H5访问一直空白，打包app就可以正常显示，排查说是箭头函数低版本不支持，一顿操作npm，还是一样空白。 最后：需要发行打包h5才能正常访问，服了也没告诉我啊。注：打包出来访问报错Uncaught SyntaxError: Unexpected token '<'，访问空白问题 ......
使用uniapp+uView制作表单踩坑事件
一、问题描述 制作表单过程中使用了uniapp的日期选择组件uni-datetime-picker和uView的u-picker组件 在实际编写过程中模拟器和安卓机的真机调试上，显示没有任何问题 但是 在使用IOS设备进行调试过程中，出现了弹窗遮挡的情况 二、寻找解决办法 1、第一反应为组件不兼容I ......
uniapp引入H5调试vConsole
在真机环境下调试移动端H5的时候，无法像浏览器一样打开控制台进行console调试，那么我们可以在前端项目中引入vconsole，便于我们在真机环境下调试移动端H5项目 vConsole是一个轻量、可拓展、针对手机网页的前端开发者调试面板。 详细文档可查看：https://gitee.com/mir ......
uniapp项目引入uView-ui
通过npm下载 // 如果您的根目录没有package.json文件的话，请先执行如下命令： // npm init -y npm install uview-ui // 更新 // npm update uview-ui 配置步骤 1.引入uView主JS库 在项目根目录中的main.js中，引入 ......
Niushop中uniapp的访问接口
Niushop中uniapp的访问接口 直接上代码 this.$api.sendRequest({ url: '/pintuan/api/order/isbuy', success: res => { console.log(res) if(res.code == 1){ //跳转VIP } }, ......
uniapp视频封面层级问题
1、app端建议使用视频的第一帧作为视频封面，自定义封面遮罩无法显示，当封面图是白色背景时看不到视频播放按钮。 2、h5直接使用封面属性可正常展示。 <!-- #ifdef APP-PLUS --> <!-- app使用视频的第一帧作为封面，自定义封面没显示遮罩，浅色封面看不到按钮 --> <vid ......
uniapp之canvas 绘画海报 进行分享、收藏、保存
在这过程中： ① 在uniapp中我之前想的是直接将我的view那一块直接转为海报图片，不可行 ② 海报的图片是我点击分享给每个好友使才出现的，之前使用的是UI制作的图，进行自定义的分享、收藏、保存，当然也不可行 一、绘画海报 绘画海报，我使用的是uniapp的canvas进行要求绘制，https: ......
uniapp App端实人认证
1、充点钱，因为调一次要8毛多 2、右键项目，创建unicloud云开发环境 3、创建一个文件夹，名称随便 uni-cloud-verify 4、右键文件夹，管理云函数的扩展库/公共模块依赖 点这个，然后确认 5、配置manifest.json里面App模块配置打开实人认证，然后打自定义基座包 6、 ......
iOS关闭侧滑，uniapp方案
liangpan 两片文章 https://blog.csdn.net/iOSTianNan/article/details/132826188 https://www.jianshu.com/p/3f0e6a05980e ......
uniapp页面生命周期函数执行时机
一、总览 二、分析 通过浏览器控制台得到： 从上述实验我们可以得到以下结论： onLoad 对应 created, onReady 对应 mounted, 不过uniapp页面生命周期函数执行时机略早于组件生命周期函数，在页面级vue文件中可优先考虑使用页面级生命周期函数。 需要依赖页面传参逻辑的需 ......
uniapp返回上一页面并刷新数据 及 刷新当前页面
返回上一页面并onLoad刷新数据 //当前页面(详情页) methods: { setNavTitle() { uni.setNavigationBarTitle({ title: '标题' }); }, back() { uni.$emit('refreshData'); // uni.$emi ......
小程序分享pdf文件（uniapp）
share(){ wx.downloadFile({ url: '', // 下载url success (res) {// 下载完成后转发 wx.shareFileMessage({ filePath: res.tempFilePath, success() { }, fail: console. ......
uniapp全局修改字体
App.vue中 <style lang="scss"> /* 注意要写在第一行，同时给style标签加入lang="scss"属性 */ @import "uview-ui/index.scss"; @font-face { font-family: 'selffont'; src: url("/ ......
uniapp video组件全屏导致页面横竖错乱问题
uniapp video组件全屏导致页面横竖错乱问题 背景介绍 使用 video组件做一个视频播放功能，不全屏的情况正常。在苹果手机上全屏后，点击左上角退出全屏，页面出现问题如下图问题，主要系统iOS16 以上的都有问题。 非全屏(竖屏) 全屏(横屏) 硬件环境 品牌 系列 版本 存在 IPhone ......
uniapp系列-图文并茂教你配置uniapp开发环境
环境安装 1. 安装 node.js (版本 18+/16+) 在搭建 Vue 开发环境之前，请先下载 node.js。 Node 可从官方网站下载，也可从中文网站下载。根据你的电脑选择 32 位 或 64 位。网站： Node 或者访问 历史版本 查看 node 版本 C:\Users> node ......