uni

手把手教你vue3-ts-uniapp-vite创建多端小程序-3 统一ui,uni-ui库

uni-ui 官网地址https://uniapp.dcloud.net.cn/component/uniui/quickstart.html 1.安装sass、sass-loader npm install sass -D npm install sass-loader -D 2.安装uni-ui ......

uni.navigateBack返回上一个页面并刷新(调用上一页面的方法)上一个页面

当前页面 ``` let pages = getCurrentPages(); // 当前页页⾯实例 let nowPage = pages[pages.length -1]; //当前页⾯实例 let prevPage = pages[pages.length -2]; // 上一页面实例 // ......
页面 navigateBack 方法 uni

uni微信小程序隐私协议

最近小程序又新增了个 隐私协议弹窗。需要用户去授权,官网的一些API才能使用。官网地址 功能展示 项目地址:https://ext.dcloud.net.cn/plugin?id=14358 1.manifest.json中添加 "mp-weixin" : { //小程序隐私协议 "__usePri ......
隐私 程序 uni

Uni-app -uview模板使用

1、 https://v1.uviewui.com/components/resource.html 脚手架空白工程 打开模板 导入 从本地目录导入 ......
模板 Uni-app uview Uni app

uni-app组成和跨端原理

基本语言和开发规范 uni-app代码编写,基本语言包括js、vue、css。以及ts、scss等css预编译器。 在app端,还支持原生渲染的nvue,以及可以编译为kotlin和swift的uts。 DCloud还提供了使用js编写服务器代码的uniCloud云引擎。所以只需掌握js,你可以开发 ......
原理 uni-app uni app

在uniapp - uni.navigateBack携带参数跳转

子页面 ``` let pages = getCurrentPages(); // 当前页页⾯实例 let nowPage = pages[pages.length -1]; //当前页⾯实例 let prevPage = pages[pages.length -2]; // 上一页面实例 // 需 ......
navigateBack 参数 uniapp uni

uniapp路由跳转后通过uni.$emit和uni.$on页面通讯后,接收到数据但是却赋值不了

原因:跳转到未渲染过的页面时,页面还没渲染就进行赋值操作,所以赋值不上去。 如果往后跳转,可以使用 uni.$emit和uni.$on页面传值。即uni.navigateBack({delta:1}),尽量不要使用uni.navigateTo(会造成页面重叠)。 能够接收到数据并赋值。 解决办法:使 ......
路由 uni 页面 通讯 数据

如何与 UNI-SELECT 建立 EDI 连接?

UNI-SELECT 是一家专注于汽车零部件分销的领先企业,致力于为全球客户提供优质的汽车维修、保养和美容产品,以满足不断变化的市场需求。多年来,UNI-SELECT 凭借卓越的服务和高品质的产品赢得了众多荣誉和认可,不断推动着整个汽车零部件供应链的发展。 项目挑战 实施 EDI 项目需要注意: 技 ......
UNI-SELECT SELECT UNI EDI

2023-08-22 uni-popup 默认弹出显示

奇怪!!uni的弹窗组件明明是默认隐藏的,我又没有做弹出的业务,为什么就蹦出来了呢?? 重新编译也不行,又没有报错。。就像uni-popup完全没生效,直接显示了里面的内容 若干分钟后 啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊 我把uni的uni-popup换成uv ......
uni-popup popup 2023 uni 08

Uni-App获取用户已安装应用列表

```js // 获取用户已装应用列表 plus.android.importClass("java.util.ArrayList"); plus.android.importClass("android.content.pm.PackageInfo"); plus.android.importCl ......
Uni-App 用户 Uni App

再次封装uni.request

再次封装uni.request 看别人的uniapp代码时发现的,觉得蛮好用,自己试着用了下。。还行。。下面是代码: //common/lib/request.js //接口返回固定有code,msg,data, 其中code=0为成功 export default { //全局配置 common: ......
再次 request uni

vue2生命周期、vue3生命周期、uni-app生命周期

一、生命周期 Vue 实例有一个完整的生命周期。 也就是从开始创建、初始化数据、编译模版、挂载 Dom -> 渲 染、更新 -> 渲染、卸载等一系列过程,我们称这是 Vue 的生命周期 二、vue2生命周期(钩子函数) (1)钩子函数: 在特定阶段或特定事件发生时被执行的函数 在钩子函数中可以编写逻 ......
周期 生命 vue uni-app vue2

uniapp自动引入 vue3(ref, toRefs, reactive...), uni-app

1. 装包 npm i unplugin-auto-import --save-dev 2. 在项目的 vue.config.js 中引入并使用 import { defineConfig } from 'vite' import uni from '@dcloudio/vite-plugin-un ......
reactive uni-app uniapp toRefs vue3

【补充】uni-app和开源前端项目

# 【补充】uni-app和开源前端项目 # 【一】uni-app - https://uniapp.dcloud.net.cn/tutorial/app-useragent.html - uni-app是一个基于Vue.js框架的多端开发解决方案,可以同时开发生成iOS、Android、H5等多个 ......
前端 uni-app 项目 uni app

前端vue uni-app自定义精美海报生成组件

在当前技术飞速发展的时代,软件开发的复杂度也在不断提高。传统的开发方式往往将一个系统做成整块应用,一个小的改动或者一个小功能的增加都可能引起整体逻辑的修改,从而造成牵一发而动全身的情况。为了解决这个问题,组件化开发逐渐成为了一种趋势。通过组件化开发,我们可以实现单独开发、单独维护,并且组件之间可以随 ......
前端 组件 海报 uni-app vue

uni app nvue text如何不换行

在css里添加lines:1 如果不行,增加宽度100%或者固定宽度 实在不行,试试一下代码 width: 370rpx; lines: 1; text-overflow: ellipsis; ......
nvue text uni app

前端vue uni-app cc-countdown倒计时组件

随着技术的不断发展,传统的开发方式使得系统的复杂度越来越高。在传统开发过程中,一个小小的改动或者一个小功能的增加可能会导致整体逻辑的修改,造成牵一发而动全身的情况。为了解决这个问题,我们采用了组件化的开发模式。通过组件化开发,可以有效地实现单独开发,单独维护,而且它们之间可以随意的进行组合。大大提升 ......
前端 cc-countdown 组件 countdown uni-app

uni-app前端图表组件库,折现图横屏android失败的解决办法

网址:https://www.ucharts.cn/v2/#/demo/index,需要登录,微信就可以 我在使用折现图时,业务需要把曲线图在点击全屏时横屏全屏显示。就做个全屏页面,点击后,把option和data传到该页面去。做前端得伙伴实现后,发现他得iphone13每次全屏都没问题,而在我得a ......
前端 图表 组件 uni-app android

uni-app写微信小程序,data字段循环引用

在写程序过程中,需要使用到 globalData里的内容,而这个全局变量,在uni-app上需要通过: var app=getApp(); app.globalData.xxx=xxx来使用。 我觉得每次都要获取app对象,嫌麻烦,就在data数据段里定义一个app字段, 之后就通过 this.ap ......
字段 uni-app 程序 data uni

uni-app 怎么打包

看了网上很多打包的 mad 没有一个可以用的 特别麻烦 有的还要登录 绑定手机号什么的 最后没什么吊用 1 当你点击获取的时候 会有这个弹框 不要管 直接获取 获取到之后 然后就在控制台开始编译了 这个就是它编译好的 h5静态文件 直接拖到服务器上面就行了 ......
uni-app uni app

uni-app vue-cli命令行创建项目,拉取模板(dcloudio/uni-preset-vue)失败,443超时报错

### 安装vue/cli npm install -g @vue/cli ### 问题 >根据官网提示,通过 vue-cli 命令行创建项目,出现如下报错。 ``` Fetching remote preset dcloudio/uni-preset-vue... ERROR Failed fet ......
uni-preset-vue uni vue dcloudio 命令

uni-app 中模拟器真机运行项目

1. 安装模拟器MuMu 2.配置环境变量 找到HbuilderX的安装目录,查找adb.exe文件,复制serve.exe所在文件目录的路径,配置到系统变量的Path中 3. 在模拟器中进行配置 注意:端口为7555 不同模拟器的默认端口是不一样的 adb的路径一定是HbuilderX的adb路径 ......
模拟器 uni-app 项目 uni app

UNI-APP_uniapp判断手机是否安装某个应用app

if (plus.runtime.isApplicationExist({ pname: 'com.tencent.mm', action: 'weixin://' })) { //安装了微信 } else { //未安装微信 } 微信:com.tencent.mm weixin:// QQ: co ......
UNI-APP_uniapp uniapp 手机 UNI APP

uni-app 的开屏动画过长的解决办法

uniapp有一个默认的加载动画,转圈圈的那个。 目前能够关闭的方法: 1.在pages.json里面加入: 1 "app-plus" : { 2 "usingComponents" : true, 3 "splashscreen" : { 4 "alwaysShowBeforeRender" : ......
uni-app 办法 动画 uni app

mescroll-uni的坑

mescroll-uni是mescroll针对uniapp的插件 1. mescroll-uni的upCallback回调,数据更新了,但是页面不刷新,原因可能是,在upCallback中进行了其他数据的更新,在其中只能更新列表数据,其他的别做 2. mescroll-uni 的列表项丢失样式,原因 ......
mescroll-uni mescroll uni

uni.showModal内部方法调用失败问题

会显示的报错信息如下 在success后加bind(this) ......
showModal 方法 问题 uni

uniapp获取设备信息:uni.getSystemInfo或uni.getSystemInfoSync,可用于设置顶部安全区

uniapp获取设备信息:uni.getSystemInfo或uni.getSystemInfoSync,可用于设置顶部安全区 let sysInfo = uni.getSystemInfoSync(); console.log(sysInfo); //{ SDKVersion: "2.33.0"a ......

uni-app如何生成证书和应用签名

1、下载java sdk 安装到windows (提取链接见下图) 链接:https://pan.baidu.com/s/1mwVXlRLx79Sgt21JQEPd0A?pwd=r0ja 提取码:r0ja 2、安装sdk 避开文件夹是中文和有空格的文件夹(我是新建C:\java\sdk; C:\ja ......
证书 uni-app uni app

uniapp专栏 —— vscode报错 'uni' is not defined.

## 写在前面 这些内容基于通过cli搭建的uniapp项目,使用了vite4,ts4.9,vue3(组合式API,setup语法糖)。如果有版本不一致,请谨慎参考。 ## 正文 uni是一个全局变量,但是eslint没有识别到。 ### 避免这个错误报错 在.eslintrc.js文件中加上配置 ......
defined 专栏 uniapp vscode 39

前端Vue uni-app App/小程序/H5 通用tree树形结构图

随着技术的发展,开发的复杂度也越来越高,传统开发方式将一个系统做成了整块应用,经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改,造成牵一发而动全身。 通过组件化开发,可以有效实现单独开发,单独维护,而且他们之间可以随意的进行组合。大大提升开发效率低,降低维护成本。 今天给 ......
结构图 树形 前端 uni-app 结构