uview

uniapp bug解决：uniapp文件查找失败:‘uview-ui‘ at main.js:14

文章目录报错内容解决方法`main.js`文件中uView主JS库引入uView的全局`SCSS`主题文件内容修改引入uView基础样式内容修改配置`easycom`内容修改报错内容10:50:51.795

奶糖肥晨·2025-03-09 10:31

解决使用 HBuilder X 软件、uni-app 框架和 uView UI 框架开发的项目，需要同时发布成 H5 和微信小程序，且部分页面存在差异问题

主要是利用特定的注释语法1.条件编译原理：uni-app支持条件编译，通过特定的注释语法，可以在不同的平台下编译不同的代码，从而实现页面内容的差异化。这是H5页面特有的内容这是微信小程序特有的内容这是所有平台通用的内容exportdefault{data(){return{//通用数据};},onLoad(){//#ifdefH5console.log('这是H5平台的逻辑');//#endif/

T-shmily·2025-03-06 09:54

基于 uni-app 和 Vue3 开发的汉字书写练习应用

基于uni-app和Vue3开发的汉字书写练习应用前言本文介绍了如何使用uni-app+Vue3+uview-plus开发一个汉字书写练习应用。

xiyueta·2025-03-06 09:52

uniapp 中引入使用uView UI

文章目录一、前言：选择uViewUI的原因二、完整引入步骤1.安装uViewUI2.配置全局样式变量（关键！）3.在pages.json中添加：4.全局注册组件5.直接使用组件五、自定义主题色（秒换皮肤）一、前言：选择uViewUI的原因uViewUI是uni-app生态中高颜值、高拓展性、开发体验友好的组件库，提供100+组件和丰富工具，能极大提升开发效率。二、完整引入步骤1.安装uViewUI

前端小雪的博客.·2025-03-04 09:52

解决 uView-UI和uv-ui 中 u-tabs 组件在微信小程序中出现横向滚动条的问题

问题描述在微信小程序中使用uView-UI的u-tabs组件时，用户可能会遇到横向滚动条的问题。这不仅影响了页面的美观，还可能导致用户误操作。问题原因该问题的根本原因是未在微信小程序环境下屏蔽滚动条。

溫冬＇＇123·2025-03-02 13:11

uview2.0封装http请求实战以及常见请求传参实录

1.前言2.使用步骤2.1配置请求拦截器以及api集中管理配置2.2main.js中进行引入请求拦截器2.3页面中引入请求方法并使用1.前言uview2.0是uniapp开发中使用频率相对来讲比较高的一款框架

卖柴火的小伙子·2025-03-01 14:46

uniapp和uview-plus组件在项目中向后端发起请求的封装

文章目录Http请求请求方法说明二、拦截器1.请求拦截2.响应拦截应用实例export和exportdefault的区别Http请求该插件适用于普遍的请求场景，支持post、get、put和delete，以及上传下载等请求，有如下特点：基于Promise对象实现更简单的request使用方式，支持请求和响应拦截支持全局挂载支持多个全局配置实例支持自定义验证器支持文件上传/下载支持task操作支持自

程楠楠&M·2025-02-23 10:37

uniapp请求接口封装

最近做了一个uniapp的项目（引入了uView样式），前端请求接口封装：在App.vue同级目录创建utils文件夹，文件夹内新建request.js代码如下：//请求接口地址//constbaseUrl

小码哥学习中·2025-02-23 10:37

uni-app、uview开发时的三种富文本渲染方案

1.使用vue语法的v-html 富文本富文本富文本`">-->2.使用小程序标签rich-text富文本富文本富文本`" >-->3.使用uview内置的u-parse组件该组件一般用于富文本解析场景

柠檬树^-^·2025-02-23 04:13

uniapp项目引入uview组件

1.下载scss的插件在HX菜单的工具->插件安装中找到"scss/sass编译"插件进行安装，如不生效，重启HX即可下载链接scss/sass编译-DCloud插件市场2.下载uView文件在uni-app

LAN354·2025-02-21 19:12

uniapp 封装进度条组件

二、写啥废话，直接代码上封装的组件代码1.先引入uview-ui,uniapp不懂引入uview-u组件的自行移步到官网。很

sunyin.liu·2025-02-18 06:12

uview步进器点击加减如何避免同时触发失焦方法

背景：在自定义了uview的加减图标之后，发现用户点击加减法会同时触发了失焦事件，避免用户点击加减如何避免同时触发失焦方法，可以做以下尝试在使用uView的步进器（Stepper）组件时，如果希望点击加减按钮时避免同时失去焦点

peachSoda7·2025-02-12 07:13

uniapp 全局Toast 全局提示兼容多端基于uView

首先需要uView，没有的自己百度。

泡沫君·2025-02-04 03:40

uniapp uview 一键回到底部组件

一、封装组件底部exportdefault{name:"BackBottom",props:{bottom:{type:Number,default:100}},data(){return{pageHeight:0,scrollHeight:0,diffHeight:this.bottom+1,//初始值大于bottom，防止首次渲染不显示};},computed:{show(){returnth

顾鸟·2025-01-25 08:29

uniapp下拉菜单

一、示例图1.状态为多选，选中后显示已选择的数量，如下图：2.排序为单选，显示当前选中的名称，如下图：二、状态、排序相关代码部分代码使用了的uView组件Icon图标|uView2.0-全面兼容nvue

h_6543210·2025-01-24 08:52

uniapp小程序项目从0到1开发

一、在HBuilderX新建项目,然后可以先把可能用到的文件夹建好二、引入UI框架,根据npm方式配置文档uView2地址:https://uviewui.com/components/install.htmlcmd

扶园·2025-01-23 19:42

uniapp+uview-plus实现微信小程序自定义tabbar

yx_back·2024-09-14 18:58

uniapp使用 uview-plus 底部导航栏(vue3项目)

前提：项目中已引入uview-plus，具体可查看uview-plus官网Tabbar底部导航栏网站：Tabbar底部导航栏|uview-plus3.0-全面兼容nvue的uni-app生态框架-uni-appUI

奔跑的露西·2024-09-01 21:17

uniapp使用 uview-plus 底部导航栏(vue3项目)_uniapp底部导航栏

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！因此收集整理了一份《2024年最新大数据全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵

2401_84181383·2024-09-01 20:15

uniapp使用 uview-plus 底部导航栏(vue3项目)_uniapp底部导航栏(1)

}else{useStore.setActive(index)constpath=item.pagePathuni.switchTab({url:path})}}}//图标的切换constgetTabbarIcon=(item,index)=>{returnuseStore.activeTab===index?item.selectedIconPath:item.iconPath}>>**说明：*

2401_84182793·2024-09-01 20:15

[uview3]Popup 弹出层

项目场景：展会管理系统，通过弹出层的方式切换展会项目，效果如下：弹出部分代码：注意点：层级要设高一点，可能会其他元素遮挡出不来请设置展会：

hj1043·2024-08-31 10:08

uview的u-input限制体温输入，35到42之间，保留一位小数，限制只能输入4个字符

varelement=this.temperature;console.log(element)varx=String(element).indexOf('.')+1;//小数点的位置vary=(x!==0)?String(element).length-x:0;//小数的位数varelementNum=Number.parseFloat(element);console.log(elementN

杨天天.·2024-08-31 03:47

用uniapp开发手机app，发现不支持dom操作

用uniapp开发手机app，使用了uview组件，其中的不支持给label旁边放个红星号，尝试用dom操作给添加appendRedStar(item_ref){try{varel=this.

吉星9527ABC·2024-03-17 18:27

uniapp插件uViewplus的使用（涉及TS下的问题）

在技术选型后最后定了使用有团队维护的uview-plus3.0,官方文档配置参考：https://juejin.cn/post/7169875753100640270ts配置参考：https://blog.csdn.net

EmmaGuo2015·2024-02-25 02:40

uview组件封装form表单后有关弹框的组件安卓部分机型不显示

环境背景介绍:使用uniapp开发小程序和app,uview版本是1.8.3,分别为ios端安卓端和小程序端封装了form表单组件,u-selectu-action-sheetu-picker等组件通过

阳光先做·2024-02-24 09:26

uni-app使用uView打开弹出层后输入框聚焦时placeholder错位问题

这里就不放效果了，大概意思就是在使用uView的popus时，在底部弹出后，如果弹窗中的输入框会造成一瞬间的placeholder文字错位，这个问题的主要是因为uView安全区适配导致uView相关文档

PENG越·2024-02-19 11:09

uniapp+uView 【详解】录音，自制音频播放器

效果预览代码实现//创建对象--录音机constrecorderManager=uni.getRecorderManager();//创建对象--录音constaudio=uni.createInnerAudioContext()importBreathingfrom"../components/breathing.vue";exportdefault{components:{Breathing,

朝阳39·2024-02-06 21:51

【VUE】UniAPP之uview组件库，自定义tag封装，支持添加u-icon图标

组件代码{{props.text}}import{defineProps}from'vue'constprops=defineProps({text:{//显示文本type:String,default:'自定义33'},color:{//颜色主体颜色type:String,default:'red'},mode:{//lightdark/plaintype:String,default:'lig

孑然R·2024-02-06 06:36

hello uniapp模板的page.json配置easycom出现空白

image.png跟着教程配置uni引入uview组件发现界面空白，然后删除easycom发现界面才能出来image.png这个时候好奇easycom属性是做什么用的了？

尘埃里的玄·2024-02-06 01:21

uView使用u-textarea报警告 Invalid prop: custom validator check failed for prop “confirmType“.

在使用u-textarea时一直报以上的警告，解决办法在标签中加confirm-type="send"

小猫瘦瘦·2024-02-03 04:52

uni-app移动端图片预览组件 movable-area 、movable-view （支持缩放，拖动效果、替换部分代码图片可直接使用）

UniApp图片预览组件利用uni-app官方、内置视图组件配合uView组件的u-popup弹框组件共同实现封装的图片预览组件，支持手指缩放、拖动效果，替换代码中部分图片后可以直接使用。

前端白袍·2024-02-02 14:31

uniapp微信小程序触底加载（超简单）

这是文档链接页面|uni-app官网(dcloud.net.cn)2.页面中写以下代码onReachBottom(e){console.log("举例底部50px就触发");},3.完整代码a.我是使用uview

bug总结·2024-02-02 08:38

遍历行，实现一行两列

微信图片_20230202112834.png要实现这样的效果，用到了uView的u-row和u-col{{item.name}}{{list[index+1].name}}'index%2==0'中%

空我我·2024-02-01 11:35

uniapp 问题汇总-问题数(2)

iosscroll-view无法滚动使用uview折叠面板嵌套scroll-view嵌套之后安卓可以滚动，ios无法滚动去使用原因是动态设置scroll-view高度的时候将高度错误错误代码:style

前端专业写bug·2024-02-01 06:29

uniapp如何安装uview

1.下载并导入插件打开链接uView2.0重磅发布，利剑出鞘，一统江湖-DCloud插件市场没有的登录的就先登录导入成功后，可见2.添加配置main.jsimportuViewfrom'@/uni_modules

睿麒·2024-01-31 07:21

uniapp如何引入uview组件？

在uni-app中使用uView组件需要进行以下操作：首先，确保已经安装了uView库。通过npm或者yarn命令来安装，运行npminstalluview-

秃头馒头·2024-01-30 10:46

uview-plus的组件注释后，微信开发者工具报错，node-modules/uview-plus/components/u-form/u-form]错误: TypeError: Cannot s

报错的全部信息node-modules/uview-plus/components/u-form/u-form]错误:TypeError:Cannotsetproperty'warning'ofundefined

深一海·2024-01-29 06:40

uniapp导入uView组件库

目录准备工作1.新建一个项目2.导入uview组件库3.关于SCSS配置步骤1.引入uView主JS库2.在引入uView的全局SCSS3.引入uView基础样式4.配置easycom组件模式添加效果实验运行即可成功准备工作

前端贾公子·2024-01-27 13:22

uniapp 框架搭建及使用

uniapp官方文档uview官网文档前期工作：1.下载HbuilderX编辑器；2.熟悉uniapp的相关文档；3.查找合适的UI组件库，我使用的是uview（适配H5和小程序）创建uniapp新建:

马农码字·2024-01-26 19:17

使用uniapp框架写小程序，requestjs文件中的常用配置

创建文件夹：utils-request.js1，使用uview中封装好的(封装的是uniapp中的网络请求)在requestjs文件夹中代码如下：//初始化请求配置uni.

好想Z☡zᶻ·2024-01-26 16:55

uniapp+uview封装上传图片组件(单张/多张)

uniapp+uview封装上传图片组件(单张/多张)先看效果1.uploadImg.vue1&&fileList.length">constapp=getApp()exportdefault{props

Cheng Lucky·2024-01-25 15:49

uni-app：关于小程序开发规范与架构设计的理解

文章目录前言1、忽略文件管理2、API配置与管理2.1、请求协议管理2.2、网络环境切换管理2.3、API集中管理3、分包管理4、【uni_modules】引入第三方组件4.1、uview-ui框架4.2

瓜子三百克·2024-01-24 06:12

uniapp实现页面左滑右滑切换内容

uniapp+uview：使用uniapp的swiper和uview的tabs标签组合实现Tabs标签|uview-plus3.0-全面兼容nvue的uni-app生态框架-uni-appUI框架```

浮桥·2024-01-23 06:31

zxz-uni-data-select 插件，uniapp项目vue3，下拉框可搜索，使用问题解决，如何使用，类型声明，自动扫描全局使用，插件文件eslint报错，组件导入。input点击出现蓝色问题

要在点击的标签里面加上-webkit-tap-highlight-color-CSDN博客uniapp项目，要实现下拉框可搜索的功能，uniapp官方组件和uview都没有这个功能的组件。

深一海·2024-01-21 20:56

uniapp开发H5,刷新浏览器时导致页面栈消失出现的跳转问题不能返回

需要自定义顶部导航栏{"path":"pages/index/index","style":{"navigationStyle":"custom"}}创建导航栏组件（我的项目引入了uview-ui,直接进入

Bubluu·2024-01-20 11:46

uview 瀑布流_微信小程序瀑布流最好最简单的解决方案

网上能搜到的小程序瀑布流解决方案，要么代码复杂、逻辑混乱，要么实现不了业务功能，所以把我在项目中的实现方案给大家分享下。最简单的实现方案，不适用有分页的场景。这个方案简单的原因是因为仅仅使用了css的属性。使用column-count属性可以指定页面显示的列数，一般瀑布流都是2列，所以可以定义class.list-masonry{column-count:2;//2列column-gap:20rp

杂志社社内刘编辑·2024-01-19 22:31

uniapp (UI框架：uview2.x) JSON数据导出生成excel

一、生成下载的表格模板数据代码如下：//建立一个工具类函数文件utils.jsexportfunctiontableToExcel(jsonData,str){//要导出的json数据letworksheet='sheet1'//letstr='姓名电话邮箱'//循环遍历，每行加入tr标签，每个单元格加td标签console.log('jsonData:',jsonData);for(leti=0

Echo-潔·2024-01-19 17:15

使用的uview 微信高版本头像昵称填写能力

一键登录邀请您补全个人信息头像昵称取消确定暂不登录importavatarUrlfrom"@/static/logo.png"exportdefault{data(){return{avatarUrl:avatarUrl,nickName:'',token:'',imgList:[],show:false,}},methods:{back(){uni.navigateBack({delta:1,}

又是取名的一天·2024-01-19 15:44

uniapp中uview组件库TopTips 顶部提示使用方法

目录#平台差异说明#基本使用#自定义导航栏使用本组件的问题#主题设置#显示时间设置#API#Methods#Props该组件一般用于页面顶部向下滑出一个提示，尔后自动收起的场景。#平台差异说明AppH5微信小程序支付宝小程序百度小程序头条小程序QQ小程序√√√√√√√#基本使用该组件通过ref调用，使用简单，只需title参数设置显示的内容即可注意：不要在onLoad中调用，应在onReady生命

TechWhiz-晓同·2024-01-19 07:44

uniapp中uview组件库Toast 消息提示的使用方法

目录#基本使用#配置toast主题#toast结束跳转URL#API#Props#Params#Methods此组件表现形式类似uni的uni.showToastAPI，但也有不同的地方，具体表现在：uView

TechWhiz-晓同·2024-01-18 15:03

推荐频道