|
@@ -26,16 +26,11 @@
|
|
|
alt="">
|
|
|
<span class="tab-text">属性动作</span>
|
|
|
</div>
|
|
|
-
|
|
|
</div>
|
|
|
|
|
|
- <!--<div class="tab" v-show="panelState === 11"-->
|
|
|
- <!--:class="{ active: panelTabState === 2 }"-->
|
|
|
- <!--@click="function () { panelTabState = 2 }">文字特效</div>-->
|
|
|
-
|
|
|
</div>
|
|
|
<div v-show="panelTabState === 0">
|
|
|
- <!-- 文字编辑界面特有控件 -->
|
|
|
+
|
|
|
<div v-show="panelState === 11||panelState===15">
|
|
|
|
|
|
<div
|
|
@@ -314,19 +309,8 @@
|
|
|
justify-content: center;
|
|
|
line-height:28px;">替换元素</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 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">
|
|
|
<el-checkbox v-model="element.elabEditable">可编辑</el-checkbox>
|
|
|
</div>
|
|
@@ -398,21 +382,6 @@
|
|
|
|
|
|
</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 style="border-bottom: #E2E4EE solid 1px; padding-bottom: 11px;">
|
|
|
<div style="display:flex; flex-direction: row;margin-left: 18px;">
|
|
@@ -570,23 +539,6 @@
|
|
|
</div>
|
|
|
|
|
|
<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="display:flex; flex-direction: row;width: 100%;justify-content: space-between;align-items: center">
|
|
|
<span style="font-size:12px;
|
|
@@ -657,21 +609,6 @@
|
|
|
|
|
|
</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>
|
|
|
</template>
|
|
|
|