输入框:
按钮
中国大陆
+86
当前输入内容: {{ text }}
输入框使用 l-input 标签;添加 title属性可以设置左侧的标题文字;添加 placeholder 属性可以设置无内容的占位文本;
标签内的 slot="suffix" 插槽可以放置后缀按钮、标签等
选择器:
当前选择: {{ select1 }}
当前选择: {{ select2.join(',') }}
当前选择: {{ select3.join(',') }}
选择器使用 l-select 标签;可选项请绑定为 range 属性,当前选定的值通过 v-model 绑定;
如果是两列、三列选择器,还需要额外添加 multiple 属性;title 属性是标题文字; 注意多列选择器的 range
是一个双层嵌套数组,而 v-model 是一个数组
日期/时间选择:
当前已选日期: {{ datePicker }}
当前已选时间: {{ timePicker }}
日期选择器使用 l-date-picker 标签;时间选择器使用 l-time-picker 标签; 两者都可以使用 title、placeholder
属性来设置标题、占位文字; 两者都有 start、end 属性来设置选择的起点和终点,注意是字符串格式
地区选择:
当前已选地区: {{ regionPicker.join(',') }}
地区选择器使用 l-region-picker 标签;当前仅微信小程序支持
开关:
当前开关状态: {{ switchValue }}
开关使用 l-switch 标签;添加 title 属性可以设置标题文本;
添加 color 属性可以设置颜色; 添加 radius 属性将变成圆角方形开关;添加 icon="sex" 属性将变为性别选择开关
单选框:
当前单选框状态: {{ radioValue }}
单选框使用 l-radio 标签,通过 title 属性绑定标题文字,通过 radioValue 属性绑定值;
同一组单选框,请绑定同一个变量作为它们的 v-model,因此无需使用 radio-group;
使用 color 属性设置颜色;添加 point 属性将单选框转为点状风格
复选框:
当前复选框状态: [{{ checkboxValue.join(',') }}]
复选框使用 l-checkbox 标签,它使用 checkboxValue 属性绑定选项的值; 请将同一组复选框绑定相同的变量作为
v-model,无需使用 checkbox-group; 使用 title 属性来设置标题文本;添加 round 属性转为圆形复选框;
使用 color 属性设置复选框颜色;
图片上传:
当前图片数量: {{ imgList.length }}
图片上传使用 l-upload 标签;属性 number 表示图片张数上限
多行文本:
当前输入内容: {{ textareaValue }}
多行文本使用 l-textarea 标签;使用 placeholder 属性来设置占位文本