uView

uniapp中uview组件库的Search 搜索 的用法

目录基本使用#设置输入框形状#是否开启清除控件#是否开启右边控件#自定义样式API#Props#Events基本使用通过placeholder参数设置占位内容通过v-model双向绑定一个变量值，设置初始化时搜索框的值，如果初始内容为空，那么请绑定一个值为空字符的变量。说明：因为是双向绑定的，所以当组件内容输入框内容变化时，也会实时的反映到绑定的keyword变量，这意味着，您无需监听change
TechWhiz-晓同·2023-12-29 19:46

配置uniapp使用uView组件库

第三步：首先看下官方文档的安装安装|uView2.0-全面兼容nvue的uni-app生态框架-uni-appUI框架安装倒是可以按照官方文档的来，不是问题的啦！
我的86呢！·2023-12-29 19:46

uni-app项目中引入uView组件库

在uni-app项目中引入uView组件库其实uView的官方文档写的很清楚了，但是作为菜鸟踩过坑的我还是记录一下。
jieyucx·2023-12-29 19:16

uniapp如何使用uView组件

目录一、介绍二、安装一、介绍uView是uni-app生态专用的UI框架，uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序
你写啥呢·2023-12-29 19:16

uniapp中uview组件库中丰富的Picker 选择器用法

基本使用通过show绑定一个布尔值变量，用于控制组件的弹出与收起。都通过传入数组columns配置选择项。打开exportdefault{data(){return{show:false,columns:[['中国','美国','日本']],}}}#多列模式与多列联动此模式通过传入columns参数，此参数为二维数组，通过change事件完成联动操作。exportdefault{data(){re
TechWhiz-晓同·2023-12-29 19:16

uniapp中uview组件库丰富LoadingPage 加载页

目录基本使用#显示或隐藏#文字内容#动画模式#动画图片#文字颜色#文字大小#图标大小2.0.32#背景颜色#图标颜色API#Props基本使用#显示或隐藏loading可以指定是否显示加载页#文字内容loading-text可以指定提示内容#动画模式loading-mode可以指定加载动画的模式,默认为circle#动画图片image可以指定文字上方用于替换loading动画的图片#文字颜色col
TechWhiz-晓同·2023-12-29 19:14

uniapp uview引入阿里图标，u-dropdown自定义图标

解压把iconfont.css放到项目文件夹3.修改iconfont文件删除其他的url只留一个后面是使用额名称或是去阿里图标图编辑查看需要在u-icon上加custom-prefix属性就可以使用了修改uview
葫芦娃y·2023-12-29 16:55

uniapp 安装插件 uView （多平台快速开发的UI框架）

id=1593导入成功后，可见2.添加配置main.jsimportuViewfrom'@/uni_modules/uview-ui'Vue.use(uView)uni.scss@import'@/uni_modules
朝阳39·2023-12-29 09:33

mpShare小程序分享

引入uview组件(省略)查看或编辑mpShare.jsmodule.exports={onLoad(){//设置默认的转发参数uni.
德鲁大叔撸代码·2023-12-28 14:18

uview2.0封装网络请求(微信小程序最新登录方式)

一、网络请求和相应拦截器//此vm参数为页面的实例，可以通过它引用vuex中的变量module.exports=(vm)=>{//初始化请求配置uni.$u.http.setConfig((config)=>{config.baseURL='http://127.0.0.1:8080/';returnconfig})//请求拦截uni.$u.http.interceptors.request.us
德鲁大叔撸代码·2023-12-28 14:17

处理uview表单赋值之后无法通过表单校验

问题情景描述：1、uniapp微信小程序使用了uViewUI，表单字段有验证；2、表单添加功能，数据校验正常，因为表单数据本身都是空的；3、表单更新数据的时候，有些字段明明是有数据的，提交的时候非空验证提示不能为空；4、遇到问题查找官网的文档最靠谱，但是官网没有明确提示该问题的原因和解决方式，参考网上的内容，启发一下可能会找出问题所在。解决方法：rules中添加transform，把内容转成Str
不会切肉的小辉同学·2023-12-27 20:59

uview表单校验使用的坑

我们在使用uview的时候有些表单项是不允许用户修改的，对应input绑定的数据是用户点击选择框获得的，所以我们在input上写了disabled属性来禁用输入框，但是禁用之后无法触发表单校验的change
不会切肉的小辉同学·2023-12-27 20:29

uni-app小程序如何自定义标题内容（如何解决小程序标题不居中）

解决方案：关键词：这自定义标题、uView、1.既然是要自定义导航栏，那么首先就要取消系统自带的导航栏，需要在uni-app的根目录的"pages.json"中设
芳草斜阳_晨光·2023-12-27 12:08

uniapp中uview的text组件

基本使用：通过text参数设置文本内容。推荐您使用:text='value'的形式设置主题：通过type参数设置文本主题，我们提供了五类属性。primaryerrorsuccesswarninginfo拨打电话：通过将mode属性设置为phone即可调用拨打电话，提供加密值encrypt除此之外还有格式化日期，姓名脱敏，超链接，千分位金额等属性，将在以下实例中展示日期格式化#姓名脱敏#超链接添加h
TechWhiz-晓同·2023-12-27 10:22

uniApp中uView组件库的丰富布局方法

目录基本使用#分栏间隔#混合布局#分栏偏移#对齐方式API#RowProps#ColProps#RowEvents#ColEventsUniApp的uView组件库是一个丰富的UI组件库，提供了各种常用的
TechWhiz-晓同·2023-12-27 10:22

uniApp中uView组件库的丰富单元格方法

目录基础功能#自定义内容#自定义大小#展示右箭头#跳转页面#右侧内容垂直居中#自定义插槽当谈到uniapp的uView组件库中的单元格（Cell）方法时，我们需要了解它的基本功能和用法。
TechWhiz-晓同·2023-12-27 10:22

uniapp多级全选,三级全选,全选

本文若对你有用,给个免费Star和关注,持续输出前端各种稀奇古怪的问题所实现的效果如图全选.gif代码如下,注释齐全本段代码用到uview的u-check,一张箭头图片,scss,引入initData,
梦千诺·2023-12-27 00:48

uniapp uview 页面多个select组件回显处理，默认选中

商品分类商品等级选择框select所需要的数据selectShow:false,list:[],typeList:[{value:1,label:"一级"},{value:2,label:"二级"},{value:3,label:"三级"}],categoryList:[],//记录第几个点开的select框selectIndex:1,//选中的下标defaultValue:[],selectCl
走，带你去玩·2023-12-21 16:55

uniapp uview1.0 页面多个upload上传、回显之后处理数据

商品图片商品详情图片html结构如上，定义两种ref'images','content'在提交的时候将两种ref形成数组进行循环subClick(){['images','content'].map(item=>{this.getImg(item)})}处理数据getImg(refText){//refText为自己定义的refletfiles=[];//通过filter，筛选出上传进度为100的
走，带你去玩·2023-12-21 11:16

uniapp中安装uview-ui踩坑记录

uview-ui安装有两种方式：一通过hxbuild编辑器新建的项目。在插件市场安装uview。这里需要注意的一点是。如果选择的是通过xbuildx导入插件的方式。
sleeppingfrog·2023-12-21 00:16

用uniapp写一个点击左侧可以滑动的menu

classifyData）：exportdefault[{"name":"女装","foods":[{"name":"A字裙","key":"A字裙","icon":"https://cdn.uviewui.com/uview
morenhaodan·2023-12-20 17:20

uni-app ucharts中饼图与圆环图区别

但是配置raduis使用：radius:['40%','70%']区别2组件type指明：type="ring"，type='pie'示例源码importUGapfrom"@/uview-ui/comp
Lan.W·2023-12-20 06:42

uniapp中如何简便使用组件？

.*)":"uview-ui/componen
ik.DL·2023-12-18 13:17

uniapp使用uview报错Cannot find module ‘@/uni_modules/uview-ui/components

参考：https://github.com/umicro/uView记录使用uniapp报的错注意uview目前只支持vue2按照教程引入uview，然后执行的时候还是会报Cannotfindmodule
蜗牛使劲冲·2023-12-17 15:37

uview1 的u-tabs组件在微信小程序中会出现横向滚动条

uview1的u-tabs组件在微信小程序中会出现横向滚动条，真机才会生效，微信开发者工具没问题包括官方示例也会原因：未屏蔽微信小程序的滚动条解决办法：uview-ui中uview-ui/components
风花一世月·2023-12-17 05:56

uview 组件 使用 picker 组件 无法显示的问题

其中lableData1格式lableData1:[[{label_name:"labe名称",id:"154aer"}]]keyName显示名称label_name
初遇你时动了情·2023-12-16 06:02

uniapp开发小程序uview的u-button样式自定义修改

u-button组件里:customStyle="样式数据名"在data里申明样式数据名，形式为对象，注意值要加引号，且有-的只要改为驼峰命名如border-Radiusdata(){return{btnGetCode:{borderRadius:'7px',//驼峰命名注意height:'34px'}}}
A_man_of_ideas·2023-12-15 19:32

npm安装uView2.0后无代码提示的解决方法

npm安装uView2.0后无代码提示的解决方法两年前，关于uView1.x的时候我也写过一篇类似的文章，但由于各种原因新的uView2.x还没正式用过，今天踩了几个小坑。
Debug Daily Life·2023-12-15 10:13

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-12-15 10:43

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
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他