uview

HbuilderX使用Uniapp+Vue3安装uview-plus

如果你是vue2版本想使用uniapp去配置uviewui库可以参考之前的文章uView系列——使用教程小程序的第三方ui库推荐较多的还是uview的，看起来比较美观，功能也比较完善，下面将提一下Vue3
Southern Wind·2024-01-11 12:25

微信小程序的map的使用

使用了uview组件。
?Givenchy·2024-01-11 06:15

微信小程序使用uview校验规则没有用的解决办法

最近项目中用到了uview在做表单时用到了校验，发现校验不友好的结果·，具体见文档uview这里有对表单的详解，验证您当前已完成注册和身份认证！！！
?Givenchy·2024-01-11 06:15

uniapp中uview组件库丰富的Table 表格的使用方法

目录#平台差异说明#基本使用#兼容性#API#TableProps#TdProps#ThProps表格组件一般用于展示大量结构化数据的场景#平台差异说明AppH5微信小程序支付宝小程序百度小程序头条小程序QQ小程序√√√√√√√#基本使用本组件标签类似HTML的table表格，由table、tr、th、td四个组件组成table组件裹在最外层，可以配置一些基础参数tr组件用于显示"行"数据th组件
TechWhiz-晓同·2024-01-10 08:16

uni小程序 uview 1.8.8自定义tabBar

官网;安装|uView-多平台快速开发的UI框架-uni-appUI框架(uviewui.com)先创建一个components文件，里面放置TabBar-TabBar.vue-->exportdefault
蜕变菜鸟·2024-01-10 08:45

uni使用uview自定义导航栏

在page.json设置"pages":[//navbar-自定义导航栏{"path":"/pages/navbar/index","style":{"navigationStyle":"custom",//隐藏系统导航栏"navigationBarTextStyle":"white"//状态栏字体为白色，只能为white-白色，black-黑色二选一}}]data:(){//顶部导航栏navba
蜕变菜鸟·2024-01-10 08:44

uniapp中uview组件库中丰富的LineProgress 线形进度条 的使用方法

目录平台差异说明#基本使用#设置进度条动画效果#设置进度条内部显示百分比值#修改进度条的样式#API#Props#Slots平台差异说明AppH5微信小程序支付宝小程序百度小程序头条小程序QQ小程序√√√√√√√#基本使用通过percent设置当前的进度值，该值区间为0-100.通过active-color设置进度条的颜色，也可以直接设置type主题颜色(优先起作用)，使用预置值#设置进度条动画效
TechWhiz-晓同·2024-01-10 08:09

uniapp中picker-view 封装时，分，秒选择组件

前言：因为工作中要用到精确到秒的时间组件，uniapp的组件和uview组件都不太合适，所以自己用picker-view封装一个，写的比较粗糙，有不对的地方请提出来，方便改正，谢谢额。
Lzs、uncle·2024-01-09 23:48

uniapp自定义封装只有时分秒的组件，时分秒范围选择

说实话，uniapp和uview的关于只有时分秒的组件实在是不行。全是日历，但是实际根本就不需要日历这玩意。百度了下，终于看到了一个只有时分秒的组件。
全栈科学家·2024-01-09 23:17

vue3+uniapp+TS+Vite+uView-plus（uniapp-nutui）微信小程序模板搭建

官网下载目录结构：DCloud/uni-preset-vue-码云-开源中国(gitee.com)下载zip压缩包即可目录一.依赖下载二.运行三.vite.config.json文件修改四.uView-plus
程序猿online·2024-01-09 19:15

uview 中u-tabs如何做tab切换？

先看案例如图所示话不多说上代码：1122exportdefault{data(){return{//list:[{name:"额度恢复记录",},{name:"还款记录",},],//默认展开第几项current:0,};},methods:{change(index){this.current=index;//如报错则用this.current=index.index;代替上面这句},},};
王工丶要专注·2024-01-09 10:54

“hasInjectionContext“ is not exported by “node_modules/vue-demi/lib/index.mjs“, imported by “node_mo

使用uniapp开发的微信小程序，技术栈使用的vue3+ts+uview-plus+pinia开发的，环境安装依赖没有问题，但是启动的时候报错："hasInjectionContext"isnotexportedby"node_modules
1024小神·2024-01-08 08:53

likeadmin项目uniapp端u-upload支持图片和视频上传

一、优化vk-uview-ui的upload组件1、修改limitType，支持视频扩展limitType:{type:Array,default(){//支付宝小程序真机选择图片的后缀为"image"
琉璃仙味·2024-01-08 07:43

uniapp动态设置Tabbar

实现原理舍弃uniapp原生的tabbar，使用uView插件下的u-tabbar导航插件来实现。
_Legend_King·2024-01-08 01:58

uview 弹出框放表单 验证失效_内容可自定义的弹出框 – CXAlertView

CXAlertView可以添加视图作为主要内容的自定义弹出框。示例在ios5和6中显示ios7样式弹出.不像iOS6以下版本，iOS7无自定义，你无法在其中改变。这个弹出框可以实现在iOS7的弹出框中添加视图。多种弹出文本和按钮标题.全自定义弹出视图，带有通用字体颜色，半径。安装CocoaPodsaddpod‘CXAlertView’如何使用//Create-(id)initWithTitle:(
weixin_39607474·2024-01-07 21:45

uview 弹出框放表单 验证失效_基于vue2.0前端组件库element中 el-form表单 自定义验证填坑...

我在平时使用过程中，遇到的问题。自定义表单验证出坑:1.validate/resetFields未定义。原因：1：要验证的DOM，还没有加载出来。2：有可能this.$refs[ruleForm].validate()方式不识别。需要使用:this.$refs.ruleForm.validate();这种方式，不是你们想要的结果。解决方法1：要验证的DOM，还没有加载出来。this.ticketD
weixin_39767386·2024-01-07 21:45

uni-app运行环境判断、uView组件库、跨域问题、首页骨架屏

一、uniapp路由uni-app页面路由为框架统一管理，开发者需要在pages.json里配置每个路由页面的路径及页面样式。类似小程序在app.json中配置页面路由一样。所以uni-app的路由用法与VueRouter不同，如仍希望采用VueRouter方式管理路由，可在插件市场搜索Vue-Router。​uni-app有两种页面路由跳转方式：使用navigator组件跳转、调用API跳转。语
爱敲代码的狼仔·2024-01-07 20:40

uView Alert 警告提示

警告提示，展现需要关注的信息。#使用场景当某个页面需要向用户显示警告的信息时。非浮层的静态展现形式，始终展现，不会自动消失，用户可以点击关闭。#平台差异说明App（vue）App（nvue）H5小程序√√√√#基本使用通过title和description设置组件的标题和描述内容通过type设置主题类型，有primary,success,error,warning,info可选值通过effect设
破浪前进·2024-01-07 20:39

uView Alert 提示

用于页面中展示重要的提示信息。基础用法#Alert组件不属于浮层元素，不会自动消失或关闭。Alert组件提供四种类型，由type属性指定，默认值为info。successalertinfoalertwarningalerterroralert主题#Alert组件提供了两个不同的主题：light和dark。通过设置effect属性来改变主题，默认为light。successalertinfoaler
破浪前进·2024-01-07 20:03

uView ReadMore 展开阅读更多

该组件一般用于内容较长，预先收起一部分，点击展开全部内容的场景。#平台差异说明App（vue）App（nvue）H5小程序√√√√#基本使用通过slot传入正文内容exportdefault{data(){return{//这是一段很长的文字，也可能包含有HTML标签等内容content:`山不在高，有仙则名。水不在深，有龙则灵。斯是陋室，惟吾德馨。苔痕上阶绿，草色入帘青。谈笑有鸿儒，往来无白丁。
破浪前进·2024-01-07 20:38

uView LoadMore 加载更多

此组件一般用于标识页面底部加载数据时的状态，共有三种状态：加载前，显示"加载更多"，加入点击可选，是因为数据不够一页时，无法触发页面的onReachBottom生命周期加载中，显示"正在加载..."，2种动画可选加载后，如果还有数据，回到"加载前"状态，否则加载结束，显示"没有更多了"#平台差异说明App（vue）App（nvue）H5小程序√√√√#基本使用通过status设置组件的状态，加载前
破浪前进·2024-01-07 20:08

uView CodeInput 验证码输入

该组件一般用于验证用户短信验证码的场景，也可以结合uView的键盘组件使用#平台差异说明App（vue）App（nvue）H5小程序√√√√#基本使用通过mode参数模式，可取如下值：box(默认)-输入位置位一个方框
破浪前进·2024-01-07 20:07

uView Tabbar 底部导航栏

优点：此组件提供了自定义tabbar的能力，具有如下特点：图标可以使用字体图标(内置图标和扩展图标)或者图片可以动态切换菜单的数量以及配置切换菜单之前，可以进行回调鉴权可以设置角标或数字化提示有效防止组件区域高度塌陷，无需给父元素额外的内边距或者外边距来避开导航的区域#平台差异说明App（vue）App（nvue）H5小程序√√√√#基本使用推荐您使用list数组遍历循环，案例使用基础方式构建，请
破浪前进·2024-01-07 20:07

uView Calendar 日历

此组件用于单个选择日期，范围选择日期等，日历被包裹在底部弹起的容器中。注意：此组件与Picker选择器的日期选择模式有一定的重合之处，区别在于本组件为更专业的日期选择场景，能选择日期范围等。另外Picker组件的日期模式可以配置更多的参数，如时、分、秒等，可以根据不同的使用场景进行选择。#平台差异说明App（vue）App（nvue）H5小程序√√√√#基本使用通过show绑定一个布尔变量用于打开
破浪前进·2024-01-07 13:57

uView Steps 步骤条

该组件一般用于完成一个任务要分几个步骤，标识目前处于第几步的场景。#平台差异说明App（vue）App（nvue）H5小程序√√√√#基本使用说明由于安卓nvue下，overflow属性不支持visible值，故此组件暂不支持安卓nvue环境。通过current参数标识目前处于第几步，从0开始copy#错误状态如果设置u-steps-item的error参数为true的话，当前步骤将会为“失败”的
破浪前进·2024-01-07 06:26

uView Tabs 标签

该组件，是一个tabs标签组件，在标签多的时候，可以配置为左右滑动，标签少的时候，可以禁止滑动。该组件的一个特点是配置为滚动模式时，激活的tab会自动移动到组件的中间位置。#平台差异说明App（vue）App（nvue）H5小程序√√√√#基本使用通过设置scrollable(默认为true)，配置tabs组件的内容是否可以左右拖动，一般4个标签以下时，无需拖动，设置为false，5个标签以上，建
破浪前进·2024-01-07 06:25

uView Subsection 分段器

该分段器一般用于用户从几个选项中选择某一个的场景#平台差异说明App（vue）App（nvue）H5小程序√√√√#基本使用通过list数组参数传递分段的选项，数组元素可为字符串，或者通过keyName参数传入对象(默认为name)通过current指定初始化时激活的选项exportdefault{data(){return{list:['未付款','待评价','已付款'],//或者如下，也可以配
破浪前进·2024-01-07 06:25

uView IndexList 索引列表

通过折叠面板收纳内容区域#平台差异说明App（vue）App（nvue）H5小程序√√√√#基本使用外层包裹一个index-list组件，锚点通过index-anchor组件传入，自定义列表内容通过index-item嵌套使用nvue需要将index-anchor写在index-item的外部非nvue需要将index-anchor嵌套在index-item的内部可以通过index-list参数自
破浪前进·2024-01-07 06:50

uniapp中uview组件库CircleProgress 圆形进度条丰富的使用方法

目录#内部实现#平台差异说明#基本使用#设置圆环的动画时间#API#Props展示操作或任务的当前进度，比如上传文件，是一个圆形的进度环。#内部实现组件内部通过canvas实现，有更好的性能和通用性。#平台差异说明AppH5微信小程序支付宝小程序百度小程序头条小程序QQ小程序√√√√√√√#基本使用通过percent设置当前的进度值，该值区间为0-100通过active-color设置圆环的颜色，
TechWhiz-晓同·2024-01-07 04:11

使用uView开发，页面跳转传递参数以及在下一个页面接收参数的方法

使用uView开发，页面跳转传递参数以及在下一个页面接收参数的方法1、跳转及传参onTapCell(){uni.navigateTo({url:'/pages/files?
方方方DG·2024-01-06 14:40

uView SwipeAction 滑动单元格

该组件一般用于左滑唤出操作菜单的场景，用的最多的是左滑删除操作。注意如果把该组件通过v-for用于左滑删除的列表，请保证循环的:key是一个唯一值，可以用数据的id或者title替代。不能是数组循环的index，否则删除的时候，可能会出现数据错乱#平台差异说明App（vue）App（nvue）H5小程序√√√√#基本使用通过slot传入内部内容即可，可以将v-for的"index"索引值传递给in
破浪前进·2024-01-06 08:40

uni-app uView 滚动公告

y-center的css值就是.x-center{display:flex;align-items:center;}我给放在App.vue底下了。公告<u-notice-barmode="vertical":list="noticeContentList"color="#3C3C3C"bg-color="#FFF":volume-icon="false"@click="
.悄.·2024-01-06 07:20

uView的NoticeBar 滚动通知自带的bug之获取不到click的索引

实际业务需求：让通知栏竖向滚动，需要设置direction="column"属性，点击每一项滚动项跳转到对应的详情页因为是竖向滚动所以改动其u-column-notice的源码部分：1.首先找到本地的uView
KeepThinkig·2024-01-06 07:47

uView NoticeBar 滚动通知

该组件用于滚动通告场景，有多种模式可供选择#平台差异说明App（vue）App（nvue）H5小程序√√√√#基本使用通过text参数设置需要滚动的内容exportdefault{data(){return{text1:'uViewUI众多组件覆盖开发过程的各个需求，组件功能丰富，多端兼容。让您快速集成，开箱即用'}}}copy#可关闭通过mode配置为closable让右侧显示关闭按钮expor
破浪前进·2024-01-06 07:42

uView ScrollList 横向滚动列表

）App（nvue）H5小程序√√√√#基本使用通过slot传入内容exportdefault{data(){return{list:[{thumb:"https://cdn.uviewui.com/uview
破浪前进·2024-01-06 05:09

uView Line 线条

此组件一般用于显示一根线条，用于分隔内容块，有横向和竖向两种模式，且能设置0.5px线条，使用也很简单。#平台差异说明App（vue）App（nvue）H5小程序√√√√#基本使用组件内部有预置的参数，直接使用即可，有如下几个参数需要了解：color为线条的颜色direction为线条的方向，默认为横向length参数需要特别留意，它需要带上单位，比如设置为"50%"，"500rpx"等，在线条为
破浪前进·2024-01-06 05:09

uView Overlay 遮罩层

创建一个遮罩层，用于强调特定的页面元素，并阻止用户对遮罩下层的内容进行操作，一般用于弹窗场景#平台差异说明App（vue）App（nvue）H5小程序√√√√#基本使用通过show参数配置是否显示遮罩遮罩被点击时，会发送一个click事件，如不需要此事件，请设置mask-click-able参数为falseexportdefault{data(){return{show:true}}}copy#嵌
破浪前进·2024-01-06 05:09

uView Textarea 文本域

文本域此组件满足了可能出现的表单信息补充，编辑等实际逻辑的功能，内置了字数校验等注意：由于在nvue下，u-textarea名称被uni-app官方占用，在nvue页面中请使用u--textarea名称，在vue页面中使用u--textarea或者u-textarea均可。#平台差异说明App（vue）App（nvue）H5小程序√√√√#基本使用exportdefault{data(){retu
破浪前进·2024-01-06 05:38

【vue/uniapp】使用 uni.chooseImage 和 uni.uploadFile 实现图片上传（包含样式，可以解决手机上无法上传的问题）

引入：之前写过一篇关于uview1.x版本上传照片的文章，但是发现如果是在微信小程序的项目中嵌入h5的模块，这个h5的项目使用u-upload的话，图片上传功能在电脑上正常，但是在手机的小程序上测试就不会生效
花间半盘棋·2024-01-05 14:34

uView Tooltip 长按提示

Tooltip组件主要用于长按操作，类似微信的长按气泡#平台差异说明App（vue）App（nvue）H5小程序√√√√#基本使用.说明由于安卓nvue下，overflow属性不支持visible值，故此组件暂不支持安卓nvue环境。copy#下方显示copy#扩展按钮copy#高亮选中文本背景色
破浪前进·2024-01-05 09:25

uView ActionSheet 操作菜单

本组件用于从底部弹出一个操作菜单，供用户选择并返回结果。本组件功能类似于uni的uni.showActionSheetAPI，配置更加灵活，所有平台都表现一致。#平台差异说明App（vue）App（nvue）H5小程序√√√√#基本使用通过title(设置标题)，cancelText(取消按钮的文字，不为空时显示按钮)，description(选项上方的描述信息)通过actions设置需要显示的菜
破浪前进·2024-01-05 09:25

uView CountTo 数字滚动

该组件一般用于需要滚动数字到某一个值的场景，目标要求是一个递增的值。注意如果给组件的父元素设置text-align:center想让数字水平居中，可能是由于元素内容快速变化而导致渲染的问题，在APP上组件可能会有轻微的左右抖动现象，解决办法是给父元素设置padding-left或者margin-left即可。#平台差异说明App（vue）App（nvue）H5小程序√√√√#基本使用通过start
破浪前进·2024-01-05 08:49

uniapp中uview组件库丰富的Slider 滑动选择器的使用方法

目录#平台差异说明#基本使用#设置最大和最小值#设置步进值#禁用状态#自定义按钮的内容和样式#自定义滑动选择器整体的样式#此页面源代码地址#API#Props#SliderEvents该组件一般用于表单中，手动选择一个区间范围的场景。说明该组件在H5，微信小程序和APP-VUE等平台上使用了WXS技术，在NVUE平台使用了BindingX技术，故在滑动过程中可以获得细腻流畅的跟随效果。#平台差异说
TechWhiz-晓同·2024-01-05 08:53

uView List 列表

该组件为高性能列表组件#平台差异说明App（vue）App（nvue）H5小程序√√√√#基本使用配合组件u-list-item嵌套使用参数show-scrollbar是否出现滚动条仅在nvue中有效事件@scrolltolower滚动到底部触发事件exportdefault{data(){return{indexList:[],urls:['https://cdn.uviewui.com/uvi
破浪前进·2024-01-05 01:54

uView LineProgress 线形进度条

展示操作或任务的当前进度，比如上传文件，是一个线形的进度条。#平台差异说明App（vue）App（nvue）H5小程序√√√√#基本使用通过percentage设置当前的进度值，该值区间为0-100.通过activeColor设置进度条的颜色copy#不显示百分比不显示百分比值信息show-text参数配置是否显示进度条内百分值copy#自定义高度height进度条高度copy#自定义样式(不支持
破浪前进·2024-01-05 01:54

uView CountDown 倒计时

该组件一般使用于某个活动的截止时间上，通过数字的变化，给用户明确的时间感受，提示用户进行某一个行为操作。#平台差异说明App（vue）App（nvue）H5小程序√√√√#基本使用通过time参数设置倒计时间，单位为mscopy#自定义格式说明：通过绑定change回调的值，进行自定义格式{{timeData.days}} 天{{timeData.hours>10?timeData.ho
破浪前进·2024-01-05 01:54

uView Keyboard 键盘

此为uView自定义的键盘面板，内含了数字键盘，车牌号键，身份证号键盘3种模式，都有可以打乱按键顺序的选项。
破浪前进·2024-01-05 01:20

uniapp uview实现u-popup左侧弹起时铺满屏幕

效果如图:代码如下:XXXXXXX内容xxxxx使用了mode=“left”，表示弹窗从左侧窗口弹出默认左侧弹出距离右侧是有一定距离的。现在业务需求需要将弹窗铺满屏幕，文档中找了很久都没这个属性只能去改css样式！！样式如下：.u-popup.u-slide-left-enter-active{right:0;}/deep/.u-popup.u-slide-left-enter-active
高桥留·2024-01-04 19:10

uniapp-uView在离线状态下无法显示icon图标的问题

1、修改uview-ui下的u-icon.vue配置文件，一般目录在uni_modules\uview-ui\components\u-icon\u-icon.vue2、源文件引入的是阿里巴巴的iconhttps
洱海之月·2024-01-04 17:08

uView DatetimePicker 选择器

此选择器用于时间日期#平台差异说明App（vue）App（nvue）H5小程序√√√√#基本使用通过show绑定一个布尔值变量，用于控制组件的弹出与收起。通过mode配置选择何种日期格式。打开exportdefault{data(){return{show:false,value1:Number(newDate()),}}}copy#年月日此模式通过mode设置为date。打开exportdefa
破浪前进·2024-01-04 11:40
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他