状态修改

src/components/EditPanel.vue

@@ -4,25 +4,29 @@
       <div class="tab" @click="function () { panelTabState = 0 }">
         <div v-show="panelState === 11 || panelState === 14" class="selected-tab"
           :class="{ active: panelTabState === 0 }">
-          <img style="width:12px; height:15px; vertical-align: middle" src="../assets/images/tab-selected-icon.png"
+          <img style="width:12px; height:15px; vertical-align: middle"
+            :src="panelTabState === 0?'http://yun-image.elab-plus.com/images/dyb/tab-selected-txt.png':'http://yun-image.elab-plus.com/images/dyb/tab-unselected-txt.png'"
             alt="">
           <span class="tab-text">文本</span>
         </div>
         <div v-show="panelState === 12 || panelState === 13" class="selected-tab"
           :class="{ active: panelTabState === 0 }">
-          <img style="width:12px; height:15px; vertical-align: middle" src="../assets/images/tab-selected-icon.png"
+          <img style="width:12px; height:15px; vertical-align: middle"
+            :src="panelTabState === 0?'http://yun-image.elab-plus.com/images/dyb/tab-selected-element.png':'http://yun-image.elab-plus.com/images/dyb/tab-unselected-element.png'"
             alt="">
           <span class="tab-text">元素</span>
         </div>
         <div v-show="panelState === 15" class="selected-tab" :class="{ active: panelTabState === 0 }">
-          <img style="width:12px; height:15px; vertical-align: middle" src="../assets/images/tab-selected-icon.png"
+          <img style="width:12px; height:15px; vertical-align: middle"
+            :src="panelTabState === 0?'http://yun-image.elab-plus.com/images/dyb/tab-selected-txt.png':'http://yun-image.elab-plus.com/images/dyb/tab-unselected-txt.png'"
             alt="">
           <span class="tab-text">按钮</span>
         </div>
       </div>
       <div class="tab" @click="function () { panelTabState = 1 }">
         <div class="selected-tab" :class="{ active: panelTabState === 1 }">
-          <img style="width:14px; height:14px; vertical-align: middle" src="../assets/images/property-selected-icon.png"
+          <img style="width:14px; height:14px; vertical-align: middle"
+            :src="panelTabState === 1?'http://yun-image.elab-plus.com/images/dyb/tab-selected-property.png':'http://yun-image.elab-plus.com/images/dyb/tab-unselected-property.png'"
             alt="">
           <span class="tab-text">属性动作</span>
         </div>
@@ -216,8 +220,7 @@
 
         </div>
 
-        <div style="text-align: center;border-bottom: #E2E4EE solid 1px;padding-top: 12px;padding-bottom: 12px;"
-          v-show="panelState!=15">
+        <div style="text-align: center;border-bottom: #E2E4EE solid 1px;padding-top: 12px;padding-bottom: 12px;">
           <div style="width:100%; display: flex;flex-direction: row">
             <div
               style="display: inline-flex; overflow: hidden;cursor: pointer;width:50%;justify-content: left; margin-left: 20px;">
@@ -363,7 +366,8 @@
             <div title="左对齐"
               :style="{'font-size': '12px','letter-spacing': 0, 'word-break':'keep-all','text-align':'center','width':'100%', 'background': element.left=='0'? 'white':''}"
               @click="element.left = '0';">
-              <img style="width: 44px; height:24px;" :src="element.left=='0'?'http://yun-image.elab-plus.com/images/dyb/icon_left_active.png':'http://yun-image.elab-plus.com/images/dyb/icon_left.png'" />
+              <img style="width: 44px; height:24px;"
+                :src="element.left=='0'?'http://yun-image.elab-plus.com/images/dyb/icon_left_active.png':'http://yun-image.elab-plus.com/images/dyb/icon_left.png'" />
             </div>
 
           </div>
@@ -371,7 +375,8 @@
             @click="element.left = 375-element.width/2;">
             <div
               :style="{'font-size': '12px','letter-spacing': 0, 'word-break':'keep-all','text-align':'center','width':'100%', 'background': element.left==375-element.width/2? 'white':''}">
-              <img style="width: 44px; height:24px;" :src="element.left==375-element.width/2?'http://yun-image.elab-plus.com/images/dyb/icon_center_active.png':'http://yun-image.elab-plus.com/images/dyb/icon_center.png'" />
+              <img style="width: 44px; height:24px;"
+                :src="element.left==375-element.width/2?'http://yun-image.elab-plus.com/images/dyb/icon_center_active.png':'http://yun-image.elab-plus.com/images/dyb/icon_center.png'" />
             </div>
 
           </div>
@@ -379,7 +384,8 @@
             @click="element.left = 750-element.width;">
             <div
               :style="{'font-size': '12px','letter-spacing': 0, 'word-break':'keep-all','text-align':'center','width':'100%', 'background': element.left==750-element.width? 'white':''}">
-              <img style="width: 44px; height:24px;" :src="element.left==750-element.width?'http://yun-image.elab-plus.com/images/dyb/icon_left_active.png':'http://yun-image.elab-plus.com/images/dyb/icon_left.png'" />
+              <img style="width: 44px; height:24px;"
+                :src="element.left==750-element.width?'http://yun-image.elab-plus.com/images/dyb/icon_left_active.png':'http://yun-image.elab-plus.com/images/dyb/icon_left.png'" />
             </div>
           </div>
         </div>