uview

使用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

uView Picker 选择器

此选择器用于单列，多列，多列联动的选择场景。#平台差异说明App（vue）App（nvue）H5小程序√√√√#基本使用通过show绑定一个布尔值变量，用于控制组件的弹出与收起。都通过传入数组columns配置选择项。打开exportdefault{data(){return{show:false,columns:[['中国','美国','日本']],}}}copy#多列模式与多列联动此模式通过传
破浪前进·2024-01-04 11:06

项目 引入 uView

安装npminstalluview-ui//或yarnadduview-uimain.js引入importVuefrom'vue';importuViewfrom'uview-ui';Vue.use(uView
大可-·2024-01-04 10:52

SpringBoot实现Websocket聊天交友微信小程序（一）

前端用的uniapp，UI框架用了uview1.0。准备在下一篇文章里面讲解一些前端组件的开发过程，并且开源前端源码
微笑偷走我的魂·2024-01-04 06:22

uView Upload 上传

该组件用于上传图片场景#平台差异说明App（vue）App（nvue）H5小程序√√√√#基础用法可以通过设置fileList参数(数组，元素为对象)，显示预置的图片。其中元素的url属性为图片路径exportdefault{data(){return{fileList1:[],}},methods:{//删除图片deletePic(event){this[`fileList${event.nam
破浪前进·2024-01-03 23:06

uView Code 验证码输入框

考虑到用户实际发送验证码的场景，可能是一个按钮，也可能是一段文字，提示语各有不同，所以本组件不提供界面显示，只提供提示语，由用户将提示语嵌入到具体的场景#平台差异说明App（vue）App（nvue）H5小程序√√√√#基本使用通过ref获取组件对象，再执行后面的操作，见下方示例。通过seconds设置需要倒计的秒数(默认60)通过ref调用组件内部的start方法，开始倒计时通过监听change
破浪前进·2024-01-03 23:06

uView NumberBox 步进器

该组件一般用于商城购物选择物品数量的场景注意：该输入框只能输入大于或等于0的整数#平台差异说明App（vue）App（nvue）H5小程序√√√√#基本使用通过v-model绑定value初始值，此值是双向绑定的，无需在回调中将返回的数值重新赋值给value。exportdefault{data(){return{value:0}},methods:{valChange(e){console.lo
破浪前进·2024-01-03 23:35

uView Form 表单

此组件一般用于表单场景，可以配置Input输入框，Select弹出框，进行表单验证等。注意：由于在nvue下，u-form名称被uni-app官方占用，在nvue页面中请使用u--form名称，在vue页面中使用u--form或者u-form均可。注意：需要兼容微信小程序，并且校验规则中含有方法等，只能通过setRules方法设置规则。如。onReady(){//onReady为uni-app支持
破浪前进·2024-01-03 23:33

手把手云开发小程序-(四)-uniclould增删改查业务开发

一，导入uView在开发小程序的时候，我习惯使用uView这个ui库。主要是直接用当然比自己写省时间。
笑道三千·2024-01-03 16:41

uniapp中uView的安装配置

安装npminstalluview-ui配置1.引入uView主JS库在项目根目录中的main.js中，引入并使用uView的JS库，注意这两行要放在importVue之后。
姜无忧·2024-01-03 14:56

uView的安装和配置

官网链接：介绍|uView2.0-全面兼容nvue的uni-app生态框架-uni-appUI框架uViewUI，是uni-app生态最优秀的UI框架，全面的组件和便捷的工具会让您信手拈来，如鱼得水https
小付-小付·2024-01-03 14:26

学习安装uView

uView介绍安装HbuilderX方式安装及配置NPM方式安装及配置官方文档介绍uView是uni-app生态专用的UI框架，uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码
晨风流云837·2024-01-03 14:26

安装 uView

uview新创建的项目里面并没有package.json文件官网这里也有说明输入npminit-y指令再输入安装指令在main.js文件配置importuViewfrom"uview-ui";Vue.use
我我在线睡觉·2024-01-03 14:25

移动端开发之安装uview

//1.安装sassnpmi--save-devsass说明：–save-dev自动将sass加入到项目文件夹下的package.json中。或者安装node-sass如果提示安装的版本不兼容，就把原来的版本卸载安装低版本的1、卸载：npmuninstallnode-sass2、卸载后安装4.0.0版本：[email protected]//2.安装sass-loadernpmi
Yriaf@2022·2024-01-03 14:25

npm 安装uview 报错

ERRORFailedtocompilewith1errorerrorin./src/App.vue?vue&type=style&index=0&lang=scss&SyntaxError:Error:NodeSassversion6.0.1isincompatiblewith^4.0.0.从报错内容上来看是因为node-sass的版本问题导致的报错的node-sass版本"node-sass"
inprivacy·2024-01-03 14:54

uview的安装（npm安装方式）

uView2.0-全面兼容nvue的uni-app生态框架-uni-appUI框架uViewUI，是uni-app生态最优秀的UI框架，全面的组件和便捷的工具会让您信手拈来，如鱼得水https://www.uviewui.com
不努力code·2024-01-03 14:52

HBuilder X安装配置uview记录

uview是什么？
super码力·2024-01-03 14:51

uView Tag 标签

tag组件一般用于标记和选择，我们提供了更加丰富的表现形式，能够较全面的涵盖您的使用场景#平台差异说明App（vue）App（nvue）H5小程序√√√√#基本使用通过type参数设置主题类型，默认为primary属性text设置标签内容copy#自定义主题copy#圆形标签类似胶囊形状copy#镂空标签copy#镂空带背景色添加plainFill属性镂空带背景色copy#自定义尺寸size属性为
破浪前进·2024-01-03 14:21

#uni-app项目配置# uView安装 UI框架

id=15932、导入插件：3、在HBuilderX里面进行引入插件第一步：在目录---main.js里，引入uView库复制下面的代码：//main.jsimportuViewf
Miraitowa_chole·2024-01-03 14:18

HBuilderX 安装使用uview

安装方式：npm步骤：1.安装uview2.引入uview库3.`App.vue`引入基础样式4.`uni.scss`引入全局scss变量文件5.
SdCarving·2024-01-03 14:48

uView安装

HbuilderX方式下载方式配置文档如果您是使用HbuilderX开发的用户，您可以在uni-app插件市场通过uni_modules的形式进行安装，此安装方式可以方便您后续在uni_modules对uView
破浪前进·2024-01-03 14:46

uView Badge 徽标数

重申一次，uView中，所有组件的type参数都只有5个固定的可选值，分别是primary(蓝色-主色)，warning(黄色-警告)，error(红色-错误)，success(绿色-成
破浪前进·2024-01-03 13:30

uView Button 按钮

该组件内部实现以uni-appbutton组件为基础，进行二次封装，主要区别在于：按钮type值有更多的主题颜色按钮size值有更多的尺寸可选注意此组件内部使用uni-appbutton组件为基础，除了开头中所说的增加的功能，另外暴露出来的props属性和官方组件的属性完全一致，uni-appbutton组件比较特殊，因为它有一些其他小程序平台的特定能力，请参考文档后面的参数列表，更详细说明请参u
破浪前进·2024-01-03 13:00

uView Layout 布局

通过基础的12分栏，迅速简便地创建布局注意如需实现类似宫格的布局，请使用uView的Grid宫格组件，可以设置角标，功能更完善和灵活#平台差异说明App（vue）App（nvue）H5小程序√√√√#基本使用通过
破浪前进·2024-01-03 13:00

uView Cell 单元格

cell单元格一般用于一组列表的情况，比如个人中心页，设置页等。#平台差异说明App（vue）App（nvue）H5小程序√√√√#基础功能该组件需要搭配cell-group使用，并由它实现列表组的上下边框，如不需要上下边框，配置cellGroup的border参数为false即可。通过title设置左侧标题，value设置右侧内容。通过icon字段设置图标，，或者图片链接(本地文件建议使用绝对地
破浪前进·2024-01-03 13:00

uView内置样式

说明uView组件功能的实现，并不依赖全局样式，内置的一些类名，只是提供一些基础且常用的样式，仅此而已。注意：请根据快速上手中的说明，引入uView提供的scss文件。
破浪前进·2024-01-03 13:30

uView注意事项

特别是各小程序平台，没有统一的标准，加重了开发者和企业的成本，幸好uni-app使用Vue标准，对各端进行了写法的统一，推动了生态的发展，但是由于某些小程序平台自身的原因，仍然会出现某些兼容性问题，我们会将制作uView
破浪前进·2024-01-03 13:59

uniapp中uview组件库的Input 输入框 的使用方法

目录#平台差异说明#基本使用#输入框的类型#可清空字符#下划线#前后图标#前后插槽API#Props#Events#Methods#Slots去除fixed、showWordLimit、showConfirmBar、disableDefaultPadding、autosize字段此组件为一个输入框，默认没有边框和样式，是专门为配合表单组件u-form而设计的，利用它可以快速实现表单验证，输入内容，
TechWhiz-晓同·2024-01-03 09:38

uniapp中uview组件丰富的Code 验证码输入框的使用方法

目录基本使用#自定义提示语#保持倒计时API#Props#Methods#Event基本使用通过ref获取组件对象，再执行后面的操作，见下方示例。通过seconds设置需要倒计的秒数(默认60)通过ref调用组件内部的start方法，开始倒计时通过监听change事件(从开始到结束之间，每秒触发一次)获得提示的文字，可能值如"获取验证码|12秒后重新获取|重新获取"，可以自定义注意：用户可能在倒计
TechWhiz-晓同·2024-01-03 09:35

uView Icon 图标

基于字体的图标集，包含了大多数常见场景的图标。#平台差异说明App（vue）App（nvue）H5小程序√√√√#基本使用注意因为在nvue下暂时无法解决自定义图标的问题，所以此功能暂缓推出。icon下载地址通过形式来调用，设置name参数为图标名即可。其中color默认为#606266，size默认为16pxcopy#修改图标的样式通过color参数修改图标的颜色通过size参数修改图标的大小，
破浪前进·2024-01-02 15:09
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他