uview

uView对比1.X

uView2.0与uView1.x之间，是有非常大差异的，1.x不能升级到2.x版本。
破浪前进·2024-01-02 15:39

uViewcolor

uView经过大量调试和研究，得出一套专有的调色板，在各个组件内部，使用统一的配色，为您的产品带来统一又鲜明的视觉效果。
破浪前进·2024-01-02 15:39

uView-UI v2.x常见问题整理

uView2.x文档https://www.uviewui.comuView1.x文档https://v1.uviewui.comuViewUIuni-app主页DCloud插件市场uViewUI开源团队
破浪前进·2024-01-02 14:36

使用uni-app+uview创建小程序工程并支持请求后端接口

一、使用工具：1.hubilderx下载地址：HBuilderX-高效极客技巧2.微信开发者工具下载地址：微信开发者工具下载地址与更新日志|微信开放文档3.uview组件库API：Color色彩|uView2.0
cherishSpring·2024-01-02 04:25

uniapp uview裁剪组件源码修改(u-avatar-cropper)，裁出可自定义固定大小图片

u-avatar-cropper修改后姓       名：{{userinfo.name}}班       级：{{userinfo.class}}联系方式：{{userinfo.phone}}入学年份：{{userinfo.entrance_year}}No
printf_824·2023-12-31 02:55

uniapp中uview组件库的丰富Upload 上传上午用法

目录基础用法#上传视频#文件预览#隐藏上传按钮#限制上传数量#自定义上传样式API#Props#Methods#Slot#Events基础用法可以通过设置fileList参数(数组，元素为对象)，显示预置的图片。其中元素的url属性为图片路径exportdefault{data(){return{fileList1:[],}},methods:{//删除图片deletePic(event){thi
TechWhiz-晓同·2023-12-30 21:30

uniapp中uview组件库丰富的Calendar 日历用法

目录基本使用#日历模式#单个日期模式#多个日期模式#日期范围模式#自定义主题颜色#自定义文案#日期最大范围#是否显示农历#默认日期基本使用通过show绑定一个布尔变量用于打开或收起日历弹窗。通过mode参数指定选择日期模式，包含单选/多选/范围选择。打开exportdefault{data(){return{show:false,}}}#日历模式mode为single只能选择单个日期mode为mu
TechWhiz-晓同·2023-12-30 21:29

uniapp+uview开发企业微信应用的问题及解决记录

目录一、已解决问题1、uview的Tabs标签做顶部导航，样式错误2、列表滚动到底部，下拉刷新报错3、uniapp动态获取元素高度不能使用ref4、uniapp的在scroll-x模式下，ios显示异常
八岐大兔吼啦吼啦·2023-12-30 12:54

uniapp 用 uView 组件库中的u-picker 实现地区的 省-市-区 三级联动

组件的引入就不多赘述了直接看使用方法地址我是引入的json文件数据结构大概是这个样子例1例21,先做个按钮做弹窗显示区域{{local===''?'请选择区域所在地':local}}2.使用组件3,用到的变量importareasfrom'@/utils/areas.json'//引入原始数据exportdefault{data(){return{local:'',//区域localCode:''
a small tree·2023-12-30 12:23

uniapp+uview Select选择器数据绑定不是想要的问题

扫盲：value用于在回调时，区别选择了哪一个(针对开发者)，相当于键值对的_Keylabel用于展示在选择器中，供用户选择和查看(针对用户)，相当于键值对的_Value描述：在表单绑定中，如果后台传过来的数据是数字（也就是value），这个时候为了展示需要把数字转换成对应文字。解决思路：1、拿到数据时对其进行转换，转换成对应值（也就是label）2、在提交到接口前，在对其进行转换，变成后台想要的
我们都是柠檬精诶·2023-12-30 12:53

UniApp+Uview2

1.UniApp和Uview2的介绍在介绍UniApp和Uview2之前，我们先来了解一下Vue.js框架。
Hello, brother·2023-12-30 12:52

uniapp基于uview的动态表单处理方式以及验证方法（验证涉及map循环需要等待执行）

页面样式：（存在新增动态表单）代码：//主要体现在common-form组件的动态命名方法，formData指向本页的一个数组对象成员{{index+1}}0"@click="deleteIt(index)">删除//数据初始化data(){return{form:[{relationship:'2022-08-05',name:'1',company:'2321413341',vocation:
addU·2023-12-30 12:21

uniapp中的uview组件库丰富的Form 表单用法

目录基本使用#Form-item组件说明#验证规则#验证规则属性#uView自带验证规则#综合实战#校验错误提示方式#校验基本使用此组件一般是用于表单验证使用，每一个表单域由一个u-form-item组成
TechWhiz-晓同·2023-12-30 12:20

uniapp学习之路

uniapp学习之路1.下载HBuilderX2.下载uView初始框架3.开始学习1.更改页面背景色，渐变色1.下载HBuilderXhttps://www.dcloud.io/hbuilderx.html
liudehua_187·2023-12-30 11:20

uniapp中的uview组件库丰富的Keyboard 键盘 用法

目录基本使用#隐藏键盘"."符号#是否打乱按键的顺序#如何控制键盘的打开和关闭？#如何监听键盘按键被点击？API#Props#Events#Slot基本使用通过mode参数定义键盘的类型，show绑定一个值为布尔值的变量控制键盘的弹出与收起：mode=car(默认值)为汽车键盘，此时顶部工具条中间的提示文字为"车牌号键盘"mode=number为数字键盘，此时顶部工具条中间的提示文字为"数字键盘"
TechWhiz-晓同·2023-12-30 11:49

uniapp中uview组件库中的Badge 徽标数 使用

重申一次，uView中，所有组件的type参数都只有5个固定的可选值，分别是primary(蓝色-主色)，warning(黄色-警告)，error(红色-错误)，success(绿色-成功)，info(
TechWhiz-晓同·2023-12-30 04:08

uniapp中uview组件库丰富的LoadingIcon 加载动画

目录基本使用#动画文字#模式类型#排列类型#动画模式#动画运行时间#图标颜色#图标尺寸#显示或隐藏动画API#Props基本使用通过mode设定动画的类型，circle为圆圈的形状，flower为经典类似花朵的形状#动画文字text可以指定文字内容textSize可以指定文字大小#模式类型mode可以指定模式#排列类型vertical可以指定文字和图标是否垂直排列#动画模式timing-funct
TechWhiz-晓同·2023-12-29 22:03

uniapp中uview组件库丰富的tab标签

目录Tag标签基本使用#自定义主题#圆形标签#镂空标签#镂空带背景色#自定义尺寸#可关闭标签#带图片和图标#单选标签和多选标签Tag标签tag组件一般用于标记和选择，我们提供了更加丰富的表现形式，能够较全面的涵盖您的使用场景基本使用通过type参数设置主题类型，默认为primary属性text设置标签内容#自定义主题#圆形标签类似胶囊形状#镂空标签#镂空带背景色添加plainFill属性镂空带背景
TechWhiz-晓同·2023-12-29 20:43

uniapp引入uview组件库（非常好用）

1.uview组件库官网https://www.uviewui.com/2.uview组件库命令导入npminstalluview-ui@2.0.313.main.js全局配置importuViewfrom'uview-ui'Vue.use
爱池鱼的酱酱仔·2023-12-29 19:17

uniapp导入uView组件库

1.新建一个项目2.导入uview组件库uView2地址3.导入成功后再main.js中导入//导入uView组件importuViewfrom'@/uni_modules/uview-ui'Vue.use
森呼吸。·2023-12-29 19:17

uniapp中uview组件库的DatetimePicker 选择器的用法

目录基本使用#年月日#格式化#限制最大最小值API#Props#Events#Methods基本使用通过show绑定一个布尔值变量，用于控制组件的弹出与收起。通过mode配置选择何种日期格式。打开exportdefault{data(){return{show:false,value1:Number(newDate()),}}}#年月日此模式通过mode设置为date。打开exportdefaul
TechWhiz-晓同·2023-12-29 19:46

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