选中状体修改

src/components/EditPanel.vue

@@ -163,7 +163,7 @@
               <div
                 :style="{'font-size': '12px','letter-spacing': 0, 'word-break':'keep-all','width':'100%', 'background': element.textAlign=='left'? 'white':''}">
                 <img style="width:62px;height:24px;"
-                  src="http://yun-image.elab-plus.com/images/dyb/icon_text_left.png" />
+                  :src="element.textAlign=='left'?'http://yun-image.elab-plus.com/images/dyb/icon_text_left_active.png':'http://yun-image.elab-plus.com/images/dyb/icon_text_left.png'" />
               </div>
             </div>
             <div style="display: inline-flex; overflow: hidden;width: 30%; cursor: pointer;" title="居中"
@@ -171,7 +171,7 @@
               <div
                 :style="{'font-size': '12px','letter-spacing': 0, 'word-break':'keep-all','width':'100%', 'background': element.textAlign=='center'? 'white':''}">
                 <img style="width:62px;height:24px;"
-                  src="http://yun-image.elab-plus.com/images/dyb/icon_text_centered.png" />
+                  :src="element.textAlign=='center'? 'http://yun-image.elab-plus.com/images/dyb/icon_text_centered_active.png':'http://yun-image.elab-plus.com/images/dyb/icon_text_centered.png'" />
               </div>
 
             </div>
@@ -180,7 +180,7 @@
               <div
                 :style="{'font-size': '12px','letter-spacing': 0, 'word-break':'keep-all','width':'100%', 'background': element.textAlign=='right'? 'white':''}">
                 <img style="width:62px;height:24px;"
-                  src="http://yun-image.elab-plus.com/images/dyb/icon_text_right.png" />
+                  :src="element.textAlign=='right'?'http://yun-image.elab-plus.com/images/dyb/icon_text_right_active.png':'http://yun-image.elab-plus.com/images/dyb/icon_text_right.png'" />
               </div>
 
             </div>
@@ -191,7 +191,7 @@
                 :style="{'font-size': '12px','letter-spacing': 0, 'word-break':'keep-all','width':'100%', 'background': element.verticalAlign=='top'? 'white':''}"
                 @click="element.verticalAlign = 'top';element.display = 'table-cell'">
                 <img style="width:62px;height:24px;"
-                  src="http://yun-image.elab-plus.com/images/dyb/icon_text_top.png" />
+                  :src="element.verticalAlign=='top'?'http://yun-image.elab-plus.com/images/dyb/icon_text_top_active.png':'http://yun-image.elab-plus.com/images/dyb/icon_text_top.png'" />
               </div>
             </div>
             <div style="display: inline-flex; overflow: hidden;width: 30%; cursor: pointer;" title="居中">
@@ -199,7 +199,7 @@
                 :style="{'font-size': '12px','letter-spacing': 0, 'word-break':'keep-all','width':'100%', 'background': element.verticalAlign=='middle'? 'white':''}"
                 @click="element.verticalAlign = 'middle';element.display = 'table-cell'">
                 <img style="width:62px;height:24px;"
-                  src="http://yun-image.elab-plus.com/images/dyb/icon_text_centered.png" />
+                  :src="element.verticalAlign=='middle'?'http://yun-image.elab-plus.com/images/dyb/icon_text_centered_active.png':'http://yun-image.elab-plus.com/images/dyb/icon_text_centered.png'" />
               </div>
 
             </div>
@@ -208,7 +208,7 @@
               <div
                 :style="{'font-size': '12px','letter-spacing': 0, 'word-break':'keep-all','width':'100%', 'background': element.verticalAlign=='bottom'? 'white':''}">
                 <img style="width:62px;height:24px;"
-                  src="http://yun-image.elab-plus.com/images/dyb/icon_text_bottom.png" />
+                  :src="element.verticalAlign=='bottom'?'http://yun-image.elab-plus.com/images/dyb/icon_text_bottom_active.png':'http://yun-image.elab-plus.com/images/dyb/icon_text_bottom.png'" />
               </div>
 
             </div>
@@ -363,7 +363,7 @@
             <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="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 +371,7 @@
             @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="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 +379,7 @@
             @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="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>