Skip to content

S
smart_gov_platform
Commit c54d2405 authored by 姬鋆屾's avatar 姬鋆屾
Browse files
Options

tui

parent 345ed7d9
Show whitespace changes
Inline Side-by-side
Showing with 1614 additions and 1610 deletions
portal-manager-ui/admin/src/views/thePlatformIsSet/setPlatformes.vue
View file @ c54d2405
...@@ -58,1486 +58,899 @@ import { mapState, mapMutations, mapGetters } from "vuex"; ...@@ -58,1486 +58,899 @@ import { mapState, mapMutations, mapGetters } from "vuex";
let _this = null; let _this = null;
const anim_data = { const anim_data = {
domArr: [ domArr: [],
// 杂乱的正方形 // [
{ // // 杂乱的正方形
widthStr: "160rem", // {
backgroundColorStr: "", // widthStr: "160rem",
backgroundImageStr: // backgroundColorStr: "",
"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%)", // backgroundImageStr:
topStr: "calc(50% - 421rem)", // "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%)",
rightStr: "", // topStr: "calc(50% - 421rem)",
bottomStr: "", // rightStr: "",
leftStr: "calc(50% - 756rem)", // bottomStr: "",
className: "e-square", // leftStr: "calc(50% - 756rem)",
parentClassName: "effect-box", // className: "e-square",
opacity: 0.4, // parentClassName: "effect-box",
opacityAnimMap: new Map([ // opacity: 0.4,
[0.2, 0.4], // [帧，值] // opacityAnimMap: new Map([
[1, 1], // [0.2, 0.4], // [帧，值]
]), // [1, 1],
transform: { // ]),
translate3d: { x: 0, y: 0, z: 0 }, // transform: {
}, // 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", // {
backgroundColorStr: "", // widthStr: "80rem",
backgroundImageStr: // backgroundColorStr: "",
"linear-gradient(133deg,rgba(255,186,0,0),rgba(255,207,0,.6) 68%),linear-gradient(170deg,#ffc400,#ff9200),linear-gradient(170deg,#ffc400,#ff9200)", // backgroundImageStr:
topStr: "calc(50% - 192rem)", // "linear-gradient(133deg,rgba(255,186,0,0),rgba(255,207,0,.6) 68%),linear-gradient(170deg,#ffc400,#ff9200),linear-gradient(170deg,#ffc400,#ff9200)",
rightStr: "", // topStr: "calc(50% - 192rem)",
bottomStr: "", // rightStr: "",
leftStr: "calc(50% - 487rem)", // bottomStr: "",
className: "e-square", // leftStr: "calc(50% - 487rem)",
parentClassName: "effect-box", // className: "e-square",
opacity: 1, // parentClassName: "effect-box",
opacityAnimMap: new Map([]), // opacity: 1,
transform: { // opacityAnimMap: new Map([]),
translate3d: { x: 0, y: 0, z: 0 }, // transform: {
}, // 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", // {
backgroundColorStr: "#cc7201", // widthStr: "96rem",
backgroundImageStr: "", // backgroundColorStr: "#cc7201",
topStr: "calc(50% - 141rem)", // backgroundImageStr: "",
rightStr: "", // topStr: "calc(50% - 141rem)",
bottomStr: "", // rightStr: "",
leftStr: "calc(50% - 624rem)", // bottomStr: "",
className: "e-square", // leftStr: "calc(50% - 624rem)",
parentClassName: "effect-box", // className: "e-square",
opacity: 0.8, // parentClassName: "effect-box",
opacityAnimMap: new Map([ // opacity: 0.8,
[0, 0.8], // opacityAnimMap: new Map([
[1, 1], // [0, 0.8],
]), // [1, 1],
transform: { // ]),
translate3d: { x: 0, y: 0, z: 0 }, // transform: {
}, // 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", // {
backgroundColorStr: "", // widthStr: "40rem",
backgroundImageStr: "linear-gradient(170deg,#3e9eff,#0062ff)", // backgroundColorStr: "",
topStr: "calc(50% - 67rem)", // backgroundImageStr: "linear-gradient(170deg,#3e9eff,#0062ff)",
rightStr: "", // topStr: "calc(50% - 67rem)",
bottomStr: "", // rightStr: "",
leftStr: "calc(50% - 316rem)", // bottomStr: "",
className: "e-square", // leftStr: "calc(50% - 316rem)",
parentClassName: "effect-box", // className: "e-square",
opacity: 0.75, // parentClassName: "effect-box",
opacityAnimMap: new Map([ // opacity: 0.75,
[0, 0.75], // opacityAnimMap: new Map([
[1, 1], // [0, 0.75],
]), // [1, 1],
transform: { // ]),
translate3d: { x: 0, y: 0, z: 0 }, // transform: {
}, // 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", // {
backgroundColorStr: "", // widthStr: "46rem",
backgroundImageStr: // backgroundColorStr: "",
"radial-gradient(77deg,#ff8300 0,#ff9200 54%,rgba(255,146,0,0) 128%),linear-gradient(77deg,#ffb400,#ff9200 25%,#ffdf2f 68%,#ff8e00)", // backgroundImageStr:
topStr: "calc(50% - 28rem)", // "radial-gradient(77deg,#ff8300 0,#ff9200 54%,rgba(255,146,0,0) 128%),linear-gradient(77deg,#ffb400,#ff9200 25%,#ffdf2f 68%,#ff8e00)",
rightStr: "", // topStr: "calc(50% - 28rem)",
bottomStr: "", // rightStr: "",
leftStr: "calc(50% - 259rem)", // bottomStr: "",
className: "e-square", // leftStr: "calc(50% - 259rem)",
parentClassName: "effect-box", // className: "e-square",
opacity: 0.3, // parentClassName: "effect-box",
opacityAnimMap: new Map([ // opacity: 0.3,
[0, 0.3], // opacityAnimMap: new Map([
[1, 1], // [0, 0.3],
]), // [1, 1],
transform: { // ]),
translate3d: { x: 0, y: 0, z: 0 }, // transform: {
}, // 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", // {
backgroundColorStr: "", // widthStr: "72rem",
backgroundImageStr: // backgroundColorStr: "",
"radial-gradient(77deg,#ff8300 0,#ff9200 54%,rgba(255,146,0,0) 128%),linear-gradient(77deg,#ffb400,#ff9200 25%,#ffdf2f 68%,#ff8e00)", // backgroundImageStr:
topStr: "", // "radial-gradient(77deg,#ff8300 0,#ff9200 54%,rgba(255,146,0,0) 128%),linear-gradient(77deg,#ffb400,#ff9200 25%,#ffdf2f 68%,#ff8e00)",
rightStr: "", // topStr: "",
bottomStr: "calc(50% - 175rem)", // rightStr: "",
leftStr: "calc(50% - 579rem)", // bottomStr: "calc(50% - 175rem)",
className: "e-square", // leftStr: "calc(50% - 579rem)",
parentClassName: "effect-box", // className: "e-square",
opacity: 0.4, // parentClassName: "effect-box",
opacityAnimMap: new Map([ // opacity: 0.4,
[0, 0.4], // opacityAnimMap: new Map([
[1, 1], // [0, 0.4],
]), // [1, 1],
transform: { // ]),
translate3d: { x: 0, y: 0, z: 0 }, // transform: {
}, // 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", // {
backgroundColorStr: "", // widthStr: "160rem",
backgroundImageStr: // backgroundColorStr: "",
"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))", // backgroundImageStr:
topStr: "", // "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))",
rightStr: "", // topStr: "",
bottomStr: "calc(50% - 412rem)", // rightStr: "",
leftStr: "calc(50% - 701rem)", // bottomStr: "calc(50% - 412rem)",
className: "e-square", // leftStr: "calc(50% - 701rem)",
parentClassName: "effect-box", // className: "e-square",
opacity: 0.3, // parentClassName: "effect-box",
opacityAnimMap: new Map([ // opacity: 0.3,
[0, 0.3], // opacityAnimMap: new Map([
[1, 1], // [0, 0.3],
]), // [1, 1],
transform: { // ]),
translate3d: { x: 0, y: 0, z: 0 }, // transform: {
}, // 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", // {
backgroundColorStr: "", // widthStr: "24rem",
backgroundImageStr: // backgroundColorStr: "",
"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))", // backgroundImageStr:
topStr: "calc(50% - 3rem)", // "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))",
rightStr: "", // topStr: "calc(50% - 3rem)",
bottomStr: "", // rightStr: "",
leftStr: "calc(50% - 243rem)", // bottomStr: "",
className: "e-square", // leftStr: "calc(50% - 243rem)",
parentClassName: "effect-box", // className: "e-square",
opacity: 0.3, // parentClassName: "effect-box",
opacityAnimMap: new Map([ // opacity: 0.3,
[0, 0.3], // opacityAnimMap: new Map([
[1, 1], // [0, 0.3],
]), // [1, 1],
transform: { // ]),
translate3d: { x: 0, y: 0, z: 0 }, // transform: {
}, // 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",
backgroundColorStr: "",
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%)",
topStr: "calc(50% - 473rem)",
rightStr: "",
bottomStr: "",
leftStr: "calc(50% - 154rem)",
className: "e-square",
parentClassName: "effect-box",
opacity: 0.3,
opacityAnimMap: new Map([
[0, 0.3],
[1, 1],
]),
transform: {
translate3d: { x: 0, y: 0, z: 0 },
},
transformAnimMap: new Map([
[
0,
{
translate3d: { x: 0, y: 0, z: 0 },
},
],
[
1,
{
translate3d: { x: 0, y: 0, z: 800 },
},
],
]),
},
{
widthStr: "46rem",
backgroundColorStr: "#ffa800",
backgroundImageStr: "",
topStr: "",
rightStr: "",
bottomStr: "calc(50% - 98rem)",
leftStr: "calc(50% - 362rem)",
className: "e-square",
parentClassName: "effect-box",
opacity: 0.95,
opacityAnimMap: new Map([
[0, 0.95],
[1, 1],
]),
transform: {
translate3d: { x: 0, y: 0, z: 0 },
},
transformAnimMap: new Map([
[
0,
{
translate3d: { x: 0, y: 0, z: 0 },
},
],
[
1,
{
translate3d: { x: 0, y: 0, z: 800 },
},
],
]),
},
{
widthStr: "96rem",
backgroundColorStr: "",
backgroundImageStr:
"linear-gradient(180deg,#004fff,rgba(0,45,156,0) 70%)",
topStr: "",
rightStr: "",
bottomStr: "calc(50% - 498rem)",
leftStr: "calc(50% - 165rem)",
className: "e-square",
parentClassName: "effect-box",
opacity: 0.95,
opacityAnimMap: new Map([
[0, 0.95],
[1, 1],
]),
transform: {
translate3d: { x: 0, y: 0, z: 0 },
},
transformAnimMap: new Map([
[
0,
{
translate3d: { x: 0, y: 0, z: 0 },
},
],
[
1,
{
translate3d: { x: 0, y: 0, z: 800 },
},
],
]),
},
{
widthStr: "40rem",
backgroundColorStr: "",
backgroundImageStr:
"-webkit-radial-gradient(top,rgba(0,45,156,.75) 0,#002d9c 92%,rgba(0,45,156,0) 166%)",
topStr: "",
rightStr: "",
bottomStr: "calc(50% - 352rem)",
leftStr: "calc(50% - 26rem)",
className: "e-square",
parentClassName: "effect-box",
opacity: 0.35,
opacityAnimMap: new Map([
[0, 0.35],
[1, 1],
]),
transform: {
translate3d: { x: 0, y: 0, z: 0 },
},
transformAnimMap: new Map([
[
0,
{
translate3d: { x: 0, y: 0, z: 0 },
},
],
[
1,
{
translate3d: { x: 0, y: 0, z: 800 },
},
],
]),
},
{
widthStr: "64rem",
backgroundColorStr: "",
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%)",
topStr: "calc(50% - 395rem)",
rightStr: "calc(50% - 102rem)",
bottomStr: "",
leftStr: "",
className: "e-square",
parentClassName: "effect-box",
opacity: 0.4,
opacityAnimMap: new Map([
[0, 0.4],
[1, 1],
]),
transform: {
translate3d: { x: 0, y: 0, z: 0 },
},
transformAnimMap: new Map([
[
0,
{
translate3d: { x: 0, y: 0, z: 0 },
},
],
[
1,
{
translate3d: { x: 0, y: 0, z: 800 },
},
],
]),
},
{
widthStr: "24rem",
backgroundColorStr: "",
backgroundImageStr:
"linear-gradient(147deg,#004fff,#002d9c 82%),linear-gradient(153deg,#007fff 5%,#0063ff 95%)",
topStr: "calc(50% - 206rem)",
rightStr: "calc(50% - 38rem)",
bottomStr: "",
leftStr: "",
className: "e-square",
parentClassName: "effect-box",
opacity: 0.3,
opacityAnimMap: new Map([
[0, 0.3],
[1, 1],
]),
transform: {
translate3d: { x: 0, y: 0, z: 0 },
},
transformAnimMap: new Map([
[
0,
{
translate3d: { x: 0, y: 0, z: 0 },
},
],
[
1,
{
translate3d: { x: 0, y: 0, z: 800 },
},
],
]),
},
{
widthStr: "130rem",
backgroundColorStr: "",
backgroundImageStr:
"linear-gradient(147deg,#004fff,#002d9c 82%),linear-gradient(153deg,#007fff 5%,#0063ff 95%)",
topStr: "calc(50% - 263rem)",
rightStr: "calc(50% - 704rem)",
bottomStr: "",
leftStr: "",
className: "e-square",
parentClassName: "effect-box",
opacity: 0.67,
opacityAnimMap: new Map([
[0, 0.67],
[1, 1],
]),
transform: {
translate3d: { x: 0, y: 0, z: 0 },
},
transformAnimMap: new Map([
[
0,
{
translate3d: { x: 0, y: 0, z: 0 },
},
],
[
1,
{
translate3d: { x: 0, y: 0, z: 800 },
},
],
]),
},
{
widthStr: "64rem",
backgroundColorStr: "",
backgroundImageStr: "linear-gradient(128deg,#00ebb6,#00ba46 69%)",
topStr: "calc(50% - 226rem)",
rightStr: "calc(50% - 505rem)",
bottomStr: "",
leftStr: "",
className: "e-square",
parentClassName: "effect-box",
opacity: 0.95,
opacityAnimMap: new Map([
[0, 0.95],
[1, 1],
]),
transform: {
translate3d: { x: 0, y: 0, z: 0 },
},
transformAnimMap: new Map([
[
0,
{
translate3d: { x: 0, y: 0, z: 0 },
},
],
[
1,
{
translate3d: { x: 0, y: 0, z: 800 },
},
],
]),
},
{
widthStr: "24rem",
backgroundColorStr: "",
backgroundImageStr: "linear-gradient(170deg,#ffc400,rgba(255,207,0,.6))",
topStr: "calc(50% - 52rem)",
rightStr: "calc(50% - 218rem)",
bottomStr: "",
leftStr: "",
className: "e-square",
parentClassName: "effect-box",
opacity: 0.2,
opacityAnimMap: new Map([
[0, 0.2],
[1, 1],
]),
transform: {
translate3d: { x: 0, y: 0, z: 0 },
},
transformAnimMap: new Map([
[
0,
{
translate3d: { x: 0, y: 0, z: 0 },
},
],
[
1,
{
translate3d: { x: 0, y: 0, z: 800 },
},
],
]),
},
{
widthStr: "24rem",
backgroundColorStr: "",
backgroundImageStr: "linear-gradient(170deg,#00b6ff,#007fff)",
topStr: "",
rightStr: "calc(50% - 300rem)",
bottomStr: "calc(50% - 49rem)",
leftStr: "",
className: "e-square",
parentClassName: "effect-box",
opacity: 0.96,
opacityAnimMap: new Map([
[0, 0.96],
[1, 1],
]),
transform: {
translate3d: { x: 0, y: 0, z: 0 },
},
transformAnimMap: new Map([
[
0,
{
translate3d: { x: 0, y: 0, z: 0 },
},
],
[
1,
{
translate3d: { x: 0, y: 0, z: 800 },
},
],
]),
},
{
widthStr: "64rem",
backgroundColorStr: "",
backgroundImageStr: "linear-gradient(148deg,#76d2ff,#09baff 99%)",
topStr: "",
rightStr: "calc(50% - 453rem)",
bottomStr: "calc(50% - 170rem)",
leftStr: "",
className: "e-square",
parentClassName: "effect-box",
opacity: 0.96,
opacityAnimMap: new Map([
[0, 0.96],
[1, 1],
]),
transform: {
translate3d: { x: 0, y: 0, z: 0 },
},
transformAnimMap: new Map([
[
0,
{
translate3d: { x: 0, y: 0, z: 0 },
},
],
[
1,
{
translate3d: { x: 0, y: 0, z: 800 },
},
],
]),
},
{
widthStr: "96rem",
backgroundColorStr: "",
backgroundImageStr: "linear-gradient(136deg,#3e9eff 19%,#0062ff)",
topStr: "",
rightStr: "calc(50% - 657rem)",
bottomStr: "calc(50% - 133rem)",
leftStr: "",
className: "e-square",
parentClassName: "effect-box",
opacity: 0.96,
opacityAnimMap: new Map([
[0, 0.96],
[1, 1],
]),
transform: {
translate3d: { x: 0, y: 0, z: 0 },
},
transformAnimMap: new Map([
[
0,
{
translate3d: { x: 0, y: 0, z: 0 },
},
],
[
1,
{
translate3d: { x: 0, y: 0, z: 800 },
},
],
]),
},
{
widthStr: "160rem",
backgroundColorStr: "",
backgroundImageStr:
"linear-gradient(147deg,rgba(0,79,255,.6),rgba(0,45,156,.6) 82%),linear-gradient(153deg,#007fff 5%,#0063ff 95%)",
topStr: "",
rightStr: "calc(50% - 800rem)",
bottomStr: "calc(50% - 345rem)",
leftStr: "",
className: "e-square",
parentClassName: "effect-box",
opacity: 0.5,
opacityAnimMap: new Map([
[0, 0.5],
[1, 1],
]),
transform: {
translate3d: { x: 0, y: 0, z: 0 },
},
transformAnimMap: new Map([
[
0,
{
translate3d: { x: 0, y: 0, z: 0 },
},
],
[
1,
{
translate3d: { x: 0, y: 0, z: 800 },
},
],
]),
},
{
widthStr: "96rem",
backgroundColorStr: "",
backgroundImageStr: "linear-gradient(-2deg,rgba(0,45,156,.75),#002d9c)",
topStr: "",
rightStr: "calc(50% - 213rem)",
bottomStr: "calc(50% - 532rem)",
leftStr: "",
className: "e-square",
parentClassName: "effect-box",
opacity: 0.2,
opacityAnimMap: new Map([
[0, 0.2],
[1, 1],
]),
transform: {
translate3d: { x: 0, y: 0, z: 0 },
},
transformAnimMap: new Map([
[
0,
{
translate3d: { x: 0, y: 0, z: 0 },
},
],
[
1,
{
translate3d: { x: 0, y: 0, z: 800 },
},
],
]),
},
{
widthStr: "96rem",
backgroundColorStr: "",
backgroundImageStr: "linear-gradient(-2deg,rgba(0,45,156,.75),#002d9c)",
topStr: "",
rightStr: "calc(50% - 213rem)",
bottomStr: "calc(50% - 532rem)",
leftStr: "",
className: "e-square",
parentClassName: "effect-box",
opacity: 0.2,
opacityAnimMap: new Map([
[0, 0.2],
[1, 1],
]),
transform: {
translate3d: { x: 0, y: 0, z: 0 },
},
transformAnimMap: new Map([
[
0,
{
translate3d: { x: 0, y: 0, z: 0 },
},
],
[
1,
{
translate3d: { x: 0, y: 0, z: 800 },
},
],
]),
},
// logo 图标
{
widthStr: "190rem",
backgroundColorStr: "",
backgroundStr:
"url(" +
require("@/assets/images/siteArrange/logo-pingtai.png") +
") center no-repeat",
topStr: "calc(50% - 90rem)",
rightStr: "",
bottomStr: "",
leftStr: "calc(50% - 90rem)",
className: "e-square",
parentClassName: "effect-box",
opacity: 1,
index: 99,
opacityAnimMap: new Map([
[0, 1], // [帧，值]
[0.6, 1],
]),
transform: {
translate3d: { x: 0, y: 0, z: 0 },
scale: 1,
},
transformAnimMap: new Map([
[
0,
{
translate3d: { x: 0, y: 0, z: 0 },
scale: 1,
},
],
[
1,
{
translate3d: { x: 0, y: -1300, z: 800 },
scale: 1.5,
},
],
]),
},
// logo 图标
{
widthStr: "180rem",
backgroundColorStr: "",
backgroundImageStr: "linear-gradient(0deg, #2254F3 0%, #15C5FF 100%)",
topStr: "calc(50% - 90rem)",
rightStr: "",
bottomStr: "",
leftStr: "calc(50% - 90rem)",
className: "e-square",
parentClassName: "effect-box",
opacity: 1,
opacityAnimMap: new Map([
[0, 1], // [帧，值]
[0.6, 1],
]),
transform: {
translate3d: { x: 0, y: 0, z: 0 },
scale: 1,
},
transformAnimMap: new Map([
[
0,
{
translate3d: { x: 0, y: 0, z: 0 },
scale: 1,
},
],
[
1,
{
translate3d: { x: 0, y: -1300, z: 800 },
scale: 1.5,
},
],
]),
},
// 平台设置字体
{
widthStr: "200rem",
backgroundColorStr: "",
backgroundImageStr: "",
topStr: "calc(62%)",
rightStr: "",
bottomStr: "",
leftStr: "calc(50% - 98rem)",
className: "e-square",
parentClassName: "effect-box",
text: "平台设置",
fontSizeStr: "48rem",
fontColorStr: "#ffffff",
opacity: 1,
opacityAnimMap: new Map([
[0, 1], // [帧，值]
[0.6, 1],
]),
transform: {
translate3d: { x: 0, y: 0, z: 0 },
scale: 1,
},
transformAnimMap: new Map([
[
0,
{
translate3d: { x: 0, y: 0, z: 0 },
scale: 1,
},
],
[
1,
{
translate3d: { x: 0, y: -1300, z: 800 },
scale: 1.5,
},
],
]),
},
// e-icon-box 相关元素
// e-icon-box-bg
{
widthStr: "",
backgroundColorStr: "",
backgroundImageStr: "",
topStr: "",
rightStr: "",
bottomStr: "",
leftStr: "",
className: "e-icon-box-bg",
parentClassName: "e-icon-box",
opacity: 0,
opacityAnimMap: new Map([
[0.6, 0], // [帧，值]
[1, 1],
]),
transform: {
translate3d: { x: 0, y: 0, z: 10 },
scale: 0.8,
},
transformAnimMap: new Map([
[
0.6,
{
translate3d: { x: 0, y: 0, z: 10 },
scale: 0.8,
},
],
[
1,
{
translate3d: { x: 0, y: 0, z: 10 },
scale: 1,
},
],
]),
},
// e-icon-box 上部字体
{
widthStr: "",
backgroundColorStr: "",
backgroundImageStr: "",
topStr: "calc(-38%)",
rightStr: "",
bottomStr: "",
leftStr: "",
className: "title_boxx",
parentClassName: "e-icon-box",
text: "平台设置",
opacity: 0,
fontColorStr: "#ffffff",
opacityAnimMap: new Map([
[0.6, 0], // [帧，值]
[1, 1],
]),
transform: {
translate3d: { x: 0, y: 0, z: 10 },
scale: 0.8,
},
transformAnimMap: new Map([
[
0.6,
{
translate3d: { x: 0, y: 0, z: 10 },
scale: 0.8,
},
],
[
1,
{
translate3d: { x: 0, y: 0, z: 10 },
scale: 1,
},
],
]),
},
{
widthStr: "",
backgroundColorStr: "",
backgroundImageStr: "",
topStr: "calc(-16%)",
rightStr: "",
bottomStr: "",
leftStr: "",
className: "desc_boxx",
parentClassName: "e-icon-box",
text: "运用以人工智能为代表的新技术，驱动政务服务模式创新，为人民提供更加智慧化、人性化的政务服务。",
opacity: 0,
fontColorStr: "#ffffff",
opacityAnimMap: new Map([
[0.6, 0], // [帧，值]
[1, 1],
]),
transform: {
translate3d: { x: 0, y: 0, z: 10 },
scale: 0.8,
},
transformAnimMap: new Map([
[
0.6,
{
translate3d: { x: 0, y: 0, z: 10 },
scale: 0.8,
},
],
[
1,
{
translate3d: { x: 0, y: 0, z: 10 },
scale: 1,
},
],
]),
},
// e-icon 上行
// { // {
// widthStr: "", // widthStr: "96rem",
// backgroundColorStr: "", // backgroundColorStr: "",
// backgroundImageStr: "", // backgroundImageStr:
// topStr: "", // "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)",
// rightStr: "", // rightStr: "",
// bottomStr: "", // bottomStr: "",
// leftStr: "", // leftStr: "calc(50% - 154rem)",
// className: "e-icon", // className: "e-square",
// parentClassName: "e-icon-box", // parentClassName: "effect-box",
// opacity: 0, // opacity: 0.3,
// opacityAnimMap: new Map([ // opacityAnimMap: new Map([
// [0.1, 0], // [帧，值] // [0, 0.3],
// [1, 1], // [1, 1],
// ]), // ]),
// transform: { // transform: {
// translate3d: { x: 450, y: 80, z: 10 }, // translate3d: { x: 0, y: 0, z: 0 },
// scale: 0,
// }, // },
// transformAnimMap: new Map([ // transformAnimMap: new Map([
// [ // [
// 0.1, // 0,
// {
// translate3d: { x: 450, y: 80, z: 10 },
// scale: 0,
// },
// ],
// [
// 0.1,
// { // {
// translate3d: { x: 450, y: 100, z: 10 }, // translate3d: { x: 0, y: 0, z: 0 },
// scale: 0.5,
// }, // },
// ], // ],
// [ // [
// 1, // 1,
// { // {
// translate3d: { x: 0, y: 0, z: 10 }, // translate3d: { x: 0, y: 0, z: 800 },
// scale: 1,
// }, // },
// ], // ],
// ]), // ]),
// }, // },
// { // {
// widthStr: "", // widthStr: "46rem",
// backgroundColorStr: "", // backgroundColorStr: "#ffa800",
// backgroundImageStr: "", // backgroundImageStr: "",
// topStr: "", // topStr: "",
// rightStr: "", // rightStr: "",
// bottomStr: "", // bottomStr: "calc(50% - 98rem)",
// leftStr: "", // leftStr: "calc(50% - 362rem)",
// className: "e-icon", // className: "e-square",
// parentClassName: "e-icon-box", // parentClassName: "effect-box",
// opacity: 0, // opacity: 0.95,
// opacityAnimMap: new Map([ // opacityAnimMap: new Map([
// [0.3, 0], // [帧，值] // [0, 0.95],
// [1, 1], // [1, 1],
// ]), // ]),
// transform: { // transform: {
// translate3d: { x: 300, y: 80, z: 10 }, // translate3d: { x: 0, y: 0, z: 0 },
// scale: 0,
// }, // },
// transformAnimMap: new Map([ // transformAnimMap: new Map([
// [ // [
// 0.1, // 0,
// {
// translate3d: { x: 300, y: 80, z: 10 },
// scale: 0,
// },
// ],
// [
// 0.3,
// { // {
// translate3d: { x: 300, y: 100, z: 10 }, // translate3d: { x: 0, y: 0, z: 0 },
// scale: 0.5,
// }, // },
// ], // ],
// [ // [
// 1, // 1,
// { // {
// translate3d: { x: 0, y: 0, z: 10 }, // translate3d: { x: 0, y: 0, z: 800 },
// scale: 1,
// }, // },
// ], // ],
// ]), // ]),
// }, // },
// { // {
// widthStr: "", // widthStr: "96rem",
// backgroundColorStr: "", // backgroundColorStr: "",
// backgroundImageStr: "", // backgroundImageStr:
// "linear-gradient(180deg,#004fff,rgba(0,45,156,0) 70%)",
// topStr: "", // topStr: "",
// rightStr: "", // rightStr: "",
// bottomStr: "", // bottomStr: "calc(50% - 498rem)",
// leftStr: "", // leftStr: "calc(50% - 165rem)",
// className: "e-icon", // className: "e-square",
// parentClassName: "e-icon-box", // parentClassName: "effect-box",
// opacity: 0, // opacity: 0.95,
// opacityAnimMap: new Map([ // opacityAnimMap: new Map([
// [0.5, 0], // [帧，值] // [0, 0.95],
// [1, 1], // [1, 1],
// ]), // ]),
// transform: { // transform: {
// translate3d: { x: 150, y: 80, z: 10 }, // translate3d: { x: 0, y: 0, z: 0 },
// scale: 0,
// }, // },
// transformAnimMap: new Map([ // transformAnimMap: new Map([
// [ // [
// 0.1, // 0,
// {
// translate3d: { x: 150, y: 80, z: 10 },
// scale: 0,
// },
// ],
// [
// 0.5,
// { // {
// translate3d: { x: 150, y: 100, z: 10 }, // translate3d: { x: 0, y: 0, z: 0 },
// scale: 0.5,
// }, // },
// ], // ],
// [ // [
// 1, // 1,
// { // {
// translate3d: { x: 0, y: 0, z: 10 }, // translate3d: { x: 0, y: 0, z: 800 },
// scale: 1,
// }, // },
// ], // ],
// ]), // ]),
// }, // },
// { // {
// widthStr: "", // widthStr: "40rem",
// backgroundColorStr: "", // backgroundColorStr: "",
// backgroundImageStr: "", // backgroundImageStr:
// "-webkit-radial-gradient(top,rgba(0,45,156,.75) 0,#002d9c 92%,rgba(0,45,156,0) 166%)",
// topStr: "", // topStr: "",
// rightStr: "", // rightStr: "",
// bottomStr: "", // bottomStr: "calc(50% - 352rem)",
// leftStr: "", // leftStr: "calc(50% - 26rem)",
// className: "e-icon", // className: "e-square",
// parentClassName: "e-icon-box", // parentClassName: "effect-box",
// opacity: 0, // opacity: 0.35,
// opacityAnimMap: new Map([ // opacityAnimMap: new Map([
// [0.7, 0], // [帧，值] // [0, 0.35],
// [1, 1], // [1, 1],
// ]), // ]),
// transform: { // transform: {
// translate3d: { x: 0, y: 80, z: 10 }, // translate3d: { x: 0, y: 0, z: 0 },
// scale: 0,
// }, // },
// transformAnimMap: new Map([ // transformAnimMap: new Map([
// [ // [
// 0.1, // 0,
// {
// translate3d: { x: 0, y: 80, z: 10 },
// scale: 0,
// },
// ],
// [
// 0.7,
// { // {
// translate3d: { x: 0, y: 100, z: 10 }, // translate3d: { x: 0, y: 0, z: 0 },
// scale: 0.5,
// }, // },
// ], // ],
// [ // [
// 1, // 1,
// { // {
// translate3d: { x: 0, y: 0, z: 10 }, // translate3d: { x: 0, y: 0, z: 800 },
// scale: 1,
// }, // },
// ], // ],
// ]), // ]),
// }, // },
// { // {
// widthStr: "", // widthStr: "64rem",
// backgroundColorStr: "", // backgroundColorStr: "",
// backgroundImageStr: "", // backgroundImageStr:
// topStr: "", // "-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%)",
// rightStr: "", // topStr: "calc(50% - 395rem)",
// rightStr: "calc(50% - 102rem)",
// bottomStr: "", // bottomStr: "",
// leftStr: "", // leftStr: "",
// className: "e-icon", // className: "e-square",
// parentClassName: "e-icon-box", // parentClassName: "effect-box",
// opacity: 0, // opacity: 0.4,
// opacityAnimMap: new Map([ // opacityAnimMap: new Map([
// [0.5, 0], // [帧，值] // [0, 0.4],
// [1, 1], // [1, 1],
// ]), // ]),
// transform: { // transform: {
// translate3d: { x: -150, y: 80, z: 10 }, // translate3d: { x: 0, y: 0, z: 0 },
// scale: 0,
// }, // },
// transformAnimMap: new Map([ // transformAnimMap: new Map([
// [ // [
// 0.1, // 0,
// {
// translate3d: { x: 0, y: 0, z: 0 },
// },
// ],
// [
// 1,
// { // {
// translate3d: { x: -150, y: 80, z: 10 }, // translate3d: { x: 0, y: 0, z: 800 },
// scale: 0,
// }, // },
// ], // ],
// ]),
// },
// {
// widthStr: "24rem",
// backgroundColorStr: "",
// backgroundImageStr:
// "linear-gradient(147deg,#004fff,#002d9c 82%),linear-gradient(153deg,#007fff 5%,#0063ff 95%)",
// topStr: "calc(50% - 206rem)",
// rightStr: "calc(50% - 38rem)",
// bottomStr: "",
// leftStr: "",
// className: "e-square",
// parentClassName: "effect-box",
// opacity: 0.3,
// opacityAnimMap: new Map([
// [0, 0.3],
// [1, 1],
// ]),
// transform: {
// translate3d: { x: 0, y: 0, z: 0 },
// },
// transformAnimMap: new Map([
// [ // [
// 0.5, // 0,
// { // {
// translate3d: { x: -150, y: 100, z: 10 }, // translate3d: { x: 0, y: 0, z: 0 },
// scale: 0.5,
// }, // },
// ], // ],
// [ // [
// 1, // 1,
// { // {
// translate3d: { x: 0, y: 0, z: 10 }, // translate3d: { x: 0, y: 0, z: 800 },
// scale: 1,
// }, // },
// ], // ],
// ]), // ]),
// }, // },
// { // {
// widthStr: "", // widthStr: "130rem",
// backgroundColorStr: "", // backgroundColorStr: "",
// backgroundImageStr: "", // backgroundImageStr:
// topStr: "", // "linear-gradient(147deg,#004fff,#002d9c 82%),linear-gradient(153deg,#007fff 5%,#0063ff 95%)",
// rightStr: "", // topStr: "calc(50% - 263rem)",
// rightStr: "calc(50% - 704rem)",
// bottomStr: "", // bottomStr: "",
// leftStr: "", // leftStr: "",
// className: "e-icon", // className: "e-square",
// parentClassName: "e-icon-box", // parentClassName: "effect-box",
// opacity: 0, // opacity: 0.67,
// opacityAnimMap: new Map([ // opacityAnimMap: new Map([
// [0.3, 0], // [帧，值] // [0, 0.67],
// [1, 1], // [1, 1],
// ]), // ]),
// transform: { // transform: {
// translate3d: { x: -300, y: 80, z: 10 }, // translate3d: { x: 0, y: 0, z: 0 },
// scale: 0,
// }, // },
// transformAnimMap: new Map([ // transformAnimMap: new Map([
// [ // [
// 0.1, // 0,
// {
// translate3d: { x: 0, y: 0, z: 0 },
// },
// ],
// [
// 1,
// { // {
// translate3d: { x: -300, y: 80, z: 10 }, // translate3d: { x: 0, y: 0, z: 800 },
// scale: 0,
// }, // },
// ], // ],
// ]),
// },
// {
// widthStr: "64rem",
// backgroundColorStr: "",
// backgroundImageStr: "linear-gradient(128deg,#00ebb6,#00ba46 69%)",
// topStr: "calc(50% - 226rem)",
// rightStr: "calc(50% - 505rem)",
// bottomStr: "",
// leftStr: "",
// className: "e-square",
// parentClassName: "effect-box",
// opacity: 0.95,
// opacityAnimMap: new Map([
// [0, 0.95],
// [1, 1],
// ]),
// transform: {
// translate3d: { x: 0, y: 0, z: 0 },
// },
// transformAnimMap: new Map([
// [ // [
// 0.3, // 0,
// { // {
// translate3d: { x: -300, y: 100, z: 10 }, // translate3d: { x: 0, y: 0, z: 0 },
// scale: 0.5,
// }, // },
// ], // ],
// [ // [
// 1, // 1,
// { // {
// translate3d: { x: 0, y: 0, z: 10 }, // translate3d: { x: 0, y: 0, z: 800 },
// scale: 1,
// }, // },
// ], // ],
// ]), // ]),
// }, // },
// { // {
// widthStr: "", // widthStr: "24rem",
// backgroundColorStr: "", // backgroundColorStr: "",
// backgroundImageStr: "", // backgroundImageStr: "linear-gradient(170deg,#ffc400,rgba(255,207,0,.6))",
// topStr: "", // topStr: "calc(50% - 52rem)",
// rightStr: "", // rightStr: "calc(50% - 218rem)",
// bottomStr: "", // bottomStr: "",
// leftStr: "", // leftStr: "",
// className: "e-icon", // className: "e-square",
// parentClassName: "e-icon-box", // parentClassName: "effect-box",
// opacity: 0, // opacity: 0.2,
// opacityAnimMap: new Map([ // opacityAnimMap: new Map([
// [0.1, 0], // [帧，值] // [0, 0.2],
// [1, 1], // [1, 1],
// ]), // ]),
// transform: { // transform: {
// translate3d: { x: -450, y: 80, z: 10 }, // translate3d: { x: 0, y: 0, z: 0 },
// scale: 0,
// }, // },
// transformAnimMap: new Map([ // transformAnimMap: new Map([
// [ // [
// 0.1, // 0,
// {
// translate3d: { x: 0, y: 0, z: 0 },
// },
// ],
// [
// 1,
// { // {
// translate3d: { x: -450, y: 80, z: 10 }, // translate3d: { x: 0, y: 0, z: 800 },
// scale: 0,
// }, // },
// ], // ],
// ]),
// },
// {
// widthStr: "24rem",
// backgroundColorStr: "",
// backgroundImageStr: "linear-gradient(170deg,#00b6ff,#007fff)",
// topStr: "",
// rightStr: "calc(50% - 300rem)",
// bottomStr: "calc(50% - 49rem)",
// leftStr: "",
// className: "e-square",
// parentClassName: "effect-box",
// opacity: 0.96,
// opacityAnimMap: new Map([
// [0, 0.96],
// [1, 1],
// ]),
// transform: {
// translate3d: { x: 0, y: 0, z: 0 },
// },
// transformAnimMap: new Map([
// [ // [
// 0.1, // 0,
// { // {
// translate3d: { x: -450, y: 100, z: 10 }, // translate3d: { x: 0, y: 0, z: 0 },
// scale: 0.5,
// }, // },
// ], // ],
// [ // [
// 1, // 1,
// { // {
// translate3d: { x: 0, y: 0, z: 10 }, // translate3d: { x: 0, y: 0, z: 800 },
// scale: 1,
// }, // },
// ], // ],
// ]), // ]),
// }, // },
// e-icon 下行
// { // {
// widthStr: "", // widthStr: "64rem",
// backgroundColorStr: "", // backgroundColorStr: "",
// backgroundImageStr: "", // backgroundImageStr: "linear-gradient(148deg,#76d2ff,#09baff 99%)",
// topStr: "", // topStr: "",
// rightStr: "", // rightStr: "calc(50% - 453rem)",
// bottomStr: "", // bottomStr: "calc(50% - 170rem)",
// leftStr: "", // leftStr: "",
// className: "e-icon", // className: "e-square",
// parentClassName: "e-icon-box", // parentClassName: "effect-box",
// opacity: 0, // opacity: 0.96,
// opacityAnimMap: new Map([ // opacityAnimMap: new Map([
// [0.1, 0], // [帧，值] // [0, 0.96],
// [1, 1], // [1, 1],
// ]), // ]),
// transform: { // transform: {
// translate3d: { x: 450, y: -80, z: 10 }, // translate3d: { x: 0, y: 0, z: 0 },
// scale: 0,
// }, // },
// transformAnimMap: new Map([ // transformAnimMap: new Map([
// [ // [
// 0.1, // 0,
// {
// translate3d: { x: 0, y: 0, z: 0 },
// },
// ],
// [
// 1,
// { // {
// translate3d: { x: 450, y: -80, z: 10 }, // translate3d: { x: 0, y: 0, z: 800 },
// scale: 0,
// }, // },
// ], // ],
// ]),
// },
// {
// widthStr: "96rem",
// backgroundColorStr: "",
// backgroundImageStr: "linear-gradient(136deg,#3e9eff 19%,#0062ff)",
// topStr: "",
// rightStr: "calc(50% - 657rem)",
// bottomStr: "calc(50% - 133rem)",
// leftStr: "",
// className: "e-square",
// parentClassName: "effect-box",
// opacity: 0.96,
// opacityAnimMap: new Map([
// [0, 0.96],
// [1, 1],
// ]),
// transform: {
// translate3d: { x: 0, y: 0, z: 0 },
// },
// transformAnimMap: new Map([
// [ // [
// 0.1, // 0,
// { // {
// translate3d: { x: 450, y: -100, z: 10 }, // translate3d: { x: 0, y: 0, z: 0 },
// scale: 0.5,
// }, // },
// ], // ],
// [ // [
// 1, // 1,
// { // {
// translate3d: { x: 0, y: 0, z: 10 }, // translate3d: { x: 0, y: 0, z: 800 },
// scale: 1,
// }, // },
// ], // ],
// ]), // ]),
// }, // },
// { // {
// widthStr: "", // 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%)",
// topStr: "", // topStr: "",
// rightStr: "", // rightStr: "calc(50% - 800rem)",
// bottomStr: "", // bottomStr: "calc(50% - 345rem)",
// leftStr: "", // leftStr: "",
// className: "e-icon", // className: "e-square",
// parentClassName: "e-icon-box", // parentClassName: "effect-box",
// opacity: 0, // opacity: 0.5,
// opacityAnimMap: new Map([ // opacityAnimMap: new Map([
// [0.3, 0], // [帧，值] // [0, 0.5],
// [1, 1], // [1, 1],
// ]), // ]),
// transform: { // transform: {
// translate3d: { x: 300, y: -80, z: 10 }, // translate3d: { x: 0, y: 0, z: 0 },
// scale: 0,
// }, // },
// transformAnimMap: new Map([ // transformAnimMap: new Map([
// [ // [
// 0.1, // 0,
// {
// translate3d: { x: 0, y: 0, z: 0 },
// },
// ],
// [
// 1,
// { // {
// translate3d: { x: 300, y: -80, z: 10 }, // translate3d: { x: 0, y: 0, z: 800 },
// scale: 0,
// }, // },
// ], // ],
// ]),
// },
// {
// widthStr: "96rem",
// backgroundColorStr: "",
// backgroundImageStr: "linear-gradient(-2deg,rgba(0,45,156,.75),#002d9c)",
// topStr: "",
// rightStr: "calc(50% - 213rem)",
// bottomStr: "calc(50% - 532rem)",
// leftStr: "",
// className: "e-square",
// parentClassName: "effect-box",
// opacity: 0.2,
// opacityAnimMap: new Map([
// [0, 0.2],
// [1, 1],
// ]),
// transform: {
// translate3d: { x: 0, y: 0, z: 0 },
// },
// transformAnimMap: new Map([
// [ // [
// 0.3, // 0,
// { // {
// translate3d: { x: 300, y: -100, z: 10 }, // translate3d: { x: 0, y: 0, z: 0 },
// scale: 0.5,
// }, // },
// ], // ],
// [ // [
// 1, // 1,
// { // {
// translate3d: { x: 0, y: 0, z: 10 }, // translate3d: { x: 0, y: 0, z: 800 },
// scale: 1,
// }, // },
// ], // ],
// ]), // ]),
// }, // },
// { // {
// widthStr: "", // widthStr: "96rem",
// backgroundColorStr: "", // backgroundColorStr: "",
// backgroundImageStr: "", // backgroundImageStr: "linear-gradient(-2deg,rgba(0,45,156,.75),#002d9c)",
// topStr: "", // topStr: "",
// rightStr: "", // rightStr: "calc(50% - 213rem)",
// bottomStr: "", // bottomStr: "calc(50% - 532rem)",
// leftStr: "", // leftStr: "",
// className: "e-icon", // className: "e-square",
// parentClassName: "e-icon-box", // parentClassName: "effect-box",
// opacity: 0, // opacity: 0.2,
// opacityAnimMap: new Map([ // opacityAnimMap: new Map([
// [0.5, 0], // [帧，值] // [0, 0.2],
// [1, 1], // [1, 1],
// ]), // ]),
// transform: { // transform: {
// translate3d: { x: 150, y: -80, z: 10 }, // translate3d: { x: 0, y: 0, z: 0 },
// scale: 0,
// }, // },
// transformAnimMap: new Map([ // transformAnimMap: new Map([
// [ // [
// 0.1, // 0,
// {
// translate3d: { x: 0, y: 0, z: 0 },
// },
// ],
// [
// 1,
// { // {
// translate3d: { x: 150, y: -80, z: 10 }, // translate3d: { x: 0, y: 0, z: 800 },
// scale: 0,
// }, // },
// ], // ],
// ]),
// },
// // logo 图标
// {
// widthStr: "190rem",
// backgroundColorStr: "",
// backgroundStr:
// "url(" +
// require("@/assets/images/siteArrange/logo-pingtai.png") +
// ") center no-repeat",
// topStr: "calc(50% - 90rem)",
// rightStr: "",
// bottomStr: "",
// leftStr: "calc(50% - 90rem)",
// className: "e-square",
// parentClassName: "effect-box",
// opacity: 1,
// index: 99,
// opacityAnimMap: new Map([
// [0, 1], // [帧，值]
// [0.6, 1],
// ]),
// transform: {
// translate3d: { x: 0, y: 0, z: 0 },
// scale: 1,
// },
// transformAnimMap: new Map([
// [ // [
// 0.5, // 0,
// { // {
// translate3d: { x: 150, y: -100, z: 10 }, // translate3d: { x: 0, y: 0, z: 0 },
// scale: 0.5, // scale: 1,
// }, // },
// ], // ],
// [ // [
// 1, // 1,
// { // {
// translate3d: { x: 0, y: 0, z: 10 }, // translate3d: { x: 0, y: -1300, z: 800 },
// scale: 1, // scale: 1.5,
// }, // },
// ], // ],
// ]), // ]),
// }, // },
// // logo 图标
// { // {
// widthStr: "", // widthStr: "180rem",
// backgroundColorStr: "", // backgroundColorStr: "",
// backgroundImageStr: "", // backgroundImageStr: "linear-gradient(0deg, #2254F3 0%, #15C5FF 100%)",
// topStr: "", // topStr: "calc(50% - 90rem)",
// rightStr: "", // rightStr: "",
// bottomStr: "", // bottomStr: "",
// leftStr: "", // leftStr: "calc(50% - 90rem)",
// className: "e-icon", // className: "e-square",
// parentClassName: "e-icon-box", // parentClassName: "effect-box",
// opacity: 0, // opacity: 1,
// opacityAnimMap: new Map([ // opacityAnimMap: new Map([
// [0.7, 0], // [帧，值] // [0, 1], // [帧，值]
// [1, 1], // [0.6, 1],
// ]), // ]),
// transform: { // transform: {
// translate3d: { x: 0, y: -80, z: 10 }, // translate3d: { x: 0, y: 0, z: 0 },
// scale: 0, // scale: 1,
// }, // },
// transformAnimMap: new Map([ // transformAnimMap: new Map([
// [ // [
// 0.1, // 0,
// {
// translate3d: { x: 0, y: 0, z: 0 },
// scale: 1,
// },
// ],
// [
// 1,
// { // {
// translate3d: { x: 0, y: -80, z: 10 }, // translate3d: { x: 0, y: -1300, z: 800 },
// scale: 0, // scale: 1.5,
// }, // },
// ], // ],
// ]),
// },
// // 平台设置字体
// {
// widthStr: "200rem",
// backgroundColorStr: "",
// backgroundImageStr: "",
// topStr: "calc(62%)",
// rightStr: "",
// bottomStr: "",
// leftStr: "calc(50% - 98rem)",
// className: "e-square",
// parentClassName: "effect-box",
// text: "平台设置",
// fontSizeStr: "48rem",
// fontColorStr: "#ffffff",
// opacity: 1,
// opacityAnimMap: new Map([
// [0, 1], // [帧，值]
// [0.6, 1],
// ]),
// transform: {
// translate3d: { x: 0, y: 0, z: 0 },
// scale: 1,
// },
// transformAnimMap: new Map([
// [ // [
// 0.7, // 0,
// { // {
// translate3d: { x: 0, y: -100, z: 10 }, // translate3d: { x: 0, y: 0, z: 0 },
// scale: 0.5, // scale: 1,
// }, // },
// ], // ],
// [ // [
// 1, // 1,
// { // {
// translate3d: { x: 0, y: 0, z: 10 }, // translate3d: { x: 0, y: -1300, z: 800 },
// scale: 1, // scale: 1.5,
// }, // },
// ], // ],
// ]), // ]),
// }, // },
// // e-icon-box 相关元素
// // e-icon-box-bg
// { // {
// widthStr: "", // widthStr: "",
// backgroundColorStr: "", // backgroundColorStr: "",
...@@ -1546,30 +959,23 @@ const anim_data = { ...@@ -1546,30 +959,23 @@ const anim_data = {
// rightStr: "", // rightStr: "",
// bottomStr: "", // bottomStr: "",
// leftStr: "", // leftStr: "",
// className: "e-icon", // className: "e-icon-box-bg",
// parentClassName: "e-icon-box", // parentClassName: "e-icon-box",
// opacity: 0, // opacity: 0,
// opacityAnimMap: new Map([ // opacityAnimMap: new Map([
// [0.5, 0], // [帧，值] // [0.6, 0], // [帧，值]
// [1, 1], // [1, 1],
// ]), // ]),
// transform: { // transform: {
// translate3d: { x: -150, y: -80, z: 10 }, // translate3d: { x: 0, y: 0, z: 10 },
// scale: 0, // scale: 0.8,
// }, // },
// transformAnimMap: new Map([ // transformAnimMap: new Map([
// [ // [
// 0.1, // 0.6,
// {
// translate3d: { x: -150, y: -80, z: 10 },
// scale: 0,
// },
// ],
// [
// 0.5,
// { // {
// translate3d: { x: -150, y: -100, z: 10 }, // translate3d: { x: 0, y: 0, z: 10 },
// scale: 0.5, // scale: 0.8,
// }, // },
// ], // ],
// [ // [
...@@ -1581,38 +987,34 @@ const anim_data = { ...@@ -1581,38 +987,34 @@ const anim_data = {
// ], // ],
// ]), // ]),
// }, // },
// // e-icon-box 上部字体
// { // {
// widthStr: "", // widthStr: "",
// backgroundColorStr: "", // backgroundColorStr: "",
// backgroundImageStr: "", // backgroundImageStr: "",
// topStr: "", // topStr: "calc(-38%)",
// rightStr: "", // rightStr: "",
// bottomStr: "", // bottomStr: "",
// leftStr: "", // leftStr: "",
// className: "e-icon", // className: "title_boxx",
// parentClassName: "e-icon-box", // parentClassName: "e-icon-box",
// text: "平台设置",
// opacity: 0, // opacity: 0,
// fontColorStr: "#ffffff",
// opacityAnimMap: new Map([ // opacityAnimMap: new Map([
// [0.3, 0], // [帧，值] // [0.6, 0], // [帧，值]
// [1, 1], // [1, 1],
// ]), // ]),
// transform: { // transform: {
// translate3d: { x: -300, y: -80, z: 10 }, // translate3d: { x: 0, y: 0, z: 10 },
// scale: 0, // scale: 0.8,
// }, // },
// transformAnimMap: new Map([ // transformAnimMap: new Map([
// [ // [
// 0.1, // 0.6,
// {
// translate3d: { x: -300, y: -80, z: 10 },
// scale: 0,
// },
// ],
// [
// 0.3,
// { // {
// translate3d: { x: -300, y: -100, z: 10 }, // translate3d: { x: 0, y: 0, z: 10 },
// scale: 0.5, // scale: 0.8,
// }, // },
// ], // ],
// [ // [
...@@ -1628,34 +1030,29 @@ const anim_data = { ...@@ -1628,34 +1030,29 @@ const anim_data = {
// widthStr: "", // widthStr: "",
// backgroundColorStr: "", // backgroundColorStr: "",
// backgroundImageStr: "", // backgroundImageStr: "",
// topStr: "", // topStr: "calc(-16%)",
// rightStr: "", // rightStr: "",
// bottomStr: "", // bottomStr: "",
// leftStr: "", // leftStr: "",
// className: "e-icon", // className: "desc_boxx",
// parentClassName: "e-icon-box", // parentClassName: "e-icon-box",
// text: "运用以人工智能为代表的新技术，驱动政务服务模式创新，为人民提供更加智慧化、人性化的政务服务。",
// opacity: 0, // opacity: 0,
// fontColorStr: "#ffffff",
// opacityAnimMap: new Map([ // opacityAnimMap: new Map([
// [0.1, 0], // [帧，值] // [0.6, 0], // [帧，值]
// [1, 1], // [1, 1],
// ]), // ]),
// transform: { // transform: {
// translate3d: { x: -450, y: -80, z: 10 }, // translate3d: { x: 0, y: 0, z: 10 },
// scale: 0, // scale: 0.8,
// }, // },
// transformAnimMap: new Map([ // transformAnimMap: new Map([
// [ // [
// 0.1, // 0.6,
// {
// translate3d: { x: -450, y: -80, z: 10 },
// scale: 0,
// },
// ],
// [
// 0.1,
// { // {
// translate3d: { x: -450, y: -100, z: 10 }, // translate3d: { x: 0, y: 0, z: 10 },
// scale: 0.5, // scale: 0.8,
// }, // },
// ], // ],
// [ // [
...@@ -1667,7 +1064,611 @@ const anim_data = { ...@@ -1667,7 +1064,611 @@ const anim_data = {
// ], // ],
// ]), // ]),
// }, // },
], // // e-icon 上行
// // {
// // widthStr: "",
// // backgroundColorStr: "",
// // backgroundImageStr: "",
// // topStr: "",
// // rightStr: "",
// // bottomStr: "",
// // leftStr: "",
// // className: "e-icon",
// // parentClassName: "e-icon-box",
// // opacity: 0,
// // opacityAnimMap: new Map([
// // [0.1, 0], // [帧，值]
// // [1, 1],
// // ]),
// // transform: {
// // translate3d: { x: 450, y: 80, z: 10 },
// // scale: 0,
// // },
// // transformAnimMap: new Map([
// // [
// // 0.1,
// // {
// // translate3d: { x: 450, y: 80, z: 10 },
// // scale: 0,
// // },
// // ],
// // [
// // 0.1,
// // {
// // translate3d: { x: 450, y: 100, z: 10 },
// // scale: 0.5,
// // },
// // ],
// // [
// // 1,
// // {
// // translate3d: { x: 0, y: 0, z: 10 },
// // scale: 1,
// // },
// // ],
// // ]),
// // },
// // {
// // widthStr: "",
// // backgroundColorStr: "",
// // backgroundImageStr: "",
// // topStr: "",
// // rightStr: "",
// // bottomStr: "",
// // leftStr: "",
// // className: "e-icon",
// // parentClassName: "e-icon-box",
// // opacity: 0,
// // opacityAnimMap: new Map([
// // [0.3, 0], // [帧，值]
// // [1, 1],
// // ]),
// // transform: {
// // translate3d: { x: 300, y: 80, z: 10 },
// // scale: 0,
// // },
// // transformAnimMap: new Map([
// // [
// // 0.1,
// // {
// // translate3d: { x: 300, y: 80, z: 10 },
// // scale: 0,
// // },
// // ],
// // [
// // 0.3,
// // {
// // translate3d: { x: 300, y: 100, z: 10 },
// // scale: 0.5,
// // },
// // ],
// // [
// // 1,
// // {
// // translate3d: { x: 0, y: 0, z: 10 },
// // scale: 1,
// // },
// // ],
// // ]),
// // },
// // {
// // widthStr: "",
// // backgroundColorStr: "",
// // backgroundImageStr: "",
// // topStr: "",
// // rightStr: "",
// // bottomStr: "",
// // leftStr: "",
// // className: "e-icon",
// // parentClassName: "e-icon-box",
// // opacity: 0,
// // opacityAnimMap: new Map([
// // [0.5, 0], // [帧，值]
// // [1, 1],
// // ]),
// // transform: {
// // translate3d: { x: 150, y: 80, z: 10 },
// // scale: 0,
// // },
// // transformAnimMap: new Map([
// // [
// // 0.1,
// // {
// // translate3d: { x: 150, y: 80, z: 10 },
// // scale: 0,
// // },
// // ],
// // [
// // 0.5,
// // {
// // translate3d: { x: 150, y: 100, z: 10 },
// // scale: 0.5,
// // },
// // ],
// // [
// // 1,
// // {
// // translate3d: { x: 0, y: 0, z: 10 },
// // scale: 1,
// // },
// // ],
// // ]),
// // },
// // {
// // widthStr: "",
// // backgroundColorStr: "",
// // backgroundImageStr: "",
// // topStr: "",
// // rightStr: "",
// // bottomStr: "",
// // leftStr: "",
// // className: "e-icon",
// // parentClassName: "e-icon-box",
// // opacity: 0,
// // opacityAnimMap: new Map([
// // [0.7, 0], // [帧，值]
// // [1, 1],
// // ]),
// // transform: {
// // translate3d: { x: 0, y: 80, z: 10 },
// // scale: 0,
// // },
// // transformAnimMap: new Map([
// // [
// // 0.1,
// // {
// // translate3d: { x: 0, y: 80, z: 10 },
// // scale: 0,
// // },
// // ],
// // [
// // 0.7,
// // {
// // translate3d: { x: 0, y: 100, z: 10 },
// // scale: 0.5,
// // },
// // ],
// // [
// // 1,
// // {
// // translate3d: { x: 0, y: 0, z: 10 },
// // scale: 1,
// // },
// // ],
// // ]),
// // },
// // {
// // widthStr: "",
// // backgroundColorStr: "",
// // backgroundImageStr: "",
// // topStr: "",
// // rightStr: "",
// // bottomStr: "",
// // leftStr: "",
// // className: "e-icon",
// // parentClassName: "e-icon-box",
// // opacity: 0,
// // opacityAnimMap: new Map([
// // [0.5, 0], // [帧，值]
// // [1, 1],
// // ]),
// // transform: {
// // translate3d: { x: -150, y: 80, z: 10 },
// // scale: 0,
// // },
// // transformAnimMap: new Map([
// // [
// // 0.1,
// // {
// // translate3d: { x: -150, y: 80, z: 10 },
// // scale: 0,
// // },
// // ],
// // [
// // 0.5,
// // {
// // translate3d: { x: -150, y: 100, z: 10 },
// // scale: 0.5,
// // },
// // ],
// // [
// // 1,
// // {
// // translate3d: { x: 0, y: 0, z: 10 },
// // scale: 1,
// // },
// // ],
// // ]),
// // },
// // {
// // widthStr: "",
// // backgroundColorStr: "",
// // backgroundImageStr: "",
// // topStr: "",
// // rightStr: "",
// // bottomStr: "",
// // leftStr: "",
// // className: "e-icon",
// // parentClassName: "e-icon-box",
// // opacity: 0,
// // opacityAnimMap: new Map([
// // [0.3, 0], // [帧，值]
// // [1, 1],
// // ]),
// // transform: {
// // translate3d: { x: -300, y: 80, z: 10 },
// // scale: 0,
// // },
// // transformAnimMap: new Map([
// // [
// // 0.1,
// // {
// // translate3d: { x: -300, y: 80, z: 10 },
// // scale: 0,
// // },
// // ],
// // [
// // 0.3,
// // {
// // translate3d: { x: -300, y: 100, z: 10 },
// // scale: 0.5,
// // },
// // ],
// // [
// // 1,
// // {
// // translate3d: { x: 0, y: 0, z: 10 },
// // scale: 1,
// // },
// // ],
// // ]),
// // },
// // {
// // widthStr: "",
// // backgroundColorStr: "",
// // backgroundImageStr: "",
// // topStr: "",
// // rightStr: "",
// // bottomStr: "",
// // leftStr: "",
// // className: "e-icon",
// // parentClassName: "e-icon-box",
// // opacity: 0,
// // opacityAnimMap: new Map([
// // [0.1, 0], // [帧，值]
// // [1, 1],
// // ]),
// // transform: {
// // translate3d: { x: -450, y: 80, z: 10 },
// // scale: 0,
// // },
// // transformAnimMap: new Map([
// // [
// // 0.1,
// // {
// // translate3d: { x: -450, y: 80, z: 10 },
// // scale: 0,
// // },
// // ],
// // [
// // 0.1,
// // {
// // translate3d: { x: -450, y: 100, z: 10 },
// // scale: 0.5,
// // },
// // ],
// // [
// // 1,
// // {
// // translate3d: { x: 0, y: 0, z: 10 },
// // scale: 1,
// // },
// // ],
// // ]),
// // },
// // e-icon 下行
// // {
// // widthStr: "",
// // backgroundColorStr: "",
// // backgroundImageStr: "",
// // topStr: "",
// // rightStr: "",
// // bottomStr: "",
// // leftStr: "",
// // className: "e-icon",
// // parentClassName: "e-icon-box",
// // opacity: 0,
// // opacityAnimMap: new Map([
// // [0.1, 0], // [帧，值]
// // [1, 1],
// // ]),
// // transform: {
// // translate3d: { x: 450, y: -80, z: 10 },
// // scale: 0,
// // },
// // transformAnimMap: new Map([
// // [
// // 0.1,
// // {
// // translate3d: { x: 450, y: -80, z: 10 },
// // scale: 0,
// // },
// // ],
// // [
// // 0.1,
// // {
// // translate3d: { x: 450, y: -100, z: 10 },
// // scale: 0.5,
// // },
// // ],
// // [
// // 1,
// // {
// // translate3d: { x: 0, y: 0, z: 10 },
// // scale: 1,
// // },
// // ],
// // ]),
// // },
// // {
// // widthStr: "",
// // backgroundColorStr: "",
// // backgroundImageStr: "",
// // topStr: "",
// // rightStr: "",
// // bottomStr: "",
// // leftStr: "",
// // className: "e-icon",
// // parentClassName: "e-icon-box",
// // opacity: 0,
// // opacityAnimMap: new Map([
// // [0.3, 0], // [帧，值]
// // [1, 1],
// // ]),
// // transform: {
// // translate3d: { x: 300, y: -80, z: 10 },
// // scale: 0,
// // },
// // transformAnimMap: new Map([
// // [
// // 0.1,
// // {
// // translate3d: { x: 300, y: -80, z: 10 },
// // scale: 0,
// // },
// // ],
// // [
// // 0.3,
// // {
// // translate3d: { x: 300, y: -100, z: 10 },
// // scale: 0.5,
// // },
// // ],
// // [
// // 1,
// // {
// // translate3d: { x: 0, y: 0, z: 10 },
// // scale: 1,
// // },
// // ],
// // ]),
// // },
// // {
// // widthStr: "",
// // backgroundColorStr: "",
// // backgroundImageStr: "",
// // topStr: "",
// // rightStr: "",
// // bottomStr: "",
// // leftStr: "",
// // className: "e-icon",
// // parentClassName: "e-icon-box",
// // opacity: 0,
// // opacityAnimMap: new Map([
// // [0.5, 0], // [帧，值]
// // [1, 1],
// // ]),
// // transform: {
// // translate3d: { x: 150, y: -80, z: 10 },
// // scale: 0,
// // },
// // transformAnimMap: new Map([
// // [
// // 0.1,
// // {
// // translate3d: { x: 150, y: -80, z: 10 },
// // scale: 0,
// // },
// // ],
// // [
// // 0.5,
// // {
// // translate3d: { x: 150, y: -100, z: 10 },
// // scale: 0.5,
// // },
// // ],
// // [
// // 1,
// // {
// // translate3d: { x: 0, y: 0, z: 10 },
// // scale: 1,
// // },
// // ],
// // ]),
// // },
// // {
// // widthStr: "",
// // backgroundColorStr: "",
// // backgroundImageStr: "",
// // topStr: "",
// // rightStr: "",
// // bottomStr: "",
// // leftStr: "",
// // className: "e-icon",
// // parentClassName: "e-icon-box",
// // opacity: 0,
// // opacityAnimMap: new Map([
// // [0.7, 0], // [帧，值]
// // [1, 1],
// // ]),
// // transform: {
// // translate3d: { x: 0, y: -80, z: 10 },
// // scale: 0,
// // },
// // transformAnimMap: new Map([
// // [
// // 0.1,
// // {
// // translate3d: { x: 0, y: -80, z: 10 },
// // scale: 0,
// // },
// // ],
// // [
// // 0.7,
// // {
// // translate3d: { x: 0, y: -100, z: 10 },
// // scale: 0.5,
// // },
// // ],
// // [
// // 1,
// // {
// // translate3d: { x: 0, y: 0, z: 10 },
// // scale: 1,
// // },
// // ],
// // ]),
// // },
// // {
// // widthStr: "",
// // backgroundColorStr: "",
// // backgroundImageStr: "",
// // topStr: "",
// // rightStr: "",
// // bottomStr: "",
// // leftStr: "",
// // className: "e-icon",
// // parentClassName: "e-icon-box",
// // opacity: 0,
// // opacityAnimMap: new Map([
// // [0.5, 0], // [帧，值]
// // [1, 1],
// // ]),
// // transform: {
// // translate3d: { x: -150, y: -80, z: 10 },
// // scale: 0,
// // },
// // transformAnimMap: new Map([
// // [
// // 0.1,
// // {
// // translate3d: { x: -150, y: -80, z: 10 },
// // scale: 0,
// // },
// // ],
// // [
// // 0.5,
// // {
// // translate3d: { x: -150, y: -100, z: 10 },
// // scale: 0.5,
// // },
// // ],
// // [
// // 1,
// // {
// // translate3d: { x: 0, y: 0, z: 10 },
// // scale: 1,
// // },
// // ],
// // ]),
// // },
// // {
// // widthStr: "",
// // backgroundColorStr: "",
// // backgroundImageStr: "",
// // topStr: "",
// // rightStr: "",
// // bottomStr: "",
// // leftStr: "",
// // className: "e-icon",
// // parentClassName: "e-icon-box",
// // opacity: 0,
// // opacityAnimMap: new Map([
// // [0.3, 0], // [帧，值]
// // [1, 1],
// // ]),
// // transform: {
// // translate3d: { x: -300, y: -80, z: 10 },
// // scale: 0,
// // },
// // transformAnimMap: new Map([
// // [
// // 0.1,
// // {
// // translate3d: { x: -300, y: -80, z: 10 },
// // scale: 0,
// // },
// // ],
// // [
// // 0.3,
// // {
// // translate3d: { x: -300, y: -100, z: 10 },
// // scale: 0.5,
// // },
// // ],
// // [
// // 1,
// // {
// // translate3d: { x: 0, y: 0, z: 10 },
// // scale: 1,
// // },
// // ],
// // ]),
// // },
// // {
// // widthStr: "",
// // backgroundColorStr: "",
// // backgroundImageStr: "",
// // topStr: "",
// // rightStr: "",
// // bottomStr: "",
// // leftStr: "",
// // className: "e-icon",
// // parentClassName: "e-icon-box",
// // opacity: 0,
// // opacityAnimMap: new Map([
// // [0.1, 0], // [帧，值]
// // [1, 1],
// // ]),
// // transform: {
// // translate3d: { x: -450, y: -80, z: 10 },
// // scale: 0,
// // },
// // transformAnimMap: new Map([
// // [
// // 0.1,
// // {
// // translate3d: { x: -450, y: -80, z: 10 },
// // scale: 0,
// // },
// // ],
// // [
// // 0.1,
// // {
// // translate3d: { x: -450, y: -100, z: 10 },
// // scale: 0.5,
// // },
// // ],
// // [
// // 1,
// // {
// // translate3d: { x: 0, y: 0, z: 10 },
// // scale: 1,
// // },
// // ],
// // ]),
// // },
// ],
}; };
// 特效管理 // 特效管理
class EffectManager { class EffectManager {
...@@ -1945,9 +1946,10 @@ class RollEventComp { ...@@ -1945,9 +1946,10 @@ class RollEventComp {
"effect-box" "effect-box"
)[0].style.backgroundColor = `rgba(3, 18, 51, ${0 ? 0 : 0.5 - index})`; )[0].style.backgroundColor = `rgba(3, 18, 51, ${0 ? 0 : 0.5 - index})`;
} }
if (index >= 1) { if (index > 1) {
clearInterval(set); clearInterval(set);
} }
console.log(index);
}); });
// window.addEventListener("scroll", (event) => { // window.addEventListener("scroll", (event) => {
// const scrollTop = document.documentElement.scrollTop; // const scrollTop = document.documentElement.scrollTop;
...@@ -1979,6 +1981,7 @@ export default { ...@@ -1979,6 +1981,7 @@ export default {
created() {}, created() {},
mounted() { mounted() {
_this = this; _this = this;
console.log(document.getElementsByClassName("effect-box"));
this.getPlatformChildren(); this.getPlatformChildren();
// 重置根字体大小 // 重置根字体大小
let root = document.documentElement; let root = document.documentElement;
...@@ -3229,6 +3232,7 @@ export default { ...@@ -3229,6 +3232,7 @@ export default {
// 重置根字体大小 // 重置根字体大小
let root = document.documentElement; let root = document.documentElement;
root.style.fontSize = "16px"; root.style.fontSize = "16px";
// location.reload();
}, },
}; };
</script> </script>
......
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