group.vue 821 B

123456789101112131415161718192021222324252627282930313233
  1. <template>
  2. <div>
  3. <el-form-item label="图标">
  4. <avue-input-icon v-model="data.icon"
  5. :icon-list="iconList"
  6. placeholder="图标"></avue-input-icon>
  7. </el-form-item>
  8. <el-form-item label="开启折叠">
  9. <el-switch v-model="data.arrow"></el-switch>
  10. </el-form-item>
  11. <el-form-item label="默认展开"
  12. v-if="data.arrow">
  13. <el-switch v-model="data.collapse"></el-switch>
  14. </el-form-item>
  15. </div>
  16. </template>
  17. <script>
  18. export default {
  19. name: "config-group",
  20. props: ['data'],
  21. data() {
  22. return {
  23. iconList: [{
  24. label: 'element-ui',
  25. list: ['el-icon-info', 'el-icon-error', 'el-icon-success', 'el-icon-warning', 'el-icon-question']
  26. }]
  27. }
  28. }
  29. }
  30. </script>
  31. <style lang="scss" scoped>
  32. </style>