前言：开发uniapp时，有些功能，使用UI库提供的更加方便和简单。所以我就搜索uniapp的UI库，根据网上和uniapp的插件市场，确定使用uviewUI库。 uniapp项目使用的vue2 -----> 对应 uView uniapp项目使用vue3 -----> 对应 uview-plus一、使用Album相册功能我用这个功能开发类似动态、朋友圈那种的列表。使用起来，目前存在一个问题是，我想实现的功能是，一排展示3张图片或2张图片时，图片的大小可以自定义。解决问题方式1：根据图片数量判断，设置multipleSize大小，但排列的方式会变得奇怪。解决问题方式2：通过rowCou
表单提交是很常见的功能,本文基于uniapp+uview2.0实现表单常见属性校验处理,使用到组件有u–form、Form-item，基本使用说明如下： u–form此组件一般是用于表单验证使用，每一个表单域由一个u-form-item组成，表单域中可以放置u-input、u-checkbox、u-radio、u-switch等。在表单组中，通过model参数绑定一个对象，这个对象的属性为各个u-form-item内组件的对应变量。由于表单验证和绑定表单规则时，需要通过ref操作，故这里需要给form组件声明ref="form1"属性。关于u-from-item内其他可能包含的诸
表单提交是很常见的功能,本文基于uniapp+uview2.0实现表单常见属性校验处理,使用到组件有u–form、Form-item，基本使用说明如下： u–form此组件一般是用于表单验证使用，每一个表单域由一个u-form-item组成，表单域中可以放置u-input、u-checkbox、u-radio、u-switch等。在表单组中，通过model参数绑定一个对象，这个对象的属性为各个u-form-item内组件的对应变量。由于表单验证和绑定表单规则时，需要通过ref操作，故这里需要给form组件声明ref="form1"属性。关于u-from-item内其他可能包含的诸
一.创建小程序1.使用Hbuilder创建小程序项目，模板选空。 二.安装Uview直接在uni-app插件市场通过uni_modules的形式进行安装，在uni-app插件市场右上角选择uni_modules版本下的使用HBuilderX导入插件，导入到对应的项目中即可地址：Uview2.0下载地址 三.配置Uview1.引入Uview在项目根目录中的main.js中，引入并使用uView的JS库，注意这两行要放在importVue之后。//main.jsimportuViewfrom'@/uni_modules/uview-ui'Vue.use(uView)2.在引入uView的全局SCS
一.创建小程序1.使用Hbuilder创建小程序项目，模板选空。 二.安装Uview直接在uni-app插件市场通过uni_modules的形式进行安装，在uni-app插件市场右上角选择uni_modules版本下的使用HBuilderX导入插件，导入到对应的项目中即可地址：Uview2.0下载地址 三.配置Uview1.引入Uview在项目根目录中的main.js中，引入并使用uView的JS库，注意这两行要放在importVue之后。//main.jsimportuViewfrom'@/uni_modules/uview-ui'Vue.use(uView)2.在引入uView的全局SCS
声明：关于uniapp插件uview表单动态校验的一个解决方案1.uview小程序必须用//如果需要兼容微信小程序，并且校验规则中含有方法等，只能通过setRules方法设置规则 this.$refs.form1.setRules(this.rules) 2.动态使用，v-for需要放在u-form下的view下面 3.绑定的校验规则rules和表单model下面放置一个同名数组，确保u-form能找到 form:{ dynamicAry:[], }, myrules:{ dynamicAry:[] }, guigerules:{ name
声明：关于uniapp插件uview表单动态校验的一个解决方案1.uview小程序必须用//如果需要兼容微信小程序，并且校验规则中含有方法等，只能通过setRules方法设置规则 this.$refs.form1.setRules(this.rules) 2.动态使用，v-for需要放在u-form下的view下面 3.绑定的校验规则rules和表单model下面放置一个同名数组，确保u-form能找到 form:{ dynamicAry:[], }, myrules:{ dynamicAry:[] }, guigerules:{ name
原因：首先不论是自定义组件还是ui组件，本质上的原因都是微信小程序默认的组件隔离策略导致的。微信小程序组件隔离文档参考下面根据不同情况的解决方法：1.在原有class上修改样式比如我在uviewradio单选组件的原有class（.u-radio），修改样式出现不生效的情况.u-radio{ margin-right:25px; }解决：加上::v-deep即可::v-deep.u-radio{ margin-right:25px; }2.增加class比如我在uviewradio单选组件加了一个新的class(myClass)出现不生效的情况.myClass{ margin-right
原因：首先不论是自定义组件还是ui组件，本质上的原因都是微信小程序默认的组件隔离策略导致的。微信小程序组件隔离文档参考下面根据不同情况的解决方法：1.在原有class上修改样式比如我在uviewradio单选组件的原有class（.u-radio），修改样式出现不生效的情况.u-radio{ margin-right:25px; }解决：加上::v-deep即可::v-deep.u-radio{ margin-right:25px; }2.增加class比如我在uviewradio单选组件加了一个新的class(myClass)出现不生效的情况.myClass{ margin-right
先看效果引言我的软件需要后续隐藏导航栏等功能，在开发过程中逐渐意识到uni-app原生的tabbar可能不能满足个人的开发要求，而且uView的兼容性是所有非原生组件库中最好的，所以我以uView的tabbar组件作为基础进行自定义修改安装uni-app怎么引入uView很多人都写过，可以参照uView的官网uView官网-如何安装uView我是使用Hbuilder插件的方式引入的组件库，之后的配置参考了这篇文章uni-app中引入uViewUI框架有需要的可以自行学习，在这里不占用篇幅了隐藏原生tabbar当上述内容配置好之后，就可以使用uView的组件啦，要想使用自定义tabbar，首先需
