平安校园
Ви не можете вибрати більше 25 тем Теми мають розпочинатися з літери або цифри, можуть містити дефіси (-) і не повинні перевищувати 35 символів.
 
 
 
 
 
 

48 рядки
1.0 KiB

  1. const testComponents = {
  2. template: `
  3. <div :style="[styleSizeName,styleName]"
  4. :class="className">
  5. <div :style="styleChartName">
  6. <h2>自定义组件</h2><br />
  7. <h3>我是参数:{{option}}</h3><br />
  8. <h3>data:{{dataChart}}</h3><br />
  9. <h3>params:{{(dataAxios.config || {}).params}}</h3><br />
  10. </div>
  11. </div>
  12. `,
  13. name: 'test',
  14. props: {
  15. option: Object,
  16. component: Object
  17. },
  18. computed: {
  19. styleName () {
  20. return {
  21. fontSize: this.fontSize,
  22. color: this.color
  23. }
  24. },
  25. color () {
  26. return this.option.color || '#fff'
  27. },
  28. fontSize () {
  29. return (this.option.fontSize || 30) + 'px'
  30. }
  31. }
  32. }
  33. const testOption = {
  34. template: `
  35. <div>
  36. <el-form-item label="字体大小">
  37. <avue-input-number v-model="main.activeOption.fontSize"></avue-input-number>
  38. </el-form-item>
  39. <el-form-item label="字体颜色">
  40. <avue-input-color v-model="main.activeOption.color"></avue-input-color>
  41. </el-form-item>
  42. </div>
  43. `,
  44. name: 'test',
  45. inject: ["main"]
  46. }