update plugin list style

ly525
1 parent d9fd3464
Showing 4 changed files with 44 additions and 3 deletions
front-end/h5/src/components/core/editor/shortcuts-panel/index.js
front-end/h5/src/components/core/editor/shortcuts-panel/shortcut-button.js
front-end/h5/src/components/core/styles/index.scss
front-end/h5/src/mixins/load-plugins.js
@@ -93,6 +93,7 @@ export default {
                 clickFn={this.onClickShortcut.bind(this, plugin)}
                 title={plugin.title}
                 faIcon={plugin.icon}
+                disabled={plugin.disabled}
               />
             </a-col>
           ))
@@ -12,6 +12,10 @@ export default {
     clickFn: {
       required: false,
       type: Function
+    },
+    disabled: {
+      type: Boolean,
+      default: false
     }
   },
   render: (h, { props, listeners, slots }) => {
@@ -20,6 +24,7 @@ export default {
       <a-button
         class="shortcut-button"
         onClick={onClick}
+        disabled={props.disabled}
       >
         <i
           class={['shortcut-icon', 'fa', `fa-${props.faIcon}`]}
@@ -41,6 +41,10 @@
     flex-direction: column;
     color: #393e46;
     width: 100%;
+
+    &:disabled {
+      cursor: not-allowed;
+    }
     .shortcut-icon {
       padding: 4px;
       // display: block;
@@ -16,18 +16,42 @@ export const pluginsList = [
   },
   {
     title: '文字',
-    icon: 'font',
+    icon: 'text-width',
     component: LbpText,
     visible: true,
     name: LbpText.name
   },
   {
-    title: '按钮',
+    title: '普通按钮',
     icon: 'hand-pointer-o',
     component: LbpButton,
     visible: true,
     name: LbpButton.name
   },
+  {
+    title: '轮播图',
+    icon: 'photo',
+    component: LbpFormRadioGroup,
+    visible: true,
+    name: LbpFormRadioGroup.name,
+    disabled: true
+  },
+  {
+    title: '地图',
+    icon: 'map-o',
+    component: LbpFormRadioGroup,
+    visible: true,
+    name: LbpFormRadioGroup.name,
+    disabled: true
+  },
+  {
+    title: '视频',
+    icon: 'file-video-o',
+    component: LbpFormRadioGroup,
+    visible: true,
+    name: LbpFormRadioGroup.name,
+    disabled: true
+  },
   // {
   //   title: '视频',
   //   icon: 'play-circle-o',
@@ -58,7 +82,14 @@ export const pluginsList = [
   // },
   {
     title: '表单单选',
-    icon: 'hand-pointer-o',
+    icon: 'check-square-o',
+    component: LbpFormRadioGroup,
+    visible: true,
+    name: LbpFormRadioGroup.name
+  },
+  {
+    title: '表单单选',
+    icon: 'dot-circle-o',
     component: LbpFormRadioGroup,
     visible: true,
     name: LbpFormRadioGroup.name