此组件为一个输入框,默认没有边框和样式,是专门为配合表单组件u-form而设计的,利用它可以快速实现表单验证,输入内容,下拉选择等功能。 应该在u-form中嵌套u-form-item,再嵌套u-input去实现。 注意: 由于在nvue下,u-input名称被uni-app官方占用,在nvue页面中请使用u--input名称,在vue页面中使用u--input或者u...
<template><u--inputplaceholder="请输入内容"border="bottom"clearable></u--input></template> #前后图标 全后置图标可自由设置样式信息。 <template><u--inputplaceholder="前置图标"prefixIcon="search"prefixIconStyle="font-size: 22px;color: #909399"></u--input><u--inputplaceholder="后置图标"suffix...
<u-search:show-action="true"action-text="搜索":animation="true"></u-search> 自定义样式: 通过input-align设置输入框内容的对其方式,和 css 的text-align同理。 通过border-color设置整个搜索组件的边框,只要配置了颜色,才会出现边框。 通过height设置组件高度。 通过disabled设置是否禁用输入框。 通过bg-color...
17 changes: 9 additions & 8 deletions 17 uview-ui/components/u-message-input/u-message-input.vue Original file line numberDiff line numberDiff line change @@ -2,7 +2,8 @@ <view class="u-char-box"> <view class="u-char-flex"> <input :disabled="disabledKeyboard" :value="valueModel...
新增添加Upload上传组件控制右上角删除图标的样式参数,可以定义颜色,背景等 新增给NumberBox步进器组件添加disabled-input组件,控制输入框是否可输入内容 新增Icon图标组件新增label功能,支持右边和下方插入描述文字 新增添加搜索组件的maxlength参数 优化优化LazyLoad懒加载实现的方法 ...
uview-ui/components/u-message-input/u-message-input.vue Version: 8.1 kBPlain TextView Raw 1<template> 2<viewclass="u-char-box"> 3<viewclass="u-char-flex"> 4<input:disabled="disabledKeyboard":value="valueModel"type="number":focus="focus":maxlength="maxlength"class="u-input"@input="get...
147// 此处的this.value虽为props值,但是通过$emit('input')进行了修改 148this.startValue =this.format(this.value); 149// 标示当前的状态为开始触摸滑动 150this.status ='start'; 151}, 152onTouchMove(event) { 153if(this.disabled)return; ...
if (!this.openDisAbled(this.year, this.month, day)) { this.day = day; this.getYearWeek() } }, close () { // 修改通过v-model绑定的父组件变量的值为false,从而隐藏日历弹窗 this.$emit('input', false); }, getWeekText (date) { ...
border-color #e4e7ed # 背景颜色 这个颜色是uView推荐的背景色,目前内置组件中使用的场景不多。 bg-color #f3f4f6 # Input边框颜色 此颜色用于在u-input组件显示边框时的边框颜色。 form-item-border-color #dcdfe6 重置 下载主题文件 本站由 提供CDN及云存储服务 ...
()"ref="item1"><u--inputv-model="model1.userInfo.sex"disableddisabledColor="#ffffff"placeholder="请选择性别"border="none"></u--input><u-iconslot="right"name="arrow-right"></u-icon></u-form-item></u--form><u-action-sheet:show="showSex":actions="actions"title="请选择性别"...