|  | @@ -26,16 +26,11 @@
 | 
												
													
														
															|  |              alt="">
 |  |              alt="">
 | 
												
													
														
															|  |            <span class="tab-text">属性动作</span>
 |  |            <span class="tab-text">属性动作</span>
 | 
												
													
														
															|  |          </div>
 |  |          </div>
 | 
												
													
														
															|  | -
 |  | 
 | 
												
													
														
															|  |        </div>
 |  |        </div>
 | 
												
													
														
															|  |  
 |  |  
 | 
												
													
														
															|  | -      <!--<div class="tab" v-show="panelState === 11"-->
 |  | 
 | 
												
													
														
															|  | -      <!--:class="{ active: panelTabState === 2 }"-->
 |  | 
 | 
												
													
														
															|  | -      <!--@click="function () { panelTabState = 2 }">文字特效</div>-->
 |  | 
 | 
												
													
														
															|  | -
 |  | 
 | 
												
													
														
															|  |      </div>
 |  |      </div>
 | 
												
													
														
															|  |      <div v-show="panelTabState === 0">
 |  |      <div v-show="panelTabState === 0">
 | 
												
													
														
															|  | -      <!-- 文字编辑界面特有控件 -->
 |  | 
 | 
												
													
														
															|  | 
 |  | +    
 | 
												
													
														
															|  |        <div v-show="panelState === 11||panelState===15">
 |  |        <div v-show="panelState === 11||panelState===15">
 | 
												
													
														
															|  |  
 |  |  
 | 
												
													
														
															|  |          <div
 |  |          <div
 | 
												
											
												
													
														
															|  | @@ -314,19 +309,8 @@
 | 
												
													
														
															|  |                justify-content: center;
 |  |                justify-content: center;
 | 
												
													
														
															|  |                line-height:28px;">替换元素</div>
 |  |                line-height:28px;">替换元素</div>
 | 
												
													
														
															|  |              </div>
 |  |              </div>
 | 
												
													
														
															|  | -
 |  | 
 | 
												
													
														
															|  | -            <!-- <div style="font-size: 14px;color: #999999;letter-spacing: 0; word-break:keep-all;line-height: 40px">图片特效
 |  | 
 | 
												
													
														
															|  | -            </div> -->
 |  | 
 | 
												
													
														
															|  | -            <!-- <div style="font-size: 14px;color: #999999;letter-spacing: 0; word-break:keep-all;">
 |  | 
 | 
												
													
														
															|  | -              <el-select v-model="element.eleCanvas" placeholder="请选择">
 |  | 
 | 
												
													
														
															|  | -                <el-option v-for="(item,index) in picTypes" :key="item.value" :label="item.label" :value="item.value">
 |  | 
 | 
												
													
														
															|  | -                </el-option>
 |  | 
 | 
												
													
														
															|  | -              </el-select>
 |  | 
 | 
												
													
														
															|  | -            </div> -->
 |  | 
 | 
												
													
														
															|  |            </div>
 |  |            </div>
 | 
												
													
														
															|  | -          <!-- <div style="display: inline-flex;" v-show="panelState == 12">
 |  | 
 | 
												
													
														
															|  | -            <el-checkbox v-model="element.videoEditable">视频</el-checkbox>
 |  | 
 | 
												
													
														
															|  | -          </div> -->
 |  | 
 | 
												
													
														
															|  | 
 |  | +        
 | 
												
													
														
															|  |            <div style="display: inline-flex;" v-show="panelState != 14 && panelState != 16 && panelState != 12">
 |  |            <div style="display: inline-flex;" v-show="panelState != 14 && panelState != 16 && panelState != 12">
 | 
												
													
														
															|  |              <el-checkbox v-model="element.elabEditable">可编辑</el-checkbox>
 |  |              <el-checkbox v-model="element.elabEditable">可编辑</el-checkbox>
 | 
												
													
														
															|  |            </div>
 |  |            </div>
 | 
												
											
												
													
														
															|  | @@ -398,21 +382,6 @@
 | 
												
													
														
															|  |  
 |  |  
 | 
												
													
														
															|  |        </div>
 |  |        </div>
 | 
												
													
														
															|  |  
 |  |  
 | 
												
													
														
															|  | -      <!-- 通用控件-->
 |  | 
 | 
												
													
														
															|  | -      <!--<div class="item">
 |  | 
 | 
												
													
														
															|  | -        <label>元素对齐方式</label>
 |  | 
 | 
												
													
														
															|  | -          <div>
 |  | 
 | 
												
													
														
															|  | -            <el-button size="small"
 |  | 
 | 
												
													
														
															|  | -                       type="primary"
 |  | 
 | 
												
													
														
															|  | -                       @click="element.left = '0';">左对齐</el-button>
 |  | 
 | 
												
													
														
															|  | -            <el-button size="small"
 |  | 
 | 
												
													
														
															|  | -                       type="primary"
 |  | 
 | 
												
													
														
															|  | -                       @click="element.left = 375-element.width/2;">居中</el-button>
 |  | 
 | 
												
													
														
															|  | -            <el-button size="small"
 |  | 
 | 
												
													
														
															|  | -                       type="primary"
 |  | 
 | 
												
													
														
															|  | -                       @click="element.left = 750-element.width;">右对齐</el-button>
 |  | 
 | 
												
													
														
															|  | -          </div>
 |  | 
 | 
												
													
														
															|  | -      </div>-->
 |  | 
 | 
												
													
														
															|  |        <div class="item"></div>
 |  |        <div class="item"></div>
 | 
												
													
														
															|  |        <div style="border-bottom: #E2E4EE solid 1px; padding-bottom: 11px;">
 |  |        <div style="border-bottom: #E2E4EE solid 1px; padding-bottom: 11px;">
 | 
												
													
														
															|  |          <div style="display:flex; flex-direction: row;margin-left: 18px;">
 |  |          <div style="display:flex; flex-direction: row;margin-left: 18px;">
 | 
												
											
												
													
														
															|  | @@ -570,23 +539,6 @@
 | 
												
													
														
															|  |      </div>
 |  |      </div>
 | 
												
													
														
															|  |  
 |  |  
 | 
												
													
														
															|  |      <div v-if="panelTabState === 1">
 |  |      <div v-if="panelTabState === 1">
 | 
												
													
														
															|  | -      <!--<div class="item">
 |  | 
 | 
												
													
														
															|  | -        <label>动画库</label>
 |  | 
 | 
												
													
														
															|  | -        <div class="content">
 |  | 
 | 
												
													
														
															|  | -          <el-select placeholder="请选择动画"
 |  | 
 | 
												
													
														
															|  | -                     v-model="element.animatedName"
 |  | 
 | 
												
													
														
															|  | -                     clearable>
 |  | 
 | 
												
													
														
															|  | -            <el-option v-for="item in animateList"
 |  | 
 | 
												
													
														
															|  | -                       :label="item.name"
 |  | 
 | 
												
													
														
															|  | -                       :value="item.id"></el-option>
 |  | 
 | 
												
													
														
															|  | -          </el-select>
 |  | 
 | 
												
													
														
															|  | -        </div>
 |  | 
 | 
												
													
														
															|  | -      </div>-->
 |  | 
 | 
												
													
														
															|  | -
 |  | 
 | 
												
													
														
															|  | -      <!--<div style="vertical-align: middle;padding-top: 20px;">-->
 |  | 
 | 
												
													
														
															|  | -      <!--<div style="font-size: 14px; color: #999999;letter-spacing: 0;text-align: left;float:left;">是否启用</div>-->
 |  | 
 | 
												
													
														
															|  | -      <!--<el-switch v-model="element.animatedEnabled" @change="isEnabled(element.animatedEnabled)" style="float:right;margin-right: 150px;"></el-switch>-->
 |  | 
 | 
												
													
														
															|  | -      <!--</div>-->
 |  | 
 | 
												
													
														
															|  |        <div style="width: 100%;border-bottom: #E2E4EE solid 1px; padding-bottom: 12px; padding-top: 12px;">
 |  |        <div style="width: 100%;border-bottom: #E2E4EE solid 1px; padding-bottom: 12px; padding-top: 12px;">
 | 
												
													
														
															|  |          <div style="display:flex; flex-direction: row;width: 100%;justify-content: space-between;align-items: center">
 |  |          <div style="display:flex; flex-direction: row;width: 100%;justify-content: space-between;align-items: center">
 | 
												
													
														
															|  |            <span style="font-size:12px;
 |  |            <span style="font-size:12px;
 | 
												
											
												
													
														
															|  | @@ -657,21 +609,6 @@
 | 
												
													
														
															|  |  
 |  |  
 | 
												
													
														
															|  |        </div>
 |  |        </div>
 | 
												
													
														
															|  |      </div>
 |  |      </div>
 | 
												
													
														
															|  | -
 |  | 
 | 
												
													
														
															|  | -    <!--<div v-show="panelTabState === 2">-->
 |  | 
 | 
												
													
														
															|  | -    <!--<div v-show="panelState === 11" style="margin-top: 40px;border: 1px solid transparent;">-->
 |  | 
 | 
												
													
														
															|  | -    <!--<div style="font-size: 14px; color: #999999;letter-spacing: 0;text-align: left; float:left;">选择特效</div>-->
 |  | 
 | 
												
													
														
															|  | -    <!--</div>-->
 |  | 
 | 
												
													
														
															|  | -    <!--<div v-show="panelState === 11" style="margin-top: 20px; ">-->
 |  | 
 | 
												
													
														
															|  | -    <!--<div style="background: #EBEDEF;display: inline-flex; width:33.3%;overflow: hidden;text-align: center; cursor: pointer"  v-for="(font,index) in animateFontList">-->
 |  | 
 | 
												
													
														
															|  | -    <!--<div v-model="element.animatedFont" @click="checkAnimationFont(font)" :title="font.name" :type="font.type"-->
 |  | 
 | 
												
													
														
															|  | -    <!--:style="{'font-size': '12px',color: element.animatedFont==font.id? 'white':'#999999','letter-spacing': 0, width:'100%','word-break':'keep-all',padding: '20px',-->
 |  | 
 | 
												
													
														
															|  | -    <!--'background': element.animatedFont==font.id? 'green':'',-->
 |  | 
 | 
												
													
														
															|  | -    <!--'font-weight': element.animatedFont==font.id? 'bold':''-->
 |  | 
 | 
												
													
														
															|  | -    <!--}" :hxFont="element.animatedFont" :hxid="font.id">{{font.name}}</div>-->
 |  | 
 | 
												
													
														
															|  | -    <!--</div>-->
 |  | 
 | 
												
													
														
															|  | -    <!--</div>-->
 |  | 
 | 
												
													
														
															|  | -    <!--</div>-->
 |  | 
 | 
												
													
														
															|  |    </div>
 |  |    </div>
 | 
												
													
														
															|  |  </template>
 |  |  </template>
 | 
												
													
														
															|  |  
 |  |  
 |