uniApp

uniapp/Vue 开启History模式 本地开发：二级页面刷新或者通过链接进入二级页面是正常的 打包部署后：二级页面刷新或者通过链接进入二级页面会报错404页面找不到 解决方案： Nginx配置： 在nginx.conf的对应location里配置一行代码 try_files $uri $ur ......

在用hbuildx时，用自定义基座，调试程序时，有的页面因为基座缺少组件而进不去，这个时候就可以用指定页面的方式，我们只需要把进入页面的入参传进去，这个时候打开页面就是指定要调试的页面了。 就在page.json文件最后加入 "condition" : { //模式配置，仅开发期间生效 "curre ......

如果是列表页，可以采用前端分页，通过scroll-view 下拉，在绑定图片地址信息，这样就能下拉部分，加载部分图片了。 pageQuery() { let currentPage = this.pQuery.page; let pageSize = this.pQuery.size; const ......

在用uniapp进行将wap站转化为app的时候，默认打包后的文件，带有系统的导航栏，下面是去除的办法： 第一步：找到 sitemap.json 设置 titleNView为false： 第二步：在pages加入 { "webviewId": "common", "matchUrls": [{ "h ......

前言 此文旨在记录微信小程序中需要使用合并表头的需求场景，由于此项目使用的是Uniapp和uView这两个UI框架。 然后接到一个需要查成绩的需求，表头大概长这样： 碰到问题 然后我惊奇的发现uniapp的table组件压根没有封装tr和td的rowspan属性，uView更是直接没有table组件 ......

解决方案： 1、在App.vue文件中，onShow生命周期内添加一段代码，检测是否同意使用互联网权限： uni.onNetworkStatusChange(function(res) { console.log('onNetworkStatusChange', res); if (res.isCo ......

在app.vue里添加： export default {//在此处添加一个函数 globalData: { //更改tabbar权限 reviseTabbarByUserType: function() { //可以写自己的逻辑代码 // let username = uni.getStorage ......

先看一下效果图 通过scroll-view实现消息的刷新和滑动，能查看消息和发送图片，支持图片数量自定义。 其中主要是scroll-view通过id定位滑动，当有新消息滑动到最底部，上拉能够刷新历史消息；当选择图片的时候，输入框根据选择的图片数量高度进行调整； ......

UniApp是一个基于Vue.js开发的跨平台应用框架，它可以帮助开发者使用Vue.js开发一次，即可在多个平台上进行部署，如iOS、Android、H5等。UniApp中提供了下拉刷新功能，开发者可以通过以下步骤来实现： 在页面中添加<uni-refresher>组件，该组件是下拉刷新功能的容器。 ......

摘要 本篇博客将教你如何使用 JavaScript-obfuscator 插件来一键发行和混淆 iOS 上的 uniapp 代码。通过安装插件、创建运行脚本，并执行混淆操作，你将能够轻松通过审核，提高应用程序的安全性。🔒 引言 在将 uniapp 项目打包并上传到 iOS 应用市场时，我们经常会遇 ......

一、小程序端向H5传递参数 这个比较简单，就是利用web-view的src传递就行 1、创建承载web-view的.vue页面，代码如下： <template> <view> <web-view :src="src" @message="handleMessage"></web-view> </vi ......

​ uniapp一键发行代码并混淆代码 第一步.在项目根目录下安装插件 npm install javascript-obfuscator -g 安装完成后，javascript-obfuscator就是一个独立的可执行命令了。 javascript-obfuscator -v 第二步：Hbuild ......

一. 生成本地包： 选中项目，头部菜单栏“发行"-"生成本地打包App资源" 打包成功 二. 打包完成，复制App资源包到安卓studio项目中 uniapp项目根目录下，找到unpackage目录，打开resources目录，复制下边的_UNI_XXXXX格式的目录 三. 把App资源包粘贴到An ......

全局引入 要在 UniApp 中创建一个全局方法，以便在所有模板中直接使用，可以使用 Vue 的 mixin 混入功能。 下面是创建全局方法的步骤： 在项目的根目录下，创建一个名为 mixin.js 的文件（或者你可以选择其他命名）。 在 mixin.js 文件中，定义全局方法。例如，我们创建一个名 ......

效果如图： template部分： <view class="item"> <view class="box"> <view class="content"> <view class="head">优惠券</view> <view class="content-box1"> <view class= ......

新接口getUserProfileFn内置login，如果必须要login返回的参数要隔离开 vue3书写要对按钮配置属性 <button @click="logintou" data-eventsync="true" class="main-login-bottom">授权登录</button> ......

点击查看代码 // 授权并获取用户信息 const authorizeAndGetUserInfo = (loginRes) => { uni.getUserInfo({ success(res) { // 用户信息获取成功，处理登录业务逻辑 app.globalData.info = res.us ......

点击查看代码 <details> <summary>解决用户拒绝授权问题</summary> uni.openSetting({ success(res) { console.log(res.authSetting) if (res.authSetting?.scope.userInfo) { ge ......

点进去看了一下uni-icons的源码 @click的方法其实是他假装是个原生click的方法，执行 emit(click)给父组件 可以理解为uni-icons只至此click事件 不支持click.stop事件 解决办法也很简单 包一层view <view @click.stop="editFn ......

移动端采用uniapp开发 后台采用.net core 先到插件市场找到对应的插件 然后将插件安装到 然后在移动端项目pages.json "path": "uni_modules/rt-uni-update/components/rt-uni-update/rt-uni-update", "sty ......

点击查看代码 <button @click="getMy" data-eventsync="true">获取信息</button> let getMy = () => { if (uni.getUserProfile) { console.log('可以用'); uni.getUserProfile ......

uniapp(安卓)之文件下载 方法： // 本地路径开头使用file://，跟上手机文件本地目录storage/emulated/0， // 这时用户文件管理器能看到的了，之后创建 下载文件夹 作为文件夹， // 后缀是用于文件命名和格式修改，大家可以使用变量。 var url = this.do ......

npm导入组件 npm install uview-ui@2.0.36 后面跟上自己的版本 或者 npm install uview-ui //检查 console.log(uni.$u.config.v);可以查看自己是否导入成功 【main.js】import uView from 'uview ......

前言提示：本文记录的是使用uniapp开发的H5+APP项目，H5端使用微信自定义分享功能，文中有关APP的兼容，如果不需要兼容APP的可以忽略 一、引入 首先安装 jweixin-module 包 npm install jweixin-module --save 二、封装工具方法 为了方便使用， ......

要求：最近工作中，uniapp开发中遇到一个问题，期望对，一个带有动态生成二维码的页面，实现截屏功能。通过webview实现的截屏功能，最后生成的图片，中间的二维码部分是空白的。 问题：实现截屏，发现只用中间的二维码部分是空白的（如图）； 代码参考网上博客实现截屏： 1 saveImageByScr ......

最近做的项目中遇到需要进行使用pda进行扫码的操作，在网上查了一下，pda的扫码头就相当于是输入字符串后进行一个回车操作 那么，最简单的方式就是给一个输入框，然后监听回车事件 刚开始的想法是这样的 <uni-easyinput v-model="scanEquip" ref="scanEquip" ......

最近做一个uniapp的聊天室界面，当获取聊天信息之后需要下滑到底部最新消息处，当上拉刷新的时候需要再往上一格移动到下面的消息 通过scroll-view的滚动和下拉刷新来实现 在scroll-view的属性中设置 :scroll-into-view="state.scrollIntoMessage ......

​ 当我们的APP开发完毕，最终交付的时候，必然要经历的一个环节，就是APP上架，国内APP上架一般为IOS端appstore上架，安卓端应用商店比较多，最常见的应用商店有华为应用商店、小米应用商店、OPPO应用商店、VIVO应用商店、应用宝应用商店等。 在开始上架 前，需要准备好相应的材料，安卓端 ......

import App from './App.vue' import * as Pinia from 'pinia'; import { createSSRApp } from 'vue' export function createApp() { const app = createSSRApp( ......

appid 开发者身份 uniapp ui组件 >uView https://ext.dcloud.net.cn/plugin?id=1593 配置 https://www.uviewui.com/components/downloadSetting.html ......