Commit 959b329c authored by “yiyousong”'s avatar “yiyousong”

feat:皮肤管理新增产品编辑和删除

parent 5d6b1173
...@@ -13,23 +13,42 @@ ...@@ -13,23 +13,42 @@
:class="{ active: i === isActive }" :class="{ active: i === isActive }"
v-for="(v, i) in productList" v-for="(v, i) in productList"
:key="v.id" :key="v.id"
@click="changeMenu(i, v)" @click.self="changeMenu(i, v)"
style="width: 50%; text-align: center" style="width: 50%; text-align: center"
> >
<div class="control" v-permission="[1]">
<a-space>
<a-icon type="edit" @click="handleEdit(v)" />
<a-icon type="delete" @click="handleDel(v.id)" />
</a-space>
</div>
{{ v.productName }} {{ v.productName }}
</a-card-grid> </a-card-grid>
</div> </div>
<!-- 编辑产品 -->
<AddDev
ref="AddDev"
:visible.sync="visible"
:title="title"
@addDev="getProductList"
></AddDev>
</div> </div>
</template> </template>
<script> <script>
import { getProductList } from "@/services/surface"; import { getProductList, deleteProduct } from "@/services/surface";
import { mapMutations } from "vuex"; import { mapMutations } from "vuex";
import AddDev from "../modal/AddDev.vue";
export default { export default {
components: {
AddDev,
},
data() { data() {
return { return {
productList: [], //产品列表 productList: [], //产品列表
isActive: "", isActive: "",
visible: false,
title: "编辑产品",
}; };
}, },
created() { created() {
...@@ -62,6 +81,38 @@ export default { ...@@ -62,6 +81,38 @@ export default {
}; };
this.SET_curProduct(obj); this.SET_curProduct(obj);
}, },
// 编辑产品
handleEdit(row) {
this.title = "编辑产品";
this.$refs.AddDev.onEdit(row);
this.visible = true;
},
// 删除产品
handleDel(id) {
let _this = this;
_this.$confirm({
title: "系统提示",
content: "删除不可恢复,确定要删除吗?",
okText: "确定",
okType: "danger",
cancelText: "取消",
centered: true,
icon: "exclamation-circle",
maskClosable: true,
async onOk() {
let res = await deleteProduct({ id });
let { code, msg } = res.data;
if (code === 1) {
_this.$message.success(msg);
_this.getProductList();
}
},
onCancel() {
console.log("Cancel");
},
});
console.log(id);
},
}, },
beforeDestroy() { beforeDestroy() {
this.SET_curProduct({}); this.SET_curProduct({});
...@@ -74,6 +125,7 @@ export default { ...@@ -74,6 +125,7 @@ export default {
height: 100%; height: 100%;
background-color: #fff; background-color: #fff;
} }
.search-box { .search-box {
padding: 15px 15px 0px; padding: 15px 15px 0px;
} }
...@@ -85,6 +137,9 @@ export default { ...@@ -85,6 +137,9 @@ export default {
.active { .active {
background-color: #1890ff; background-color: #1890ff;
color: #fff; color: #fff;
.anticon {
color: inherit;
}
} }
} }
/deep/.ant-card-grid { /deep/.ant-card-grid {
...@@ -93,5 +148,23 @@ export default { ...@@ -93,5 +148,23 @@ export default {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
cursor: pointer; cursor: pointer;
position: relative;
&:hover {
.control {
display: block;
}
}
}
.control {
position: absolute;
right: 10px;
top: 0px;
display: none;
.anticon-edit {
color: #03d76f;
}
.anticon-delete {
color: #fa4d4c;
}
} }
</style> </style>
\ No newline at end of file
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<div> <div>
<a-modal <a-modal
v-model="Visible" v-model="Visible"
title="新增设备" :title="title"
@ok="handleOk" @ok="handleOk"
@cancel="handleClose" @cancel="handleClose"
> >
...@@ -17,11 +17,7 @@ ...@@ -17,11 +17,7 @@
<a-input placeholder="请输入设备名称" v-model="form.productName" /> <a-input placeholder="请输入设备名称" v-model="form.productName" />
</a-form-model-item> </a-form-model-item>
<a-form-model-item label="设备编号" prop="productCode"> <a-form-model-item label="设备编号" prop="productCode">
<a-input <a-input placeholder="请输入设备编号" v-model="form.productCode" />
type="password"
placeholder="请输入设备编号"
v-model="form.productCode"
/>
</a-form-model-item> </a-form-model-item>
<a-form-model-item label="备注" prop="productRemark"> <a-form-model-item label="备注" prop="productRemark">
<a-textarea <a-textarea
...@@ -44,6 +40,11 @@ export default { ...@@ -44,6 +40,11 @@ export default {
type: Boolean, type: Boolean,
default: false, default: false,
}, },
title: {
required: true,
type: String,
default: "新增设备",
},
}, },
data() { data() {
return { return {
...@@ -88,9 +89,18 @@ export default { ...@@ -88,9 +89,18 @@ export default {
}, },
// 关闭对话框 // 关闭对话框
handleClose() { handleClose() {
this.$refs.form.resetFields(); this.$refs.form.clearValidate();
this.Visible = false; this.Visible = false;
}, },
// 新增
onAdd() {
Object.assign(this.form, this.$options.data().form);
this.form.id && this.$delete(this.form, "id");
},
// 编辑
onEdit(row) {
this.form = { ...row };
},
}, },
}; };
</script> </script>
......
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
<TabHeader label="皮肤管理"> <TabHeader label="皮肤管理">
<a-space> <a-space>
<a-button v-permission="[1]" icon="plus" @click="addDev" <a-button v-permission="[1]" icon="plus" @click="addDev"
>新增设备</a-button >新增产品</a-button
> >
<a-button <a-button
type="primary" type="primary"
...@@ -48,7 +48,12 @@ ...@@ -48,7 +48,12 @@
@addSkinSuccess="addSkinSuccess" @addSkinSuccess="addSkinSuccess"
></AddSurface> ></AddSurface>
<!-- 新增设备 --> <!-- 新增设备 -->
<AddDev :visible.sync="addDevVisible" @addDev="addDevSuccess"></AddDev> <AddDev
ref="AddDev"
:visible.sync="addDevVisible"
@addDev="addDevSuccess"
:title="title"
></AddDev>
</div> </div>
</template> </template>
...@@ -77,6 +82,7 @@ export default { ...@@ -77,6 +82,7 @@ export default {
visible: false, visible: false,
addDevVisible: false, addDevVisible: false,
classifyList: [], //皮肤分类数据 classifyList: [], //皮肤分类数据
title: "新增产品",
}; };
}, },
created() { created() {
...@@ -113,8 +119,8 @@ export default { ...@@ -113,8 +119,8 @@ export default {
}, },
// 编辑皮肤 // 编辑皮肤
editSkin(row) { editSkin(row) {
this.isShow = true;
this.$refs.AddSurface.onEdit(row); this.$refs.AddSurface.onEdit(row);
this.isShow = true;
}, },
// 新增分类成功刷新数据 // 新增分类成功刷新数据
addCategorySuccess() { addCategorySuccess() {
...@@ -126,6 +132,8 @@ export default { ...@@ -126,6 +132,8 @@ export default {
}, },
// 新增设备 // 新增设备
addDev() { addDev() {
this.title = "新增产品";
this.$refs.AddDev.onAdd();
this.addDevVisible = true; this.addDevVisible = true;
}, },
// 新增设备成功 // 新增设备成功
......
const anim_data = { const anim_data = {
domArr: [], domArr: [
// [ // 杂乱的正方形
// // 杂乱的正方形 {
// { widthStr: "160rem",
// widthStr: "160rem", backgroundColorStr: "",
// backgroundColorStr: "", backgroundImageStr:
// backgroundImageStr: "linear-gradient(-33deg,#8f35ff,rgba(143,53,255,0)),radial-gradient(circle at 62% -28%,rgba(0,45,156,.75) 0,#002d9c 68%,rgba(0,45,156,0) 111%),linear-gradient(116deg,rgba(0,137,255,.2) 1%,rgba(0,186,255,.04) 38%,rgba(68,149,255,.08) 68%,rgba(3,79,255,.16) 88%)",
// "linear-gradient(-33deg,#8f35ff,rgba(143,53,255,0)),radial-gradient(circle at 62% -28%,rgba(0,45,156,.75) 0,#002d9c 68%,rgba(0,45,156,0) 111%),linear-gradient(116deg,rgba(0,137,255,.2) 1%,rgba(0,186,255,.04) 38%,rgba(68,149,255,.08) 68%,rgba(3,79,255,.16) 88%)", topStr: "calc(50% - 421rem)",
// topStr: "calc(50% - 421rem)", rightStr: "",
// rightStr: "", bottomStr: "",
// bottomStr: "", leftStr: "calc(50% - 756rem)",
// leftStr: "calc(50% - 756rem)", className: "e-square",
// className: "e-square", parentClassName: "effect-box",
// parentClassName: "effect-box", opacity: 0.4,
// opacity: 0.4, opacityAnimMap: new Map([
// opacityAnimMap: new Map([ [0.2, 0.4], // [帧,值]
// [0.2, 0.4], // [帧,值] [1, 1],
// [1, 1], ]),
// ]), transform: {
// transform: { translate3d: { x: 0, y: 0, z: 0 },
// translate3d: { x: 0, y: 0, z: 0 }, },
// }, transformAnimMap: new Map([
// transformAnimMap: new Map([ [
// [ 0,
// 0, {
// { translate3d: { x: 0, y: 0, z: 0 },
// translate3d: { x: 0, y: 0, z: 0 }, },
// }, ],
// ], [
// [ 1,
// 1, {
// { translate3d: { x: 0, y: 0, z: 800 },
// translate3d: { x: 0, y: 0, z: 800 }, },
// }, ],
// ], ]),
// ]), },
// }, {
// { widthStr: "80rem",
// widthStr: "80rem", backgroundColorStr: "",
// backgroundColorStr: "", backgroundImageStr:
// backgroundImageStr: "linear-gradient(133deg,rgba(255,186,0,0),rgba(255,207,0,.6) 68%),linear-gradient(170deg,#ffc400,#ff9200),linear-gradient(170deg,#ffc400,#ff9200)",
// "linear-gradient(133deg,rgba(255,186,0,0),rgba(255,207,0,.6) 68%),linear-gradient(170deg,#ffc400,#ff9200),linear-gradient(170deg,#ffc400,#ff9200)", topStr: "calc(50% - 192rem)",
// topStr: "calc(50% - 192rem)", rightStr: "",
// rightStr: "", bottomStr: "",
// bottomStr: "", leftStr: "calc(50% - 487rem)",
// leftStr: "calc(50% - 487rem)", className: "e-square",
// className: "e-square", parentClassName: "effect-box",
// parentClassName: "effect-box", opacity: 1,
// opacity: 1, opacityAnimMap: new Map([]),
// opacityAnimMap: new Map([]), transform: {
// transform: { translate3d: { x: 0, y: 0, z: 0 },
// translate3d: { x: 0, y: 0, z: 0 }, },
// }, transformAnimMap: new Map([
// transformAnimMap: new Map([ [
// [ 0,
// 0, {
// { translate3d: { x: 0, y: 0, z: 0 },
// translate3d: { x: 0, y: 0, z: 0 }, },
// }, ],
// ], [
// [ 1,
// 1, {
// { translate3d: { x: 0, y: 0, z: 800 },
// translate3d: { x: 0, y: 0, z: 800 }, },
// }, ],
// ], ]),
// ]), },
// }, {
// { widthStr: "96rem",
// widthStr: "96rem", backgroundColorStr: "#cc7201",
// backgroundColorStr: "#cc7201", backgroundImageStr: "",
// backgroundImageStr: "", topStr: "calc(50% - 141rem)",
// topStr: "calc(50% - 141rem)", rightStr: "",
// rightStr: "", bottomStr: "",
// bottomStr: "", leftStr: "calc(50% - 624rem)",
// leftStr: "calc(50% - 624rem)", className: "e-square",
// className: "e-square", parentClassName: "effect-box",
// parentClassName: "effect-box", opacity: 0.8,
// opacity: 0.8, opacityAnimMap: new Map([
// opacityAnimMap: new Map([ [0, 0.8],
// [0, 0.8], [1, 1],
// [1, 1], ]),
// ]), transform: {
// transform: { translate3d: { x: 0, y: 0, z: 0 },
// translate3d: { x: 0, y: 0, z: 0 }, },
// }, transformAnimMap: new Map([
// transformAnimMap: new Map([ [
// [ 0,
// 0, {
// { translate3d: { x: 0, y: 0, z: 0 },
// translate3d: { x: 0, y: 0, z: 0 }, },
// }, ],
// ], [
// [ 1,
// 1, {
// { translate3d: { x: 0, y: 0, z: 800 },
// translate3d: { x: 0, y: 0, z: 800 }, },
// }, ],
// ], ]),
// ]), },
// }, {
// { widthStr: "40rem",
// widthStr: "40rem", backgroundColorStr: "",
// backgroundColorStr: "", backgroundImageStr: "linear-gradient(170deg,#3e9eff,#0062ff)",
// backgroundImageStr: "linear-gradient(170deg,#3e9eff,#0062ff)", topStr: "calc(50% - 67rem)",
// topStr: "calc(50% - 67rem)", rightStr: "",
// rightStr: "", bottomStr: "",
// bottomStr: "", leftStr: "calc(50% - 316rem)",
// leftStr: "calc(50% - 316rem)", className: "e-square",
// className: "e-square", parentClassName: "effect-box",
// parentClassName: "effect-box", opacity: 0.75,
// opacity: 0.75, opacityAnimMap: new Map([
// opacityAnimMap: new Map([ [0, 0.75],
// [0, 0.75], [1, 1],
// [1, 1], ]),
// ]), transform: {
// transform: { translate3d: { x: 0, y: 0, z: 0 },
// translate3d: { x: 0, y: 0, z: 0 }, },
// }, transformAnimMap: new Map([
// transformAnimMap: new Map([ [
// [ 0,
// 0, {
// { translate3d: { x: 0, y: 0, z: 0 },
// translate3d: { x: 0, y: 0, z: 0 }, },
// }, ],
// ], [
// [ 1,
// 1, {
// { translate3d: { x: 0, y: 0, z: 800 },
// translate3d: { x: 0, y: 0, z: 800 }, },
// }, ],
// ], ]),
// ]), },
// }, {
// { widthStr: "46rem",
// widthStr: "46rem", backgroundColorStr: "",
// backgroundColorStr: "", backgroundImageStr:
// backgroundImageStr: "radial-gradient(77deg,#ff8300 0,#ff9200 54%,rgba(255,146,0,0) 128%),linear-gradient(77deg,#ffb400,#ff9200 25%,#ffdf2f 68%,#ff8e00)",
// "radial-gradient(77deg,#ff8300 0,#ff9200 54%,rgba(255,146,0,0) 128%),linear-gradient(77deg,#ffb400,#ff9200 25%,#ffdf2f 68%,#ff8e00)", topStr: "calc(50% - 28rem)",
// topStr: "calc(50% - 28rem)", rightStr: "",
// rightStr: "", bottomStr: "",
// bottomStr: "", leftStr: "calc(50% - 259rem)",
// leftStr: "calc(50% - 259rem)", className: "e-square",
// className: "e-square", parentClassName: "effect-box",
// parentClassName: "effect-box", opacity: 0.3,
// opacity: 0.3, opacityAnimMap: new Map([
// opacityAnimMap: new Map([ [0, 0.3],
// [0, 0.3], [1, 1],
// [1, 1], ]),
// ]), transform: {
// transform: { translate3d: { x: 0, y: 0, z: 0 },
// translate3d: { x: 0, y: 0, z: 0 }, },
// }, transformAnimMap: new Map([
// transformAnimMap: new Map([ [
// [ 0,
// 0, {
// { translate3d: { x: 0, y: 0, z: 0 },
// translate3d: { x: 0, y: 0, z: 0 }, },
// }, ],
// ], [
// [ 1,
// 1, {
// { translate3d: { x: 0, y: 0, z: 800 },
// translate3d: { x: 0, y: 0, z: 800 }, },
// }, ],
// ], ]),
// ]), },
// }, {
// { widthStr: "72rem",
// widthStr: "72rem", backgroundColorStr: "",
// backgroundColorStr: "", backgroundImageStr:
// backgroundImageStr: "radial-gradient(77deg,#ff8300 0,#ff9200 54%,rgba(255,146,0,0) 128%),linear-gradient(77deg,#ffb400,#ff9200 25%,#ffdf2f 68%,#ff8e00)",
// "radial-gradient(77deg,#ff8300 0,#ff9200 54%,rgba(255,146,0,0) 128%),linear-gradient(77deg,#ffb400,#ff9200 25%,#ffdf2f 68%,#ff8e00)", topStr: "",
// topStr: "", rightStr: "",
// rightStr: "", bottomStr: "calc(50% - 175rem)",
// bottomStr: "calc(50% - 175rem)", leftStr: "calc(50% - 579rem)",
// leftStr: "calc(50% - 579rem)", className: "e-square",
// className: "e-square", parentClassName: "effect-box",
// parentClassName: "effect-box", opacity: 0.4,
// opacity: 0.4, opacityAnimMap: new Map([
// opacityAnimMap: new Map([ [0, 0.4],
// [0, 0.4], [1, 1],
// [1, 1], ]),
// ]), transform: {
// transform: { translate3d: { x: 0, y: 0, z: 0 },
// translate3d: { x: 0, y: 0, z: 0 }, },
// }, transformAnimMap: new Map([
// transformAnimMap: new Map([ [
// [ 0,
// 0, {
// { translate3d: { x: 0, y: 0, z: 0 },
// translate3d: { x: 0, y: 0, z: 0 }, },
// }, ],
// ], [
// [ 1,
// 1, {
// { translate3d: { x: 0, y: 0, z: 800 },
// translate3d: { x: 0, y: 0, z: 800 }, },
// }, ],
// ], ]),
// ]), },
// }, {
// { widthStr: "160rem",
// widthStr: "160rem", backgroundColorStr: "",
// backgroundColorStr: "", backgroundImageStr:
// backgroundImageStr: "linear-gradient(220deg,#e58dff,#8f35ff 67%,rgba(143,53,255,0)),radial-gradient(circle at 1.2222% -87%,rgba(0,45,156,.75) 0,#002d9c 171%,rgba(0,45,156,0) 278%),linear-gradient(137deg,rgba(0,137,255,.3),rgba(3,79,255,.24))",
// "linear-gradient(220deg,#e58dff,#8f35ff 67%,rgba(143,53,255,0)),radial-gradient(circle at 1.2222% -87%,rgba(0,45,156,.75) 0,#002d9c 171%,rgba(0,45,156,0) 278%),linear-gradient(137deg,rgba(0,137,255,.3),rgba(3,79,255,.24))", topStr: "",
// topStr: "", rightStr: "",
// rightStr: "", bottomStr: "calc(50% - 412rem)",
// bottomStr: "calc(50% - 412rem)", leftStr: "calc(50% - 701rem)",
// leftStr: "calc(50% - 701rem)", className: "e-square",
// className: "e-square", parentClassName: "effect-box",
// parentClassName: "effect-box", opacity: 0.3,
// opacity: 0.3, opacityAnimMap: new Map([
// opacityAnimMap: new Map([ [0, 0.3],
// [0, 0.3], [1, 1],
// [1, 1], ]),
// ]), transform: {
// transform: { translate3d: { x: 0, y: 0, z: 0 },
// translate3d: { x: 0, y: 0, z: 0 }, },
// }, transformAnimMap: new Map([
// transformAnimMap: new Map([ [
// [ 0,
// 0, {
// { translate3d: { x: 0, y: 0, z: 0 },
// translate3d: { x: 0, y: 0, z: 0 }, },
// }, ],
// ], [
// [ 1,
// 1, {
// { translate3d: { x: 0, y: 0, z: 800 },
// translate3d: { x: 0, y: 0, z: 800 }, },
// }, ],
// ], ]),
// ]), },
// }, {
// { widthStr: "24rem",
// widthStr: "24rem", backgroundColorStr: "",
// backgroundColorStr: "", backgroundImageStr:
// backgroundImageStr: "linear-gradient(220deg,#e58dff,#8f35ff 67%,rgba(143,53,255,0)),radial-gradient(circle at 1.2222% -87%,rgba(0,45,156,.75) 0,#002d9c 171%,rgba(0,45,156,0) 278%),linear-gradient(137deg,rgba(0,137,255,.3),rgba(3,79,255,.24))",
// "linear-gradient(220deg,#e58dff,#8f35ff 67%,rgba(143,53,255,0)),radial-gradient(circle at 1.2222% -87%,rgba(0,45,156,.75) 0,#002d9c 171%,rgba(0,45,156,0) 278%),linear-gradient(137deg,rgba(0,137,255,.3),rgba(3,79,255,.24))", topStr: "calc(50% - 3rem)",
// topStr: "calc(50% - 3rem)", rightStr: "",
// rightStr: "", bottomStr: "",
// bottomStr: "", leftStr: "calc(50% - 243rem)",
// leftStr: "calc(50% - 243rem)", className: "e-square",
// className: "e-square", parentClassName: "effect-box",
// parentClassName: "effect-box", opacity: 0.3,
// opacity: 0.3, opacityAnimMap: new Map([
// opacityAnimMap: new Map([ [0, 0.3],
// [0, 0.3], [1, 1],
// [1, 1], ]),
// ]), transform: {
// transform: { translate3d: { x: 0, y: 0, z: 0 },
// translate3d: { x: 0, y: 0, z: 0 }, },
// }, transformAnimMap: new Map([
// transformAnimMap: new Map([ [
// [ 0,
// 0, {
// { translate3d: { x: 0, y: 0, z: 0 },
// translate3d: { x: 0, y: 0, z: 0 }, },
// }, ],
// ], [
// [ 1,
// 1, {
// { translate3d: { x: 0, y: 0, z: 800 },
// translate3d: { x: 0, y: 0, z: 800 }, },
// }, ],
// ], ]),
// ]), },
// }, {
// { widthStr: "96rem",
// widthStr: "96rem", backgroundColorStr: "",
// backgroundColorStr: "", backgroundImageStr:
// backgroundImageStr: "linear-gradient(-27deg,rgba(143,53,255,.8) 11%,rgba(143,53,255,0)),radial-gradient(circle at 62% -28%,rgba(0,45,156,.75) 0,#002d9c 68%,rgba(0,45,156,0) 111%)",
// "linear-gradient(-27deg,rgba(143,53,255,.8) 11%,rgba(143,53,255,0)),radial-gradient(circle at 62% -28%,rgba(0,45,156,.75) 0,#002d9c 68%,rgba(0,45,156,0) 111%)", topStr: "calc(50% - 473rem)",
// topStr: "calc(50% - 473rem)", rightStr: "",
// rightStr: "", bottomStr: "",
// bottomStr: "", leftStr: "calc(50% - 154rem)",
// leftStr: "calc(50% - 154rem)", className: "e-square",
// className: "e-square", parentClassName: "effect-box",
// parentClassName: "effect-box", opacity: 0.3,
// opacity: 0.3, opacityAnimMap: new Map([
// opacityAnimMap: new Map([ [0, 0.3],
// [0, 0.3], [1, 1],
// [1, 1], ]),
// ]), transform: {
// transform: { translate3d: { x: 0, y: 0, z: 0 },
// translate3d: { x: 0, y: 0, z: 0 }, },
// }, transformAnimMap: new Map([
// transformAnimMap: new Map([ [
// [ 0,
// 0, {
// { translate3d: { x: 0, y: 0, z: 0 },
// translate3d: { x: 0, y: 0, z: 0 }, },
// }, ],
// ], [
// [ 1,
// 1, {
// { translate3d: { x: 0, y: 0, z: 800 },
// translate3d: { x: 0, y: 0, z: 800 }, },
// }, ],
// ], ]),
// ]), },
// }, {
// { widthStr: "46rem",
// widthStr: "46rem", backgroundColorStr: "#ffa800",
// backgroundColorStr: "#ffa800", backgroundImageStr: "",
// backgroundImageStr: "", topStr: "",
// topStr: "", rightStr: "",
// rightStr: "", bottomStr: "calc(50% - 98rem)",
// bottomStr: "calc(50% - 98rem)", leftStr: "calc(50% - 362rem)",
// leftStr: "calc(50% - 362rem)", className: "e-square",
// className: "e-square", parentClassName: "effect-box",
// parentClassName: "effect-box", opacity: 0.95,
// opacity: 0.95, opacityAnimMap: new Map([
// opacityAnimMap: new Map([ [0, 0.95],
// [0, 0.95], [1, 1],
// [1, 1], ]),
// ]), transform: {
// transform: { translate3d: { x: 0, y: 0, z: 0 },
// translate3d: { x: 0, y: 0, z: 0 }, },
// }, transformAnimMap: new Map([
// transformAnimMap: new Map([ [
// [ 0,
// 0, {
// { translate3d: { x: 0, y: 0, z: 0 },
// translate3d: { x: 0, y: 0, z: 0 }, },
// }, ],
// ], [
// [ 1,
// 1, {
// { translate3d: { x: 0, y: 0, z: 800 },
// translate3d: { x: 0, y: 0, z: 800 }, },
// }, ],
// ], ]),
// ]), },
// }, {
// { widthStr: "96rem",
// widthStr: "96rem", backgroundColorStr: "",
// backgroundColorStr: "", backgroundImageStr:
// backgroundImageStr: "linear-gradient(180deg,#004fff,rgba(0,45,156,0) 70%)",
// "linear-gradient(180deg,#004fff,rgba(0,45,156,0) 70%)", topStr: "",
// topStr: "", rightStr: "",
// rightStr: "", bottomStr: "calc(50% - 498rem)",
// bottomStr: "calc(50% - 498rem)", leftStr: "calc(50% - 165rem)",
// leftStr: "calc(50% - 165rem)", className: "e-square",
// className: "e-square", parentClassName: "effect-box",
// parentClassName: "effect-box", opacity: 0.95,
// opacity: 0.95, opacityAnimMap: new Map([
// opacityAnimMap: new Map([ [0, 0.95],
// [0, 0.95], [1, 1],
// [1, 1], ]),
// ]), transform: {
// transform: { translate3d: { x: 0, y: 0, z: 0 },
// translate3d: { x: 0, y: 0, z: 0 }, },
// }, transformAnimMap: new Map([
// transformAnimMap: new Map([ [
// [ 0,
// 0, {
// { translate3d: { x: 0, y: 0, z: 0 },
// translate3d: { x: 0, y: 0, z: 0 }, },
// }, ],
// ], [
// [ 1,
// 1, {
// { translate3d: { x: 0, y: 0, z: 800 },
// translate3d: { x: 0, y: 0, z: 800 }, },
// }, ],
// ], ]),
// ]), },
// }, {
// { widthStr: "40rem",
// widthStr: "40rem", backgroundColorStr: "",
// backgroundColorStr: "", backgroundImageStr:
// backgroundImageStr: "-webkit-radial-gradient(top,rgba(0,45,156,.75) 0,#002d9c 92%,rgba(0,45,156,0) 166%)",
// "-webkit-radial-gradient(top,rgba(0,45,156,.75) 0,#002d9c 92%,rgba(0,45,156,0) 166%)", topStr: "",
// topStr: "", rightStr: "",
// rightStr: "", bottomStr: "calc(50% - 352rem)",
// bottomStr: "calc(50% - 352rem)", leftStr: "calc(50% - 26rem)",
// leftStr: "calc(50% - 26rem)", className: "e-square",
// className: "e-square", parentClassName: "effect-box",
// parentClassName: "effect-box", opacity: 0.35,
// opacity: 0.35, opacityAnimMap: new Map([
// opacityAnimMap: new Map([ [0, 0.35],
// [0, 0.35], [1, 1],
// [1, 1], ]),
// ]), transform: {
// transform: { translate3d: { x: 0, y: 0, z: 0 },
// translate3d: { x: 0, y: 0, z: 0 }, },
// }, transformAnimMap: new Map([
// transformAnimMap: new Map([ [
// [ 0,
// 0, {
// { translate3d: { x: 0, y: 0, z: 0 },
// translate3d: { x: 0, y: 0, z: 0 }, },
// }, ],
// ], [
// [ 1,
// 1, {
// { translate3d: { x: 0, y: 0, z: 800 },
// translate3d: { x: 0, y: 0, z: 800 }, },
// }, ],
// ], ]),
// ]), },
// }, {
// { widthStr: "64rem",
// widthStr: "64rem", backgroundColorStr: "",
// backgroundColorStr: "", backgroundImageStr:
// backgroundImageStr: "-webkit-radial-gradient(top,rgba(0,45,156,.75) 0,#002d9c 92%,rgba(0,45,156,0) 166%),-webkit-linear-gradient(334deg,rgba(0,137,255,.2) 1%,rgba(0,186,255,.04) 38%,rgba(68,149,255,.08) 68%,rgba(3,79,255,.16) 88%)",
// "-webkit-radial-gradient(top,rgba(0,45,156,.75) 0,#002d9c 92%,rgba(0,45,156,0) 166%),-webkit-linear-gradient(334deg,rgba(0,137,255,.2) 1%,rgba(0,186,255,.04) 38%,rgba(68,149,255,.08) 68%,rgba(3,79,255,.16) 88%)", topStr: "calc(50% - 395rem)",
// topStr: "calc(50% - 395rem)", rightStr: "calc(50% - 102rem)",
// rightStr: "calc(50% - 102rem)", bottomStr: "",
// bottomStr: "", leftStr: "",
// leftStr: "", className: "e-square",
// className: "e-square", parentClassName: "effect-box",
// parentClassName: "effect-box", opacity: 0.4,
// opacity: 0.4, opacityAnimMap: new Map([
// opacityAnimMap: new Map([ [0, 0.4],
// [0, 0.4], [1, 1],
// [1, 1], ]),
// ]), transform: {
// transform: { translate3d: { x: 0, y: 0, z: 0 },
// translate3d: { x: 0, y: 0, z: 0 }, },
// }, transformAnimMap: new Map([
// transformAnimMap: new Map([ [
// [ 0,
// 0, {
// { translate3d: { x: 0, y: 0, z: 0 },
// translate3d: { x: 0, y: 0, z: 0 }, },
// }, ],
// ], [
// [ 1,
// 1, {
// { translate3d: { x: 0, y: 0, z: 800 },
// translate3d: { x: 0, y: 0, z: 800 }, },
// }, ],
// ], ]),
// ]), },
// }, {
// { widthStr: "24rem",
// widthStr: "24rem", backgroundColorStr: "",
// backgroundColorStr: "", backgroundImageStr:
// backgroundImageStr: "linear-gradient(147deg,#004fff,#002d9c 82%),linear-gradient(153deg,#007fff 5%,#0063ff 95%)",
// "linear-gradient(147deg,#004fff,#002d9c 82%),linear-gradient(153deg,#007fff 5%,#0063ff 95%)", topStr: "calc(50% - 206rem)",
// topStr: "calc(50% - 206rem)", rightStr: "calc(50% - 38rem)",
// rightStr: "calc(50% - 38rem)", bottomStr: "",
// bottomStr: "", leftStr: "",
// leftStr: "", className: "e-square",
// className: "e-square", parentClassName: "effect-box",
// parentClassName: "effect-box", opacity: 0.3,
// opacity: 0.3, opacityAnimMap: new Map([
// opacityAnimMap: new Map([ [0, 0.3],
// [0, 0.3], [1, 1],
// [1, 1], ]),
// ]), transform: {
// transform: { translate3d: { x: 0, y: 0, z: 0 },
// translate3d: { x: 0, y: 0, z: 0 }, },
// }, transformAnimMap: new Map([
// transformAnimMap: new Map([ [
// [ 0,
// 0, {
// { translate3d: { x: 0, y: 0, z: 0 },
// translate3d: { x: 0, y: 0, z: 0 }, },
// }, ],
// ], [
// [ 1,
// 1, {
// { translate3d: { x: 0, y: 0, z: 800 },
// translate3d: { x: 0, y: 0, z: 800 }, },
// }, ],
// ], ]),
// ]), },
// }, {
// { widthStr: "130rem",
// widthStr: "130rem", backgroundColorStr: "",
// backgroundColorStr: "", backgroundImageStr:
// backgroundImageStr: "linear-gradient(147deg,#004fff,#002d9c 82%),linear-gradient(153deg,#007fff 5%,#0063ff 95%)",
// "linear-gradient(147deg,#004fff,#002d9c 82%),linear-gradient(153deg,#007fff 5%,#0063ff 95%)", topStr: "calc(50% - 263rem)",
// topStr: "calc(50% - 263rem)", rightStr: "calc(50% - 704rem)",
// rightStr: "calc(50% - 704rem)", bottomStr: "",
// bottomStr: "", leftStr: "",
// leftStr: "", className: "e-square",
// className: "e-square", parentClassName: "effect-box",
// parentClassName: "effect-box", opacity: 0.67,
// opacity: 0.67, opacityAnimMap: new Map([
// opacityAnimMap: new Map([ [0, 0.67],
// [0, 0.67], [1, 1],
// [1, 1], ]),
// ]), transform: {
// transform: { translate3d: { x: 0, y: 0, z: 0 },
// translate3d: { x: 0, y: 0, z: 0 }, },
// }, transformAnimMap: new Map([
// transformAnimMap: new Map([ [
// [ 0,
// 0, {
// { translate3d: { x: 0, y: 0, z: 0 },
// translate3d: { x: 0, y: 0, z: 0 }, },
// }, ],
// ], [
// [ 1,
// 1, {
// { translate3d: { x: 0, y: 0, z: 800 },
// translate3d: { x: 0, y: 0, z: 800 }, },
// }, ],
// ], ]),
// ]), },
// }, {
// { widthStr: "64rem",
// widthStr: "64rem", backgroundColorStr: "",
// backgroundColorStr: "", backgroundImageStr: "linear-gradient(128deg,#00ebb6,#00ba46 69%)",
// backgroundImageStr: "linear-gradient(128deg,#00ebb6,#00ba46 69%)", topStr: "calc(50% - 226rem)",
// topStr: "calc(50% - 226rem)", rightStr: "calc(50% - 505rem)",
// rightStr: "calc(50% - 505rem)", bottomStr: "",
// bottomStr: "", leftStr: "",
// leftStr: "", className: "e-square",
// className: "e-square", parentClassName: "effect-box",
// parentClassName: "effect-box", opacity: 0.95,
// opacity: 0.95, opacityAnimMap: new Map([
// opacityAnimMap: new Map([ [0, 0.95],
// [0, 0.95], [1, 1],
// [1, 1], ]),
// ]), transform: {
// transform: { translate3d: { x: 0, y: 0, z: 0 },
// translate3d: { x: 0, y: 0, z: 0 }, },
// }, transformAnimMap: new Map([
// transformAnimMap: new Map([ [
// [ 0,
// 0, {
// { translate3d: { x: 0, y: 0, z: 0 },
// translate3d: { x: 0, y: 0, z: 0 }, },
// }, ],
// ], [
// [ 1,
// 1, {
// { translate3d: { x: 0, y: 0, z: 800 },
// translate3d: { x: 0, y: 0, z: 800 }, },
// }, ],
// ], ]),
// ]), },
// }, {
// { widthStr: "24rem",
// widthStr: "24rem", backgroundColorStr: "",
// backgroundColorStr: "", backgroundImageStr: "linear-gradient(170deg,#ffc400,rgba(255,207,0,.6))",
// backgroundImageStr: "linear-gradient(170deg,#ffc400,rgba(255,207,0,.6))", topStr: "calc(50% - 52rem)",
// topStr: "calc(50% - 52rem)", rightStr: "calc(50% - 218rem)",
// rightStr: "calc(50% - 218rem)", bottomStr: "",
// bottomStr: "", leftStr: "",
// leftStr: "", className: "e-square",
// className: "e-square", parentClassName: "effect-box",
// parentClassName: "effect-box", opacity: 0.2,
// opacity: 0.2, opacityAnimMap: new Map([
// opacityAnimMap: new Map([ [0, 0.2],
// [0, 0.2], [1, 1],
// [1, 1], ]),
// ]), transform: {
// transform: { translate3d: { x: 0, y: 0, z: 0 },
// translate3d: { x: 0, y: 0, z: 0 }, },
// }, transformAnimMap: new Map([
// transformAnimMap: new Map([ [
// [ 0,
// 0, {
// { translate3d: { x: 0, y: 0, z: 0 },
// translate3d: { x: 0, y: 0, z: 0 }, },
// }, ],
// ], [
// [ 1,
// 1, {
// { translate3d: { x: 0, y: 0, z: 800 },
// translate3d: { x: 0, y: 0, z: 800 }, },
// }, ],
// ], ]),
// ]), },
// }, {
// { widthStr: "24rem",
// widthStr: "24rem", backgroundColorStr: "",
// backgroundColorStr: "", backgroundImageStr: "linear-gradient(170deg,#00b6ff,#007fff)",
// backgroundImageStr: "linear-gradient(170deg,#00b6ff,#007fff)", topStr: "",
// topStr: "", rightStr: "calc(50% - 300rem)",
// rightStr: "calc(50% - 300rem)", bottomStr: "calc(50% - 49rem)",
// bottomStr: "calc(50% - 49rem)", leftStr: "",
// leftStr: "", className: "e-square",
// className: "e-square", parentClassName: "effect-box",
// parentClassName: "effect-box", opacity: 0.96,
// opacity: 0.96, opacityAnimMap: new Map([
// opacityAnimMap: new Map([ [0, 0.96],
// [0, 0.96], [1, 1],
// [1, 1], ]),
// ]), transform: {
// transform: { translate3d: { x: 0, y: 0, z: 0 },
// translate3d: { x: 0, y: 0, z: 0 }, },
// }, transformAnimMap: new Map([
// transformAnimMap: new Map([ [
// [ 0,
// 0, {
// { translate3d: { x: 0, y: 0, z: 0 },
// translate3d: { x: 0, y: 0, z: 0 }, },
// }, ],
// ], [
// [ 1,
// 1, {
// { translate3d: { x: 0, y: 0, z: 800 },
// translate3d: { x: 0, y: 0, z: 800 }, },
// }, ],
// ], ]),
// ]), },
// }, {
// { widthStr: "64rem",
// widthStr: "64rem", backgroundColorStr: "",
// backgroundColorStr: "", backgroundImageStr: "linear-gradient(148deg,#76d2ff,#09baff 99%)",
// backgroundImageStr: "linear-gradient(148deg,#76d2ff,#09baff 99%)", topStr: "",
// topStr: "", rightStr: "calc(50% - 453rem)",
// rightStr: "calc(50% - 453rem)", bottomStr: "calc(50% - 170rem)",
// bottomStr: "calc(50% - 170rem)", leftStr: "",
// leftStr: "", className: "e-square",
// className: "e-square", parentClassName: "effect-box",
// parentClassName: "effect-box", opacity: 0.96,
// opacity: 0.96, opacityAnimMap: new Map([
// opacityAnimMap: new Map([ [0, 0.96],
// [0, 0.96], [1, 1],
// [1, 1], ]),
// ]), transform: {
// transform: { translate3d: { x: 0, y: 0, z: 0 },
// translate3d: { x: 0, y: 0, z: 0 }, },
// }, transformAnimMap: new Map([
// transformAnimMap: new Map([ [
// [ 0,
// 0, {
// { translate3d: { x: 0, y: 0, z: 0 },
// translate3d: { x: 0, y: 0, z: 0 }, },
// }, ],
// ], [
// [ 1,
// 1, {
// { translate3d: { x: 0, y: 0, z: 800 },
// translate3d: { x: 0, y: 0, z: 800 }, },
// }, ],
// ], ]),
// ]), },
// }, {
// { widthStr: "96rem",
// widthStr: "96rem", backgroundColorStr: "",
// backgroundColorStr: "", backgroundImageStr: "linear-gradient(136deg,#3e9eff 19%,#0062ff)",
// backgroundImageStr: "linear-gradient(136deg,#3e9eff 19%,#0062ff)", topStr: "",
// topStr: "", rightStr: "calc(50% - 657rem)",
// rightStr: "calc(50% - 657rem)", bottomStr: "calc(50% - 133rem)",
// bottomStr: "calc(50% - 133rem)", leftStr: "",
// leftStr: "", className: "e-square",
// className: "e-square", parentClassName: "effect-box",
// parentClassName: "effect-box", opacity: 0.96,
// opacity: 0.96, opacityAnimMap: new Map([
// opacityAnimMap: new Map([ [0, 0.96],
// [0, 0.96], [1, 1],
// [1, 1], ]),
// ]), transform: {
// transform: { translate3d: { x: 0, y: 0, z: 0 },
// translate3d: { x: 0, y: 0, z: 0 }, },
// }, transformAnimMap: new Map([
// transformAnimMap: new Map([ [
// [ 0,
// 0, {
// { translate3d: { x: 0, y: 0, z: 0 },
// translate3d: { x: 0, y: 0, z: 0 }, },
// }, ],
// ], [
// [ 1,
// 1, {
// { translate3d: { x: 0, y: 0, z: 800 },
// translate3d: { x: 0, y: 0, z: 800 }, },
// }, ],
// ], ]),
// ]), },
// }, {
// { widthStr: "160rem",
// widthStr: "160rem", backgroundColorStr: "",
// backgroundColorStr: "", backgroundImageStr:
// backgroundImageStr: "linear-gradient(147deg,rgba(0,79,255,.6),rgba(0,45,156,.6) 82%),linear-gradient(153deg,#007fff 5%,#0063ff 95%)",
// "linear-gradient(147deg,rgba(0,79,255,.6),rgba(0,45,156,.6) 82%),linear-gradient(153deg,#007fff 5%,#0063ff 95%)", topStr: "",
// topStr: "", rightStr: "calc(50% - 800rem)",
// rightStr: "calc(50% - 800rem)", bottomStr: "calc(50% - 345rem)",
// bottomStr: "calc(50% - 345rem)", leftStr: "",
// leftStr: "", className: "e-square",
// className: "e-square", parentClassName: "effect-box",
// parentClassName: "effect-box", opacity: 0.5,
// opacity: 0.5, opacityAnimMap: new Map([
// opacityAnimMap: new Map([ [0, 0.5],
// [0, 0.5], [1, 1],
// [1, 1], ]),
// ]), transform: {
// transform: { translate3d: { x: 0, y: 0, z: 0 },
// translate3d: { x: 0, y: 0, z: 0 }, },
// }, transformAnimMap: new Map([
// transformAnimMap: new Map([ [
// [ 0,
// 0, {
// { translate3d: { x: 0, y: 0, z: 0 },
// translate3d: { x: 0, y: 0, z: 0 }, },
// }, ],
// ], [
// [ 1,
// 1, {
// { translate3d: { x: 0, y: 0, z: 800 },
// translate3d: { x: 0, y: 0, z: 800 }, },
// }, ],
// ], ]),
// ]), },
// }, {
// { widthStr: "96rem",
// widthStr: "96rem", backgroundColorStr: "",
// backgroundColorStr: "", backgroundImageStr: "linear-gradient(-2deg,rgba(0,45,156,.75),#002d9c)",
// backgroundImageStr: "linear-gradient(-2deg,rgba(0,45,156,.75),#002d9c)", topStr: "",
// topStr: "", rightStr: "calc(50% - 213rem)",
// rightStr: "calc(50% - 213rem)", bottomStr: "calc(50% - 532rem)",
// bottomStr: "calc(50% - 532rem)", leftStr: "",
// leftStr: "", className: "e-square",
// className: "e-square", parentClassName: "effect-box",
// parentClassName: "effect-box", opacity: 0.2,
// opacity: 0.2, opacityAnimMap: new Map([
// opacityAnimMap: new Map([ [0, 0.2],
// [0, 0.2], [1, 1],
// [1, 1], ]),
// ]), transform: {
// transform: { translate3d: { x: 0, y: 0, z: 0 },
// translate3d: { x: 0, y: 0, z: 0 }, },
// }, transformAnimMap: new Map([
// transformAnimMap: new Map([ [
// [ 0,
// 0, {
// { translate3d: { x: 0, y: 0, z: 0 },
// translate3d: { x: 0, y: 0, z: 0 }, },
// }, ],
// ], [
// [ 1,
// 1, {
// { translate3d: { x: 0, y: 0, z: 800 },
// translate3d: { x: 0, y: 0, z: 800 }, },
// }, ],
// ], ]),
// ]), },
// }, {
// { widthStr: "96rem",
// widthStr: "96rem", backgroundColorStr: "",
// backgroundColorStr: "", backgroundImageStr: "linear-gradient(-2deg,rgba(0,45,156,.75),#002d9c)",
// backgroundImageStr: "linear-gradient(-2deg,rgba(0,45,156,.75),#002d9c)", topStr: "",
// topStr: "", rightStr: "calc(50% - 213rem)",
// rightStr: "calc(50% - 213rem)", bottomStr: "calc(50% - 532rem)",
// bottomStr: "calc(50% - 532rem)", leftStr: "",
// leftStr: "", className: "e-square",
// className: "e-square", parentClassName: "effect-box",
// parentClassName: "effect-box", opacity: 0.2,
// opacity: 0.2, opacityAnimMap: new Map([
// opacityAnimMap: new Map([ [0, 0.2],
// [0, 0.2], [1, 1],
// [1, 1], ]),
// ]), transform: {
// transform: { translate3d: { x: 0, y: 0, z: 0 },
// translate3d: { x: 0, y: 0, z: 0 }, },
// }, transformAnimMap: new Map([
// transformAnimMap: new Map([ [
// [ 0,
// 0, {
// { translate3d: { x: 0, y: 0, z: 0 },
// translate3d: { x: 0, y: 0, z: 0 }, },
// }, ],
// ], [
// [ 1,
// 1, {
// { translate3d: { x: 0, y: 0, z: 800 },
// translate3d: { x: 0, y: 0, z: 800 }, },
// }, ],
// ], ]),
// ]), },
// },
// // logo 图标 // logo 图标
// { {
// widthStr: "190rem", widthStr: "190rem",
// backgroundColorStr: "", backgroundColorStr: "",
// backgroundStr: backgroundStr:
// "url(" + "url(" +
// require("@/assets/images/siteArrange/logo-pingtai.png") + require("@/assets/images/siteArrange/logo-pingtai.png") +
// ") center no-repeat", ") center no-repeat",
// topStr: "calc(50% - 90rem)", topStr: "calc(50% - 90rem)",
// rightStr: "", rightStr: "",
// bottomStr: "", bottomStr: "",
// leftStr: "calc(50% - 90rem)", leftStr: "calc(50% - 90rem)",
// className: "e-square", className: "e-square",
// parentClassName: "effect-box", parentClassName: "effect-box",
// opacity: 1, opacity: 1,
// index: 99, index: 99,
// opacityAnimMap: new Map([ opacityAnimMap: new Map([
// [0, 1], // [帧,值] [0, 1], // [帧,值]
// [0.6, 1], [0.6, 1],
// ]), ]),
// transform: { transform: {
// translate3d: { x: 0, y: 0, z: 0 }, translate3d: { x: 0, y: 0, z: 0 },
// scale: 1, scale: 1,
// }, },
// transformAnimMap: new Map([ transformAnimMap: new Map([
// [ [
// 0, 0,
// { {
// translate3d: { x: 0, y: 0, z: 0 }, translate3d: { x: 0, y: 0, z: 0 },
// scale: 1, scale: 1,
// }, },
// ], ],
// [ [
// 1, 1,
// { {
// translate3d: { x: 0, y: -1300, z: 800 }, translate3d: { x: 0, y: -1300, z: 800 },
// scale: 1.5, scale: 1.5,
// }, },
// ], ],
// ]), ]),
// }, },
// // logo 图标 // logo 图标
// { {
// widthStr: "180rem", widthStr: "180rem",
// backgroundColorStr: "", backgroundColorStr: "",
// backgroundImageStr: "linear-gradient(0deg, #2254F3 0%, #15C5FF 100%)", backgroundImageStr: "linear-gradient(0deg, #2254F3 0%, #15C5FF 100%)",
// topStr: "calc(50% - 90rem)", topStr: "calc(50% - 90rem)",
// rightStr: "", rightStr: "",
// bottomStr: "", bottomStr: "",
// leftStr: "calc(50% - 90rem)", leftStr: "calc(50% - 90rem)",
// className: "e-square", className: "e-square",
// parentClassName: "effect-box", parentClassName: "effect-box",
// opacity: 1, opacity: 1,
// opacityAnimMap: new Map([ opacityAnimMap: new Map([
// [0, 1], // [帧,值] [0, 1], // [帧,值]
// [0.6, 1], [0.6, 1],
// ]), ]),
// transform: { transform: {
// translate3d: { x: 0, y: 0, z: 0 }, translate3d: { x: 0, y: 0, z: 0 },
// scale: 1, scale: 1,
// }, },
// transformAnimMap: new Map([ transformAnimMap: new Map([
// [ [
// 0, 0,
// { {
// translate3d: { x: 0, y: 0, z: 0 }, translate3d: { x: 0, y: 0, z: 0 },
// scale: 1, scale: 1,
// }, },
// ], ],
// [ [
// 1, 1,
// { {
// translate3d: { x: 0, y: -1300, z: 800 }, translate3d: { x: 0, y: -1300, z: 800 },
// scale: 1.5, scale: 1.5,
// }, },
// ], ],
// ]), ]),
// }, },
// // 平台设置字体 // 平台设置字体
// { {
// widthStr: "200rem", widthStr: "200rem",
// backgroundColorStr: "", backgroundColorStr: "",
// backgroundImageStr: "", backgroundImageStr: "",
// topStr: "calc(62%)", topStr: "calc(62%)",
// rightStr: "", rightStr: "",
// bottomStr: "", bottomStr: "",
// leftStr: "calc(50% - 98rem)", leftStr: "calc(50% - 98rem)",
// className: "e-square", className: "e-square",
// parentClassName: "effect-box", parentClassName: "effect-box",
// text: "平台设置", text: "平台设置",
// fontSizeStr: "48rem", fontSizeStr: "48rem",
// fontColorStr: "#ffffff", fontColorStr: "#ffffff",
// opacity: 1, opacity: 1,
// opacityAnimMap: new Map([ opacityAnimMap: new Map([
// [0, 1], // [帧,值] [0, 1], // [帧,值]
// [0.6, 1], [0.6, 1],
// ]), ]),
// transform: { transform: {
// translate3d: { x: 0, y: 0, z: 0 }, translate3d: { x: 0, y: 0, z: 0 },
// scale: 1, scale: 1,
// }, },
// transformAnimMap: new Map([ transformAnimMap: new Map([
// [ [
// 0, 0,
// { {
// translate3d: { x: 0, y: 0, z: 0 }, translate3d: { x: 0, y: 0, z: 0 },
// scale: 1, scale: 1,
// }, },
// ], ],
// [ [
// 1, 1,
// { {
// translate3d: { x: 0, y: -1300, z: 800 }, translate3d: { x: 0, y: -1300, z: 800 },
// scale: 1.5, scale: 1.5,
// }, },
// ], ],
// ]), ]),
// }, },
// // e-icon-box 相关元素 // e-icon-box 相关元素
// // e-icon-box-bg // e-icon-box-bg
// { {
// widthStr: "", widthStr: "",
// backgroundColorStr: "", backgroundColorStr: "",
// backgroundImageStr: "", backgroundImageStr: "",
// topStr: "", topStr: "",
// rightStr: "", rightStr: "",
// bottomStr: "", bottomStr: "",
// leftStr: "", leftStr: "",
// className: "e-icon-box-bg", className: "e-icon-box-bg",
// parentClassName: "e-icon-box", parentClassName: "e-icon-box",
// opacity: 0, opacity: 0,
// opacityAnimMap: new Map([ opacityAnimMap: new Map([
// [0.6, 0], // [帧,值] [0.6, 0], // [帧,值]
// [1, 1], [1, 1],
// ]), ]),
// transform: { transform: {
// translate3d: { x: 0, y: 0, z: 10 }, translate3d: { x: 0, y: 0, z: 10 },
// scale: 0.8, scale: 0.8,
// }, },
// transformAnimMap: new Map([ transformAnimMap: new Map([
// [ [
// 0.6, 0.6,
// { {
// translate3d: { x: 0, y: 0, z: 10 }, translate3d: { x: 0, y: 0, z: 10 },
// scale: 0.8, scale: 0.8,
// }, },
// ], ],
// [ [
// 1, 1,
// { {
// translate3d: { x: 0, y: 0, z: 10 }, translate3d: { x: 0, y: 0, z: 10 },
// scale: 1, scale: 1,
// }, },
// ], ],
// ]), ]),
// }, },
// // e-icon-box 上部字体 // e-icon-box 上部字体
// { {
// widthStr: "", widthStr: "",
// backgroundColorStr: "", backgroundColorStr: "",
// backgroundImageStr: "", backgroundImageStr: "",
// topStr: "calc(-38%)", topStr: "calc(-38%)",
// rightStr: "", rightStr: "",
// bottomStr: "", bottomStr: "",
// leftStr: "", leftStr: "",
// className: "title_boxx", className: "title_boxx",
// parentClassName: "e-icon-box", parentClassName: "e-icon-box",
// text: "平台设置", text: "平台设置",
// opacity: 0, opacity: 0,
// fontColorStr: "#ffffff", fontColorStr: "#ffffff",
// opacityAnimMap: new Map([ opacityAnimMap: new Map([
// [0.6, 0], // [帧,值] [0.6, 0], // [帧,值]
// [1, 1], [1, 1],
// ]), ]),
// transform: { transform: {
// translate3d: { x: 0, y: 0, z: 10 }, translate3d: { x: 0, y: 0, z: 10 },
// scale: 0.8, scale: 0.8,
// }, },
// transformAnimMap: new Map([ transformAnimMap: new Map([
// [ [
// 0.6, 0.6,
// { {
// translate3d: { x: 0, y: 0, z: 10 }, translate3d: { x: 0, y: 0, z: 10 },
// scale: 0.8, scale: 0.8,
// }, },
// ], ],
// [ [
// 1, 1,
// { {
// translate3d: { x: 0, y: 0, z: 10 }, translate3d: { x: 0, y: 0, z: 10 },
// scale: 1, scale: 1,
// }, },
// ], ],
// ]), ]),
// }, },
// { {
// widthStr: "", widthStr: "",
// backgroundColorStr: "", backgroundColorStr: "",
// backgroundImageStr: "", backgroundImageStr: "",
// topStr: "calc(-16%)", topStr: "calc(-16%)",
// rightStr: "", rightStr: "",
// bottomStr: "", bottomStr: "",
// leftStr: "", leftStr: "",
// className: "desc_boxx", className: "desc_boxx",
// parentClassName: "e-icon-box", parentClassName: "e-icon-box",
// text: "运用以人工智能为代表的新技术,驱动政务服务模式创新,为人民提供更加智慧化、人性化的政务服务。", text: "运用以人工智能为代表的新技术,驱动政务服务模式创新,为人民提供更加智慧化、人性化的政务服务。",
// opacity: 0, opacity: 0,
// fontColorStr: "#ffffff", fontColorStr: "#ffffff",
// opacityAnimMap: new Map([ opacityAnimMap: new Map([
// [0.6, 0], // [帧,值] [0.6, 0], // [帧,值]
// [1, 1], [1, 1],
// ]), ]),
// transform: { transform: {
// translate3d: { x: 0, y: 0, z: 10 }, translate3d: { x: 0, y: 0, z: 10 },
// scale: 0.8, scale: 0.8,
// }, },
// transformAnimMap: new Map([ transformAnimMap: new Map([
// [ [
// 0.6, 0.6,
// { {
// translate3d: { x: 0, y: 0, z: 10 }, translate3d: { x: 0, y: 0, z: 10 },
// scale: 0.8, scale: 0.8,
// }, },
// ], ],
// [ [
// 1, 1,
// { {
// translate3d: { x: 0, y: 0, z: 10 }, translate3d: { x: 0, y: 0, z: 10 },
// scale: 1, scale: 1,
// }, },
// ], ],
// ]), ]),
// }, },
// // e-icon 上行 // e-icon 上行
// // { {
// // widthStr: "", widthStr: "",
// // backgroundColorStr: "", backgroundColorStr: "",
// // backgroundImageStr: "", backgroundImageStr: "",
// // topStr: "", topStr: "",
// // rightStr: "", rightStr: "",
// // bottomStr: "", bottomStr: "",
// // leftStr: "", leftStr: "",
// // className: "e-icon", className: "e-icon",
// // parentClassName: "e-icon-box", parentClassName: "e-icon-box",
// // opacity: 0, opacity: 0,
// // opacityAnimMap: new Map([ opacityAnimMap: new Map([
// // [0.1, 0], // [帧,值] [0.1, 0], // [帧,值]
// // [1, 1], [1, 1],
// // ]), ]),
// // transform: { transform: {
// // translate3d: { x: 450, y: 80, z: 10 }, translate3d: { x: 450, y: 80, z: 10 },
// // scale: 0, scale: 0,
// // }, },
// // transformAnimMap: new Map([ transformAnimMap: new Map([
// // [ [
// // 0.1, 0.1,
// // { {
// // translate3d: { x: 450, y: 80, z: 10 }, translate3d: { x: 450, y: 80, z: 10 },
// // scale: 0, scale: 0,
// // }, },
// // ], ],
// // [ [
// // 0.1, 0.1,
// // { {
// // translate3d: { x: 450, y: 100, z: 10 }, translate3d: { x: 450, y: 100, z: 10 },
// // scale: 0.5, scale: 0.5,
// // }, },
// // ], ],
// // [ [
// // 1, 1,
// // { {
// // translate3d: { x: 0, y: 0, z: 10 }, translate3d: { x: 0, y: 0, z: 10 },
// // scale: 1, scale: 1,
// // }, },
// // ], ],
// // ]), ]),
// // }, },
// // { {
// // widthStr: "", widthStr: "",
// // backgroundColorStr: "", backgroundColorStr: "",
// // backgroundImageStr: "", backgroundImageStr: "",
// // topStr: "", topStr: "",
// // rightStr: "", rightStr: "",
// // bottomStr: "", bottomStr: "",
// // leftStr: "", leftStr: "",
// // className: "e-icon", className: "e-icon",
// // parentClassName: "e-icon-box", parentClassName: "e-icon-box",
// // opacity: 0, opacity: 0,
// // opacityAnimMap: new Map([ opacityAnimMap: new Map([
// // [0.3, 0], // [帧,值] [0.3, 0], // [帧,值]
// // [1, 1], [1, 1],
// // ]), ]),
// // transform: { transform: {
// // translate3d: { x: 300, y: 80, z: 10 }, translate3d: { x: 300, y: 80, z: 10 },
// // scale: 0, scale: 0,
// // }, },
// // transformAnimMap: new Map([ transformAnimMap: new Map([
// // [ [
// // 0.1, 0.1,
// // { {
// // translate3d: { x: 300, y: 80, z: 10 }, translate3d: { x: 300, y: 80, z: 10 },
// // scale: 0, scale: 0,
// // }, },
// // ], ],
// // [ [
// // 0.3, 0.3,
// // { {
// // translate3d: { x: 300, y: 100, z: 10 }, translate3d: { x: 300, y: 100, z: 10 },
// // scale: 0.5, scale: 0.5,
// // }, },
// // ], ],
// // [ [
// // 1, 1,
// // { {
// // translate3d: { x: 0, y: 0, z: 10 }, translate3d: { x: 0, y: 0, z: 10 },
// // scale: 1, scale: 1,
// // }, },
// // ], ],
// // ]), ]),
// // }, },
// // { {
// // widthStr: "", widthStr: "",
// // backgroundColorStr: "", backgroundColorStr: "",
// // backgroundImageStr: "", backgroundImageStr: "",
// // topStr: "", topStr: "",
// // rightStr: "", rightStr: "",
// // bottomStr: "", bottomStr: "",
// // leftStr: "", leftStr: "",
// // className: "e-icon", className: "e-icon",
// // parentClassName: "e-icon-box", parentClassName: "e-icon-box",
// // opacity: 0, opacity: 0,
// // opacityAnimMap: new Map([ opacityAnimMap: new Map([
// // [0.5, 0], // [帧,值] [0.5, 0], // [帧,值]
// // [1, 1], [1, 1],
// // ]), ]),
// // transform: { transform: {
// // translate3d: { x: 150, y: 80, z: 10 }, translate3d: { x: 150, y: 80, z: 10 },
// // scale: 0, scale: 0,
// // }, },
// // transformAnimMap: new Map([ transformAnimMap: new Map([
// // [ [
// // 0.1, 0.1,
// // { {
// // translate3d: { x: 150, y: 80, z: 10 }, translate3d: { x: 150, y: 80, z: 10 },
// // scale: 0, scale: 0,
// // }, },
// // ], ],
// // [ [
// // 0.5, 0.5,
// // { {
// // translate3d: { x: 150, y: 100, z: 10 }, translate3d: { x: 150, y: 100, z: 10 },
// // scale: 0.5, scale: 0.5,
// // }, },
// // ], ],
// // [ [
// // 1, 1,
// // { {
// // translate3d: { x: 0, y: 0, z: 10 }, translate3d: { x: 0, y: 0, z: 10 },
// // scale: 1, scale: 1,
// // }, },
// // ], ],
// // ]), ]),
// // }, },
// // { {
// // widthStr: "", widthStr: "",
// // backgroundColorStr: "", backgroundColorStr: "",
// // backgroundImageStr: "", backgroundImageStr: "",
// // topStr: "", topStr: "",
// // rightStr: "", rightStr: "",
// // bottomStr: "", bottomStr: "",
// // leftStr: "", leftStr: "",
// // className: "e-icon", className: "e-icon",
// // parentClassName: "e-icon-box", parentClassName: "e-icon-box",
// // opacity: 0, opacity: 0,
// // opacityAnimMap: new Map([ opacityAnimMap: new Map([
// // [0.7, 0], // [帧,值] [0.7, 0], // [帧,值]
// // [1, 1], [1, 1],
// // ]), ]),
// // transform: { transform: {
// // translate3d: { x: 0, y: 80, z: 10 }, translate3d: { x: 0, y: 80, z: 10 },
// // scale: 0, scale: 0,
// // }, },
// // transformAnimMap: new Map([ transformAnimMap: new Map([
// // [ [
// // 0.1, 0.1,
// // { {
// // translate3d: { x: 0, y: 80, z: 10 }, translate3d: { x: 0, y: 80, z: 10 },
// // scale: 0, scale: 0,
// // }, },
// // ], ],
// // [ [
// // 0.7, 0.7,
// // { {
// // translate3d: { x: 0, y: 100, z: 10 }, translate3d: { x: 0, y: 100, z: 10 },
// // scale: 0.5, scale: 0.5,
// // }, },
// // ], ],
// // [ [
// // 1, 1,
// // { {
// // translate3d: { x: 0, y: 0, z: 10 }, translate3d: { x: 0, y: 0, z: 10 },
// // scale: 1, scale: 1,
// // }, },
// // ], ],
// // ]), ]),
// // }, },
// // { {
// // widthStr: "", widthStr: "",
// // backgroundColorStr: "", backgroundColorStr: "",
// // backgroundImageStr: "", backgroundImageStr: "",
// // topStr: "", topStr: "",
// // rightStr: "", rightStr: "",
// // bottomStr: "", bottomStr: "",
// // leftStr: "", leftStr: "",
// // className: "e-icon", className: "e-icon",
// // parentClassName: "e-icon-box", parentClassName: "e-icon-box",
// // opacity: 0, opacity: 0,
// // opacityAnimMap: new Map([ opacityAnimMap: new Map([
// // [0.5, 0], // [帧,值] [0.5, 0], // [帧,值]
// // [1, 1], [1, 1],
// // ]), ]),
// // transform: { transform: {
// // translate3d: { x: -150, y: 80, z: 10 }, translate3d: { x: -150, y: 80, z: 10 },
// // scale: 0, scale: 0,
// // }, },
// // transformAnimMap: new Map([ transformAnimMap: new Map([
// // [ [
// // 0.1, 0.1,
// // { {
// // translate3d: { x: -150, y: 80, z: 10 }, translate3d: { x: -150, y: 80, z: 10 },
// // scale: 0, scale: 0,
// // }, },
// // ], ],
// // [ [
// // 0.5, 0.5,
// // { {
// // translate3d: { x: -150, y: 100, z: 10 }, translate3d: { x: -150, y: 100, z: 10 },
// // scale: 0.5, scale: 0.5,
// // }, },
// // ], ],
// // [ [
// // 1, 1,
// // { {
// // translate3d: { x: 0, y: 0, z: 10 }, translate3d: { x: 0, y: 0, z: 10 },
// // scale: 1, scale: 1,
// // }, },
// // ], ],
// // ]), ]),
// // }, },
// // { {
// // widthStr: "", widthStr: "",
// // backgroundColorStr: "", backgroundColorStr: "",
// // backgroundImageStr: "", backgroundImageStr: "",
// // topStr: "", topStr: "",
// // rightStr: "", rightStr: "",
// // bottomStr: "", bottomStr: "",
// // leftStr: "", leftStr: "",
// // className: "e-icon", className: "e-icon",
// // parentClassName: "e-icon-box", parentClassName: "e-icon-box",
// // opacity: 0, opacity: 0,
// // opacityAnimMap: new Map([ opacityAnimMap: new Map([
// // [0.3, 0], // [帧,值] [0.3, 0], // [帧,值]
// // [1, 1], [1, 1],
// // ]), ]),
// // transform: { transform: {
// // translate3d: { x: -300, y: 80, z: 10 }, translate3d: { x: -300, y: 80, z: 10 },
// // scale: 0, scale: 0,
// // }, },
// // transformAnimMap: new Map([ transformAnimMap: new Map([
// // [ [
// // 0.1, 0.1,
// // { {
// // translate3d: { x: -300, y: 80, z: 10 }, translate3d: { x: -300, y: 80, z: 10 },
// // scale: 0, scale: 0,
// // }, },
// // ], ],
// // [ [
// // 0.3, 0.3,
// // { {
// // translate3d: { x: -300, y: 100, z: 10 }, translate3d: { x: -300, y: 100, z: 10 },
// // scale: 0.5, scale: 0.5,
// // }, },
// // ], ],
// // [ [
// // 1, 1,
// // { {
// // translate3d: { x: 0, y: 0, z: 10 }, translate3d: { x: 0, y: 0, z: 10 },
// // scale: 1, scale: 1,
// // }, },
// // ], ],
// // ]), ]),
// // }, },
// // { {
// // widthStr: "", widthStr: "",
// // backgroundColorStr: "", backgroundColorStr: "",
// // backgroundImageStr: "", backgroundImageStr: "",
// // topStr: "", topStr: "",
// // rightStr: "", rightStr: "",
// // bottomStr: "", bottomStr: "",
// // leftStr: "", leftStr: "",
// // className: "e-icon", className: "e-icon",
// // parentClassName: "e-icon-box", parentClassName: "e-icon-box",
// // opacity: 0, opacity: 0,
// // opacityAnimMap: new Map([ opacityAnimMap: new Map([
// // [0.1, 0], // [帧,值] [0.1, 0], // [帧,值]
// // [1, 1], [1, 1],
// // ]), ]),
// // transform: { transform: {
// // translate3d: { x: -450, y: 80, z: 10 }, translate3d: { x: -450, y: 80, z: 10 },
// // scale: 0, scale: 0,
// // }, },
// // transformAnimMap: new Map([ transformAnimMap: new Map([
// // [ [
// // 0.1, 0.1,
// // { {
// // translate3d: { x: -450, y: 80, z: 10 }, translate3d: { x: -450, y: 80, z: 10 },
// // scale: 0, scale: 0,
// // }, },
// // ], ],
// // [ [
// // 0.1, 0.1,
// // { {
// // translate3d: { x: -450, y: 100, z: 10 }, translate3d: { x: -450, y: 100, z: 10 },
// // scale: 0.5, scale: 0.5,
// // }, },
// // ], ],
// // [ [
// // 1, 1,
// // { {
// // translate3d: { x: 0, y: 0, z: 10 }, translate3d: { x: 0, y: 0, z: 10 },
// // scale: 1, scale: 1,
// // }, },
// // ], ],
// // ]), ]),
// // }, },
// // e-icon 下行 // e-icon 下行
// // { {
// // widthStr: "", widthStr: "",
// // backgroundColorStr: "", backgroundColorStr: "",
// // backgroundImageStr: "", backgroundImageStr: "",
// // topStr: "", topStr: "",
// // rightStr: "", rightStr: "",
// // bottomStr: "", bottomStr: "",
// // leftStr: "", leftStr: "",
// // className: "e-icon", className: "e-icon",
// // parentClassName: "e-icon-box", parentClassName: "e-icon-box",
// // opacity: 0, opacity: 0,
// // opacityAnimMap: new Map([ opacityAnimMap: new Map([
// // [0.1, 0], // [帧,值] [0.1, 0], // [帧,值]
// // [1, 1], [1, 1],
// // ]), ]),
// // transform: { transform: {
// // translate3d: { x: 450, y: -80, z: 10 }, translate3d: { x: 450, y: -80, z: 10 },
// // scale: 0, scale: 0,
// // }, },
// // transformAnimMap: new Map([ transformAnimMap: new Map([
// // [ [
// // 0.1, 0.1,
// // { {
// // translate3d: { x: 450, y: -80, z: 10 }, translate3d: { x: 450, y: -80, z: 10 },
// // scale: 0, scale: 0,
// // }, },
// // ], ],
// // [ [
// // 0.1, 0.1,
// // { {
// // translate3d: { x: 450, y: -100, z: 10 }, translate3d: { x: 450, y: -100, z: 10 },
// // scale: 0.5, scale: 0.5,
// // }, },
// // ], ],
// // [ [
// // 1, 1,
// // { {
// // translate3d: { x: 0, y: 0, z: 10 }, translate3d: { x: 0, y: 0, z: 10 },
// // scale: 1, scale: 1,
// // }, },
// // ], ],
// // ]), ]),
// // }, },
// // { {
// // widthStr: "", widthStr: "",
// // backgroundColorStr: "", backgroundColorStr: "",
// // backgroundImageStr: "", backgroundImageStr: "",
// // topStr: "", topStr: "",
// // rightStr: "", rightStr: "",
// // bottomStr: "", bottomStr: "",
// // leftStr: "", leftStr: "",
// // className: "e-icon", className: "e-icon",
// // parentClassName: "e-icon-box", parentClassName: "e-icon-box",
// // opacity: 0, opacity: 0,
// // opacityAnimMap: new Map([ opacityAnimMap: new Map([
// // [0.3, 0], // [帧,值] [0.3, 0], // [帧,值]
// // [1, 1], [1, 1],
// // ]), ]),
// // transform: { transform: {
// // translate3d: { x: 300, y: -80, z: 10 }, translate3d: { x: 300, y: -80, z: 10 },
// // scale: 0, scale: 0,
// // }, },
// // transformAnimMap: new Map([ transformAnimMap: new Map([
// // [ [
// // 0.1, 0.1,
// // { {
// // translate3d: { x: 300, y: -80, z: 10 }, translate3d: { x: 300, y: -80, z: 10 },
// // scale: 0, scale: 0,
// // }, },
// // ], ],
// // [ [
// // 0.3, 0.3,
// // { {
// // translate3d: { x: 300, y: -100, z: 10 }, translate3d: { x: 300, y: -100, z: 10 },
// // scale: 0.5, scale: 0.5,
// // }, },
// // ], ],
// // [ [
// // 1, 1,
// // { {
// // translate3d: { x: 0, y: 0, z: 10 }, translate3d: { x: 0, y: 0, z: 10 },
// // scale: 1, scale: 1,
// // }, },
// // ], ],
// // ]), ]),
// // }, },
// // { {
// // widthStr: "", widthStr: "",
// // backgroundColorStr: "", backgroundColorStr: "",
// // backgroundImageStr: "", backgroundImageStr: "",
// // topStr: "", topStr: "",
// // rightStr: "", rightStr: "",
// // bottomStr: "", bottomStr: "",
// // leftStr: "", leftStr: "",
// // className: "e-icon", className: "e-icon",
// // parentClassName: "e-icon-box", parentClassName: "e-icon-box",
// // opacity: 0, opacity: 0,
// // opacityAnimMap: new Map([ opacityAnimMap: new Map([
// // [0.5, 0], // [帧,值] [0.5, 0], // [帧,值]
// // [1, 1], [1, 1],
// // ]), ]),
// // transform: { transform: {
// // translate3d: { x: 150, y: -80, z: 10 }, translate3d: { x: 150, y: -80, z: 10 },
// // scale: 0, scale: 0,
// // }, },
// // transformAnimMap: new Map([ transformAnimMap: new Map([
// // [ [
// // 0.1, 0.1,
// // { {
// // translate3d: { x: 150, y: -80, z: 10 }, translate3d: { x: 150, y: -80, z: 10 },
// // scale: 0, scale: 0,
// // }, },
// // ], ],
// // [ [
// // 0.5, 0.5,
// // { {
// // translate3d: { x: 150, y: -100, z: 10 }, translate3d: { x: 150, y: -100, z: 10 },
// // scale: 0.5, scale: 0.5,
// // }, },
// // ], ],
// // [ [
// // 1, 1,
// // { {
// // translate3d: { x: 0, y: 0, z: 10 }, translate3d: { x: 0, y: 0, z: 10 },
// // scale: 1, scale: 1,
// // }, },
// // ], ],
// // ]), ]),
// // }, },
// // { {
// // widthStr: "", widthStr: "",
// // backgroundColorStr: "", backgroundColorStr: "",
// // backgroundImageStr: "", backgroundImageStr: "",
// // topStr: "", topStr: "",
// // rightStr: "", rightStr: "",
// // bottomStr: "", bottomStr: "",
// // leftStr: "", leftStr: "",
// // className: "e-icon", className: "e-icon",
// // parentClassName: "e-icon-box", parentClassName: "e-icon-box",
// // opacity: 0, opacity: 0,
// // opacityAnimMap: new Map([ opacityAnimMap: new Map([
// // [0.7, 0], // [帧,值] [0.7, 0], // [帧,值]
// // [1, 1], [1, 1],
// // ]), ]),
// // transform: { transform: {
// // translate3d: { x: 0, y: -80, z: 10 }, translate3d: { x: 0, y: -80, z: 10 },
// // scale: 0, scale: 0,
// // }, },
// // transformAnimMap: new Map([ transformAnimMap: new Map([
// // [ [
// // 0.1, 0.1,
// // { {
// // translate3d: { x: 0, y: -80, z: 10 }, translate3d: { x: 0, y: -80, z: 10 },
// // scale: 0, scale: 0,
// // }, },
// // ], ],
// // [ [
// // 0.7, 0.7,
// // { {
// // translate3d: { x: 0, y: -100, z: 10 }, translate3d: { x: 0, y: -100, z: 10 },
// // scale: 0.5, scale: 0.5,
// // }, },
// // ], ],
// // [ [
// // 1, 1,
// // { {
// // translate3d: { x: 0, y: 0, z: 10 }, translate3d: { x: 0, y: 0, z: 10 },
// // scale: 1, scale: 1,
// // }, },
// // ], ],
// // ]), ]),
// // }, },
// // { {
// // widthStr: "", widthStr: "",
// // backgroundColorStr: "", backgroundColorStr: "",
// // backgroundImageStr: "", backgroundImageStr: "",
// // topStr: "", topStr: "",
// // rightStr: "", rightStr: "",
// // bottomStr: "", bottomStr: "",
// // leftStr: "", leftStr: "",
// // className: "e-icon", className: "e-icon",
// // parentClassName: "e-icon-box", parentClassName: "e-icon-box",
// // opacity: 0, opacity: 0,
// // opacityAnimMap: new Map([ opacityAnimMap: new Map([
// // [0.5, 0], // [帧,值] [0.5, 0], // [帧,值]
// // [1, 1], [1, 1],
// // ]), ]),
// // transform: { transform: {
// // translate3d: { x: -150, y: -80, z: 10 }, translate3d: { x: -150, y: -80, z: 10 },
// // scale: 0, scale: 0,
// // }, },
// // transformAnimMap: new Map([ transformAnimMap: new Map([
// // [ [
// // 0.1, 0.1,
// // { {
// // translate3d: { x: -150, y: -80, z: 10 }, translate3d: { x: -150, y: -80, z: 10 },
// // scale: 0, scale: 0,
// // }, },
// // ], ],
// // [ [
// // 0.5, 0.5,
// // { {
// // translate3d: { x: -150, y: -100, z: 10 }, translate3d: { x: -150, y: -100, z: 10 },
// // scale: 0.5, scale: 0.5,
// // }, },
// // ], ],
// // [ [
// // 1, 1,
// // { {
// // translate3d: { x: 0, y: 0, z: 10 }, translate3d: { x: 0, y: 0, z: 10 },
// // scale: 1, scale: 1,
// // }, },
// // ], ],
// // ]), ]),
// // }, },
// // { {
// // widthStr: "", widthStr: "",
// // backgroundColorStr: "", backgroundColorStr: "",
// // backgroundImageStr: "", backgroundImageStr: "",
// // topStr: "", topStr: "",
// // rightStr: "", rightStr: "",
// // bottomStr: "", bottomStr: "",
// // leftStr: "", leftStr: "",
// // className: "e-icon", className: "e-icon",
// // parentClassName: "e-icon-box", parentClassName: "e-icon-box",
// // opacity: 0, opacity: 0,
// // opacityAnimMap: new Map([ opacityAnimMap: new Map([
// // [0.3, 0], // [帧,值] [0.3, 0], // [帧,值]
// // [1, 1], [1, 1],
// // ]), ]),
// // transform: { transform: {
// // translate3d: { x: -300, y: -80, z: 10 }, translate3d: { x: -300, y: -80, z: 10 },
// // scale: 0, scale: 0,
// // }, },
// // transformAnimMap: new Map([ transformAnimMap: new Map([
// // [ [
// // 0.1, 0.1,
// // { {
// // translate3d: { x: -300, y: -80, z: 10 }, translate3d: { x: -300, y: -80, z: 10 },
// // scale: 0, scale: 0,
// // }, },
// // ], ],
// // [ [
// // 0.3, 0.3,
// // { {
// // translate3d: { x: -300, y: -100, z: 10 }, translate3d: { x: -300, y: -100, z: 10 },
// // scale: 0.5, scale: 0.5,
// // }, },
// // ], ],
// // [ [
// // 1, 1,
// // { {
// // translate3d: { x: 0, y: 0, z: 10 }, translate3d: { x: 0, y: 0, z: 10 },
// // scale: 1, scale: 1,
// // }, },
// // ], ],
// // ]), ]),
// // }, },
// // { {
// // widthStr: "", widthStr: "",
// // backgroundColorStr: "", backgroundColorStr: "",
// // backgroundImageStr: "", backgroundImageStr: "",
// // topStr: "", topStr: "",
// // rightStr: "", rightStr: "",
// // bottomStr: "", bottomStr: "",
// // leftStr: "", leftStr: "",
// // className: "e-icon", className: "e-icon",
// // parentClassName: "e-icon-box", parentClassName: "e-icon-box",
// // opacity: 0, opacity: 0,
// // opacityAnimMap: new Map([ opacityAnimMap: new Map([
// // [0.1, 0], // [帧,值] [0.1, 0], // [帧,值]
// // [1, 1], [1, 1],
// // ]), ]),
// // transform: { transform: {
// // translate3d: { x: -450, y: -80, z: 10 }, translate3d: { x: -450, y: -80, z: 10 },
// // scale: 0, scale: 0,
// // }, },
// // transformAnimMap: new Map([ transformAnimMap: new Map([
// // [ [
// // 0.1, 0.1,
// // { {
// // translate3d: { x: -450, y: -80, z: 10 }, translate3d: { x: -450, y: -80, z: 10 },
// // scale: 0, scale: 0,
// // }, },
// // ], ],
// // [ [
// // 0.1, 0.1,
// // { {
// // translate3d: { x: -450, y: -100, z: 10 }, translate3d: { x: -450, y: -100, z: 10 },
// // scale: 0.5, scale: 0.5,
// // }, },
// // ], ],
// // [ [
// // 1, 1,
// // { {
// // translate3d: { x: 0, y: 0, z: 10 }, translate3d: { x: 0, y: 0, z: 10 },
// // scale: 1, scale: 1,
// // }, },
// // ], ],
// // ]), ]),
// // }, },
// ], ],
}; };
// 特效管理 // 特效管理
class EffectManager { class EffectManager {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment