建设中...,关于AttributeSelector的用法先列出源代码,后续要继续完善:
props | 示例图 |
---|---|
# 属性选择器 AttributeSelector v-model: (__必填__)目标类的属性名,string类型 - className:
| |
- dataTypes:
| |
示例: <!--- 在template的editbox中使用 ----> <ClassNameSelector v-model="args.classNameForAttr3"></ClassNameSelector> <AttributeSelector :class-name="args.classNameForAttr3" v-model="args.attr3"></AttributeSelector> <script> export default { data () { return { args: { classNameForAttr3: '', attr3: '' } } } } </script> |
ClassNameSelector:
props | 示例图 |
---|---|
# 类选择器 ClassNameSelector v-model: (__必填__)目标类的属性名,string类型 <ClassNameSelector v-model="args.clsname1"/> | |
示例: 提供一个带有标题的类选择器,用于选择一个类,选定的类名保存为组件的'args.clsname1'。标题名叫"目标类" <!--- 在template的editbox中使用 -----> <div> <p>目标类</p> <ClassNameSelector v-model="args.clsname1"/> </div> |
ImageSelector
props | 示例图 |
---|---|
# 图片选择器 ImageSelector props: | |
示例: <ImageSelector v-model="args.imageData"></ImageSelector> <script> export default { data () { return { args: { imageData: {imgOrigin: 'imgBase', back_picture: ''} } } } } </script> | 使用图片库时 |
ColorSelector
props | |
---|---|
# 颜色选择器 ColorSelector v-model: (__必填__)颜色值,是一个字符串,开启alpha时为"rgb(x, y, z, a)", 否则为 #rrggbb
| |
示例:- 提供一个颜色选择器,用于选择一个颜色。颜色值保存为组件的'args.color' <!-- 使用选中图片作为div的背景 --> <div :style="{'backgroundColor': args.color}" style="width: 500px; height: 400px;"></div> <!-- Editbox中 --> <ColorSelector v-model="args.color"></ColorSelector> |