You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
47 lines
1.0 KiB
47 lines
1.0 KiB
const testComponents = { |
|
template: ` |
|
<div :style="[styleSizeName,styleName]" |
|
:class="className"> |
|
<div :style="styleChartName"> |
|
<h2>自定义组件</h2><br /> |
|
<h3>我是参数:{{dataParams}}</h3><br /> |
|
<h3>data:{{dataChart}}</h3><br /> |
|
<h3>params:{{dataAxios.config}}</h3><br /> |
|
</div> |
|
</div> |
|
`, |
|
name: 'test', |
|
props: { |
|
option: Object, |
|
component: Object |
|
}, |
|
computed: { |
|
styleName () { |
|
return { |
|
fontSize: this.fontSize, |
|
color: this.color |
|
} |
|
}, |
|
color () { |
|
return this.option.color || '#fff' |
|
}, |
|
fontSize () { |
|
return (this.option.fontSize || 30) + 'px' |
|
} |
|
} |
|
} |
|
|
|
const testOption = { |
|
template: ` |
|
<div> |
|
<el-form-item label="字体大小"> |
|
<avue-input-number v-model="main.activeOption.fontSize"></avue-input-number> |
|
</el-form-item> |
|
<el-form-item label="字体颜色"> |
|
<avue-input-color v-model="main.activeOption.color"></avue-input-color> |
|
</el-form-item> |
|
</div> |
|
`, |
|
name: 'test', |
|
inject: ["main"] |
|
}
|
|
|