|
|
@@ -551,26 +551,49 @@
|
|
|
<!--<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;
|
|
|
+ font-family:MicrosoftYaHei;
|
|
|
+ margin-left: 20px;
|
|
|
+ color:rgba(51,51,51,1);">
|
|
|
+ 速度</span>
|
|
|
+ <el-slider v-model="element.duration" :step="0.1" :min="0" :max="10" show-input input-size="mini"
|
|
|
+ style="width:80%;margin-right: 10px"></el-slider>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div style="display:flex; flex-direction: row;width: 100%;justify-content: space-between;align-items: center">
|
|
|
+ <span style="font-size:12px;
|
|
|
+ font-family:MicrosoftYaHei;
|
|
|
+ margin-left: 20px;
|
|
|
+ color:rgba(51,51,51,1)">延迟</span>
|
|
|
+ <el-slider v-model="element.delay" :step="0.1" :min="0" :max="10" show-input input-size="mini"
|
|
|
+ style="width:80%;margin-right: 10px"></el-slider>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
|
|
|
- <div
|
|
|
- style="font-size: 14px; color: #999999;letter-spacing: 0;text-align: left;width: 100%;height: 100%;padding-top: 40px;">
|
|
|
- 速度</div>
|
|
|
- <el-slider v-model="element.duration" :step="0.1" :min="0" :max="10" show-input input-size="large"></el-slider>
|
|
|
-
|
|
|
- <div style="font-size: 14px; color: #999999;letter-spacing: 0;text-align: left;width: 100%;height: 100%">延迟</div>
|
|
|
- <el-slider v-model="element.delay" :step="0.1" :min="0" :max="10" show-input input-size="large"></el-slider>
|
|
|
-
|
|
|
- <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.loop" style="float:right;margin-right: 150px;"></el-switch>
|
|
|
+ <div style="vertical-align: middle; width: 100%; padding-top: 12px; padding-bottom: 12px;border-bottom: #E2E4EE solid 1px; display: flex; flex-direction: row;align-items: center">
|
|
|
+ <div style="font-size:12px;
|
|
|
+ font-family:MicrosoftYaHei;
|
|
|
+ margin-left: 20px;
|
|
|
+ color:rgba(51,51,51,1);
|
|
|
+ line-height:16px;letter-spacing: 0;">是否循环</div>
|
|
|
+ <el-switch v-model="element.loop" style="margin-left: 6px;" active-color="#4E5DFF" inactive-color="#D7E2FF"></el-switch>
|
|
|
</div>
|
|
|
|
|
|
- <div 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 style="width: 100%;">
|
|
|
+ <div style="font-size:12px;
|
|
|
+ font-family:MicrosoftYaHei;
|
|
|
+ margin-left: 20px;
|
|
|
+ margin-top: 12px;
|
|
|
+ color:rgba(51,51,51,1);">选择动画</div>
|
|
|
</div>
|
|
|
<div style="margin-top: 20px; ">
|
|
|
- <div style="border: 1px solid red" v-show="panelState === 11">
|
|
|
- <div style="font-size: 14px; color: #000;letter-spacing: 0;text-align: left; float:left;">文字逐字特效:</div>
|
|
|
+ <div v-show="panelState === 11">
|
|
|
+ <div style="font-size:12px;
|
|
|
+ font-family:MicrosoftYaHei;
|
|
|
+ color:rgba(51,51,51,1);letter-spacing: 0;">文字逐字特效:</div>
|
|
|
<br>
|
|
|
<div
|
|
|
style="background: #EBEDEF;display: inline-flex; width:33.3%;overflow: hidden;text-align: center; cursor: pointer"
|
