fishsui2022 v0.1.2
myselfui
install
yarn add fishsui2022
import fishsui2022 from 'fishsui2022' import 'fishsui2022/lib/fishsui2022.css' Vue.use(fishsui2022)
使用
页面布局 myLayout
底部布局 myFooter
顶部标题栏 myNavBar
pageTitle: 标题文字 String 'title'
容器 myBox
boxIndex:左上角序号 Number || String 1,2,3,4 remove: 右上角是否展示删除按钮 Boolean true || false
日历 myCalender
isRadio: 是否支持单选 Boolean true || false defaultValue: 默认值 String || Array '2022-10-24' || '2022-10-24','2022-10-25'
选择 myChoose
all: 是否支持全选 Boolean true || false isRadio: 是否支持单选 Boolean true || false dataList:基础数据 Array {name:1,value:1} defaultValue:基础数据 Array {name:1,value:1}
底部弹窗 myDialog
hasMask: 是否展示遮罩 Boolean true || false title: 弹窗标题 String '弹窗' visible: 是否显示 Boolean true || false cancelTxt: 取消按钮文字描述 String '取消' confirmTxt: 确定按钮文字描述 String '确定'
对话弹窗 myModal
visible: 是否显示 Boolean true || false cancelTxt: 取消按钮文字描述 String '取消' confirmTxt: 确定按钮文字描述 String '确定'
错误提示 myError
errorTxt: 错误标题 String '暂无数据' errorInfo: 错误描述 String '数据库暂无相关数据' errorIcon: 错误图片样式 String 'success' || 'fail'
输入框 myInput
size: 输入框大小 String small || mini || large decimalLength: 数字截取小数点位数 Number || String 0 || '0' width: 输入框宽度 String '100%' uom: 输入框右侧显示的文字(单位) String '元' value: 默认值 String || Number 'abcd' || 1234 disabled: 是否禁用 Boolean true || false
搜索框 mySearch
placeholder:弱提示 String '请输入关键字' width: 输入框宽度 String '100%' value: 默认值 String || Number 'abcd' || 1234 hasScan: 是否支持搜索 Boolean true || false
下拉选择 mySelect
placeholder:弱提示 String '请选择' defaultValue: 默认值 String || Number 'abcd' || 1234 formatter: 日期选择时是否格式化 String 'YYYY-MM-dd' || 'MM-dd' ... classStyle: 选择框样式风格 String 'select' || 'select2' type: 选择类型 String 'date' || ''
步进器 myStepper
step: 步进值 String || Number '1' || 1 min: 支持的最小值 Number 0 max: 支持的最大值 Number 100 size: 步进器大小 String small||mini||large decimalLength: 小数点保留位数 Number 2 value: 默认值 Number 0 disabled: 是否禁用 Boolean true || false
Tab选项瞳 myTap
activeTab: 当前激活选项 String || Number 0 || '1' list: 选项 Array '商品清单', '流程跟踪' isShowBadge: 是否显示气泡 Boolean true || false numList: 气泡数值,下标与选项一一对应 Array 1,99