运营端模板说明

templateReadme

template都是基于element-ui模板进行封装的 
一、搜索栏 temInput 
temInput是一个Array,里面包含多个对象 
暂且支持类型:text、select、date、daterange

{

label:'标题',//可选参数

type:'text',//类型 暂且支持text/select/data/daterange/autocomplete 类型同element一致

name:'name', //参数名称

value:'',//参数值,默认为空

placeholder:"请输入..." //可选参数,提示用语

}

注意:

type == select

参数属性多一个options

type == daterange

参数属性name:"startDate,endDate"

type === textMore

表示多个

{

type: "textMore",

label: "价格区间",

children: [

{

name: "projectMinprice",

placeholder: "请输入最小价格",

value: ""

},

{

name: "projectMaxprice",

placeholder: "请输入最大价格",

value: ""

}

]

},

type=== autocomplete //表示text可远程搜索

{

type: "autocomplete",

name: "classtreeName",

label: "搜索",

placeholder: "请输入产品编号",

restaurants: [

{ value: "三全鲜食(北新泾店)", address: "长宁区新渔路144号" },

],

value: ""

},

temInput的按钮操作

属性名称为btnArray:[]

{

type:'primary',//按钮类型,同element-ui的一致

id:'query',//操作的id id的类型query/search,add

label:"搜索",

url:"",//搜索的url暂且是定义的全局

}

当id == 'add',表示需要新增模板

需要添加属性

template:{

type: "json", //json类型暂且只支持json类型的

label: "编辑标题",

formLabelWidth: "6rem", //长度根据标题长度来,一个字一个rem

html:[],//具体详见模板二 input

};

type === cascader

value:[],

{

type: "cascader",

name: "classtreeName",

label: "产品分类",

showAllLevels:false,//可选参数,判断是否是取最后一集

placeholder: "请选择产品分类",

props: {

value: "value",

label: "label",

children: "children"

},

value: [],

}

例子:

temInput:[{

label: "标题",//自定义 title=>label

type: "text",//类型,暂且只支持text/select/date/daterange/button

name: "name",//参数名称

value: "",//值

placeholder: "请输入"//默认提示语,可选参数

},

{

label: "标题",//自定义

type: "select",//select类型包含options对象,参数label和value

name: "name",//参数名称

value: "",//值

placeholder: "请输入"//默认提示语,可选参数

props:{ //可选参数,正对select所需要的label和value

label:'name',

value:'code'

},

options:[

{

label:'',

value:''

}

]

},

{

type: "autocomplete",

name: "classtreeName",

label: "搜索",

placeholder: "请输入产品编号",

restaurants: [

{ value: "三全鲜食(北新泾店)", address: "长宁区新渔路144号" },

],

val

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值