uView 第5页

uniapp 中安装使用 uView ui 框架

1.首先下载uView插件包,解压缩https://ext.dcloud.net.cn/plugin?

ougexingfuba·2023-12-15 10:05

使用uniapp，引入uView遇到的问题(easycom无效解决方法）

在HBuilderX通过npm安装uView时，按照官网文档配置easycom无效官网为：4.配置easycom组件模式此配置需要在项目根目录的pages.json中进行。

秋名山小白·2023-12-15 10:28

uview组件的popup弹出层下页面可以滑动问题

问题描述uview组件的popup弹出层下页面可以滑动解决方案：阻止popup弹层的touchmove事件mounted(){constpopup=document.querySelectorAll('

凣喵·2023-12-15 10:51

小程序使用uview中的u-popup弹窗组件

小程序封装弹窗组件(使用uview框架中的u-popup弹窗组件)效果展示代码结构结构分析最外层页面index.vue-可点击"选择优惠券"，进入弹窗组件selector.vue进行内容选择，弹窗组件中包含滚动列表

随心丶不勉强·2023-12-15 10:13

uView框架的安装与Git管理

参考链接：Http请求|uView-多平台快速开发的UI框架-uni-appUI框架安装打开我们项目的cmd进行下载：yarnadduview-ui首先我们要确定，未下载前的文件目录以及下载后，是多了个文件目录

开心点啦.·2023-12-15 04:18

uniapp图片预览

用的是Uview组件库里面的直接在页面写上：这图片路径是我自己的你们可以按照组件库里面的方法去实现

一个大长腿·2023-12-15 03:11

快应用实现横向滚动列表（前端）

在快应用里，想要实现uview里面的这个效果可以使用list组件，flex-direction这个属性是关键的{{$item}}--{{$idx}}exportdefault{data(){return

poguanba·2023-12-15 02:15

uniapp基于u-grid-item九宫格实现uCharts秋云图表展示

uniapp基于uView的UI组件u-grid-item九宫格实现uCharts秋云可视化图表展示这里使用uView的u-grid-item九宫格组件去显示图标排列九宫格可以做成多列，移动设备上可以通过左右滑动进行展示可视化图表

手️摘星辰·2023-12-05 18:19

uniapp基于uView组件UI实现小程序购物车选购功能

uniapp实现小程序购物车选购功能点击付款未选中商品，会提示’请选择商品’商品设置购买数最低为’0’，再点击’—‘号按钮提示’不能再减了’商品的发售量为可购买商品的最大个数，当选择到发售量数值再点击’+‘号按钮系统就会提示’库存不足啦！’购物车主体代码部分{{item.name}}{{item.status}}{{item.status}}{{item.status}}{{item.status

手️摘星辰·2023-12-05 15:55

uview下表单动态校验的问题

目录一、前言二、解决方案1、动态使用，v-for需要放在u-form下的view下面2、rules和表单model下面放置一个同名数组3、修改uview中的源码4、动态添加数据三、总结一、前言最近开发网格小程序

小钱999·2023-12-05 09:29

如何在uniapp中使用uviewUI-适合uniapp的ui组件

文章目录1、如果使用的是npm方式2、如果是用HbuilderX导入3、通用步骤4、使用5、可以适配微信小程序前文说了uniapp能用哪些前端框架，今天来推荐uview。其最新版为2.0.36。

WEB前端圈·2023-12-05 06:55

uniapp使用uview实现弹出键盘输入密码/验证码功能

代码及涉及到的属性解释keyboard属性：keyboard事件：MessageInput属性：MessageInput事件：（四）css样式（五）js代码实现数据：事件：（一）效果图（二）使用组件说明组件使用的是uview

林啾啾·2023-12-03 04:05

uniapp uview u-input在app(运行在安卓基座上)上不能动态控制type类型(显隐密码)

开发密码显隐功能时，在浏览器h5上功能是没问题的而在运行到安卓基座时无法动态控制这时使用v-show直接控制问题解决

Cc_Debugger·2023-12-02 06:35

简单聊聊uniapp和uview组件库一起开发

简单的聊聊uniapp和uview组件库的开发uniapp是一个基于Vue.js的跨平台开发框架，可以同时开发H5、微信小程序、App等多个平台的应用。这样可以减少开发人员的工作量，提高开发效率。

一介青烟小生·2023-11-30 18:19

【uView】循环使用u-upload上传组件实例

uview，循环使用u-upload上传组件实例1、在文档上面可以看到成功失败删除的回调方法都会有一个name返回2、这个name的返回值是来自index的传递参数的，所以我们可以通过这个参数来确定当前的上传组件所在的数组的下标值是多少

一介青烟小生·2023-11-30 18:19

uni-app：uView弹出层的使用

一、简介uni搭配uView框架，uView框架弹出层，网址：https://www.uviewui.com/（一）页面使用案例演示1.点击按钮2.弹出层【绑定一个布尔值的变量控制弹出层的打开和收起，这里设置的

耶啵奶膘·2023-11-30 10:06

【无标题】uniapp+ uview+u-popup弹出层清除内部滚动

uniapp+uview+u-popup弹出层清除内部滚动兑换立即兑换注意事项1.每个兑换码兑换一次2.门店选择与核销门店必须一致3.兑换成功后，可在“个人中心-我的套餐”中查看css需要写如下::v-deep.u-drawer

Yy986956491·2023-11-30 09:18

解决支付宝小程序uview组件u-popup遮罩滚动穿透问题

开发平台：uni-app问题描述：当u-popup弹出层打开时，滑动遮罩区域，弹出层后面的页面也跟着滚动尝试的解决方案：根据问题表现，猜测可能是事件冒泡导致的，那是不是可以写一些阻止事件冒泡的代码。但是想到当前的开发不是原生的小程序代码，而是由uniapp编译的，语法是vue的，并不能确保uniapp能够正常编译或支持阻止事件冒泡的代码操作，并且将这个代码应用到现有的组件上并不容易。所以放弃了这个

捧杀偶像裹腹·2023-11-30 09:47

解决uview中uni-popup弹出层不能设置高度问题

开发场景：点击条件筛选按钮，在弹出的popup框中让用户选择条件进行筛选但是在iphone12/13pro展示是正常，但是切换至其他手机型号就填充满了整个屏幕，需要给这个弹窗设置一个固定的高度iphone12/13pro与其他型号手机对比一开始，我是在u-popup上设置的自定义样式但是并没有实现我需要的从网上查阅资料，发现可以在popup中嵌套的子级中，将里边的内容设置固定的高度，这样内容就不会

神仙姐姐QAQ·2023-11-30 09:15

uView ui 1x uniapp 表格table行内容长度不一导致高度不统一而出现的不对齐问题

问题因为td单元格内空长度不定导致行单元格未对齐解决：重置td的高度：height:100%改为height:auto!import33{{Lineinfo.plantime[index].split('T')[1]}}删除效果：

Lan.W·2023-11-30 07:08

uni IOS 上传文件 uniapp上传进度

前言在使用uniapp开发的微信小程序中使用了图片上传功能,使用了uniapp的图片上传组件注意：我这里后端接口接收类型为form-data，参数名为files一、官方示例用法**uview1.0u-upload

嚣张农民·2023-11-30 01:13

UniApp项目中使用微信小程序原生语言进行开发

在上面图可看到）然后打开pages.json找到你的页面{//如果您是通过uni_modules形式引入uView，可以忽略此

魏天·2023-11-28 20:06

uniapp中集成uview

使用的Uview是1.8.6版本。根据官网介绍有两种方式集成。1：下载组件并配置；2.通过npm；这里介绍的是第一种方式。下载组件后，在工程中创建uni_modules目录（名字是固定的）。

三笑咖啡·2023-11-27 03:36

Avoid mutating a prop directly since the value will be overwritten报错问题解决方案

在用uniapp，二次封装uview的u-modal时，使用v-model="showModal"时报错（需求是点击退出登录然后需要弹出模态框），原因是将showModal作为props传递给父组件，父组件直接改变了子组件的值

Acardia_Liu·2023-11-24 23:41

uview u-input 点击清除按钮，数据清空但视图未清空

问题描述：点击uview的u-input输入框自带的清除按钮，v-model绑定的数据清空了，但是输入框内还显示着之前的数据解决方案：将v-model绑定的值写到data初始变量中声明原始代码：data

叶子_o·2023-11-24 20:01

前端开发、easyUI+vue+uView开发问题记录

Easy-UI语法1.table-时间列格式转换formatter:function(value,row,index){ varoldTime=(newDate(value)).getTime(); returnnewDate(oldTime).format("yyyy-MM-dd");}2.按钮图片样式存储static\plugins\font-awesome-4.7.0\css\fon

榕先生·2023-11-23 10:01

uniapp 富文本以及移动端富文本的展示问题

富文本展示有几种方式:1.2.uniapp自带组件rich-textrich-text|uni-app官网3.uView组件u-parseParse富文本解析器|uView2.0-全面兼容nvue的uni-app

前端小胡兔·2023-11-22 16:50

uni-app 使用uview上传头像组件

点击图片上传头像created(){//监听从裁剪页发布的事件，获得裁剪结果uni.$on('uAvatarCropper',path=>{this.avatar=pathuni.uploadFile({url:`url`,filePath:this.avatar,name:'file',method:'POST',header:{'token':'111'},complete:(res)=>{l

安徒生1997·2023-11-21 15:50

uni-app小程序开发使用uView，u-model传入富文本内容过长，真机上无法滚动

uni-app小程序开发使用uView，u-model传入富文本内容过长，真机上无法滚动找到u-model插件，在slot内容的外层自定义加入一个scroll-view标签，设置scroll-y=“true

嘿，小苹果·2023-11-21 12:27

uniapp和vue3+ts创建自定义下拉选择框组件

使用uniapp开发小程序的时候，使用了uview的ui组件，但是里面没有下拉选择组件，只有Picker选择器，但是我们想要使用下拉选择的组件，所以需要自定义个一个下拉选择的自定义组件，我就只能自己动手创建这个自定义组件了

1024小神·2023-11-21 05:57

【uview】u-upload组件钩子函数before-upload，this指向false问题

目录框架背景：uview1.0框架问题：钩子函数this指向被重写无法获取自身方法与data，H5正常，小程序不正常涉及组件：u-upload的before-upload，u-tabbar的before-switch

去成华大道走二仙桥·2023-11-20 20:14

【uniapp/uview1.x】u-upload 在 v-for 中的使用时， before-upload 如何传参

分析：uview官网中有说明，before-upload是不加括号的，但是此时需要传参，也就是for循环中的每一个item信息，这样才能确定是给那一项上传图片的。

花间半盘棋·2023-11-20 20:44

tab栏切换，路径传参写死的情况，切换一次路径随之改变

tab栏，使用uview提供的tabs网址：https://uviewui.com/components/tabs.html资产编码操作{{item.assetCode||'-'}}详情JSexportdefault

愿➣·2023-11-20 00:40

自定义uView中步骤条的内容

效果图html{{item.examTime}}{{item.mark==1?'已发起申请':item.mark==2?'原使用部门审核':item.mark==3?'新部门审核':item.mark==4?'实物管理部门审核':item.mark==5?'价值部门审核':''}}{{item.deptName+'-'+item.leader}}{{item.deptName+'-'+item.r

愿➣·2023-11-20 00:39

uview-plus中二级菜单左右联动更改为uni-app+vue3+vite写法

uview-plus3.0重磅发布，全面的Vue3移动组件库该插件使用的vue2写法，但支持vue3引用，在此基础上修改为uni-app+vue3+vite;-->搜索{{item.name}}{{item.name

GUOZHUOYUE.·2023-11-19 03:07

HbuilderX uni-app uview vuex 微信小程序开发记录

uni-app引入uView2.0的步骤第一步：在uni-app新建的项目中使用CMD下载uViewnpminstalluview-ui第二步：在main.js里引入和注册uView这两句代码需要在importVue

nelly521·2023-11-16 02:28

uniapp uview ＜u-datetime-picker＞时间选择器的使用默认从当前时间开始选择

能够从当前日期开始选择的关键value1:Number(newDate()),

杨天天.·2023-11-16 01:32

uview的u-calendar日历组件，当设置了 minDate配置项后，会导致第一次打开日历弹窗，不会精准的滚动到选中的日期（设置了默认日期都没用）

发现需要给month.vue文件里的getMonth方法加一个延时器，猜测是因为设置最小日期后，日历没渲染完毕的时候就已经开始获取节点信息了

柑橘乌云_·2023-11-15 07:23

Module build failed (from ./node_modules/postcss-loader/src/index.js):

出现该错误是你可能没认真看官网的安装配置，可直接看该目录3，一个字一个字看先安装uview如果选择v1版本，建议使用npm下载，下面以v1版本为例，使用的是npm下载，导入uview时该文件也在node_modules

小超爱编程·2023-11-14 04:12

uni-app基于vite和vue3创建并集成pinia实现数据持久化

2.选择其中一个分支，就是一个脚手架二、以下都是基于vite-ts版本创建和配置1.目录结构2.启动命令【微信小程序】三、配置uni-app集成uview-plus1.npm安装方式2.由

梦和远方·2023-11-13 19:29

uview表单 hooks

在UViewUI库中，使用hooks封装表单二次可以让我们以更灵活的方式使用表单组件。下面是一个示例，展示如何将表单封装成hooks，并以JSON形式传递参数：首先，我们可以创建一个自定义的Hook来处理表单逻辑。在这个例子中，我们创建了一个名为useFormData的Hook，它接收一个JSON对象作为参数，该对象包含了表单数据、表单项的配置等。import{ref,reactive}from'

织_网·2023-11-13 18:46

uniapp引入uView正确步骤及误区

1.导入uview组件库2.导入成功后在main.js里引入importuViewfrom'@/uni_modules/uview-ui'Vue.use(uView)3.在App.vue里引入样式文件@

伴梦123·2023-11-11 09:05

【uniapp/uview】Collapse 折叠面板更改右侧小箭头图标

花间半盘棋·2023-11-11 09:04

【uni-app + uView】CountryCodePicker 国家区号组件

1.效果图2.组件完整代码<u-popupclass="country-code-picker-container"v-if="show":show

Komorebi゛·2023-11-11 09:57

uni-app使用uview开发Android Pad版本强制横屏后适配问题

晴天霹雳，之前一直用uview开发手机版，一般都是竖屏，这种模式一直没有问题。

PrinciplesMan·2023-11-11 01:08

uniapp使用vur-cli新建项目并打包

新建项目npminstall-g@vue/clivuecreate-pdcloudio/uni-preset-vuemy-project选择默认模板npmrundev:h5运行安装sass和uview（

小曲曲·2023-11-10 13:41

【uniapp uview】u--textarea组件custom validator check failed for prop “confirmType“

atnode_modules/uview-ui/components/u-textarea/u-textarea.vueatnode_modules/uview-ui/components/u--textarea

嘿，小苹果·2023-11-10 06:12

uni-app学习笔记（二）

目录一、路由与页面跳转1、tabar与普通页面跳转例子2、navigateTo3、switchTab二、vue组件1、传统vue组件的使用2、easycom三、uView组件库1、安装配置2、引入配置3

五秒法则·2023-11-10 00:05

uview Form表单验证，非必填，如填就必须校验

项目场景uview中使用表单校验,邮箱字段不是必填字段但用户填写了邮箱就需要校验邮箱格式是否正确用户如没有填写、及填写正确的邮箱,则通过校验如果填写了错误的邮箱,则提示错误信息，整体表单校验不通过实现方式

我总是词不达意·2023-11-09 07:55

uni-app 、Spring Boot 、ant Design 打造的一款跨平台包含小说（仿真翻页、段落听书）、短视频、壁纸等功能含完备后台管理的移动应用

官网：https://miliqkdoc.motopa.cn技术选型移动应用前端基础框架uni-app、vue2开发IDEHBuilder、WebStormUI组件uni-ui、uview-ui、base-ui

tuonioooo·2023-11-09 07:39

推荐频道

uView