Tue May 9 07:12:02 UTC 2023 inscode

src/assets/images/energyDataPanorama/dataSharingCenter-blue-bgc.svg

+<svg width="44" height="50" viewBox="0 0 44 50" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_i_1222_243)">
+<path d="M3 14.0661C3 13.3191 3.4163 12.6344 4.07949 12.2906L21.0795 3.47722C21.6567 3.17799 22.3433 3.17799 22.9205 3.47722L39.9205 12.2906C40.5837 12.6344 41 13.3191 41 14.0661V35.9339C41 36.6809 40.5837 37.3656 39.9205 37.7094L22.9205 46.5228C22.3433 46.822 21.6567 46.822 21.0795 46.5228L4.07949 37.7094C3.4163 37.3656 3 36.6809 3 35.9339V14.0661Z" fill="#042B4E" fill-opacity="0.6">
+    <animate
+                    attributeName="fill" 
+                    from="#021321"
+                    to="#135c92"
+                    dur="2s"
+                    repeatCount="indefinite"
+                >
+                </animate>
+</path>
+</g>
+<path d="M3.63461 37.3954C3.367 37.1453 3.1729 36.826 3.07408 36.4734L3.31481 36.4059C3.27236 36.2544 3.25 36.0959 3.25 35.9339V35.4369H3V34.4429H3.25V33.4489H3V32.4549H3.25V31.4609H3V30.4669H3.25V29.4729H3V28.479H3.25V27.485H3V26.491H3.25V25.497H3V24.503H3.25V23.509H3V22.515H3.25V21.521H3V20.5271H3.25V19.5331H3V18.5391H3.25V17.5451H3V16.5511H3.25V15.5571H3V14.5631H3.25V14.0661C3.25 13.9041 3.27236 13.7456 3.31481 13.5941L3.07408 13.5266C3.1729 13.174 3.367 12.8547 3.63461 12.6046L3.80529 12.7873C3.92024 12.6799 4.05072 12.5871 4.19455 12.5125L4.61955 12.2922L4.50449 12.0702L5.35449 11.6296L5.46955 11.8515L6.31955 11.4108L6.20449 11.1889L7.05449 10.7482L7.16955 10.9702L8.01955 10.5295L7.90449 10.3076L8.75449 9.86689L8.86955 10.0888L9.71955 9.64817L9.60449 9.42623L10.4545 8.98556L10.5696 9.20751L11.4196 8.76684L11.3045 8.54489L12.1545 8.10423L12.2696 8.32617L13.1196 7.88551L13.0045 7.66356L13.8545 7.22289L13.9696 7.44484L14.8196 7.00417L14.7045 6.78223L15.5545 6.34156L15.6696 6.56351L16.5196 6.12284L16.4045 5.90089L17.2545 5.46022L17.3696 5.68217L18.2196 5.2415L18.1045 5.01956L18.9545 4.57889L19.0696 4.80084L19.9196 4.36017L19.8045 4.13822L20.6545 3.69756L20.7696 3.9195L21.1946 3.69917C21.32 3.63415 21.4512 3.58529 21.5855 3.55257L21.5263 3.30969C21.8374 3.23383 22.1626 3.23383 22.4737 3.30969L22.4145 3.55257C22.5488 3.58529 22.68 3.63415 22.8054 3.69917L23.2305 3.91951L23.3455 3.69756L24.1955 4.13823L24.0805 4.36017L24.9305 4.80084L25.0455 4.57889L25.8955 5.01956L25.7805 5.24151L26.6305 5.68217L26.7455 5.46023L27.5955 5.90089L27.4805 6.12284L28.3305 6.56351L28.4455 6.34156L29.2955 6.78223L29.1805 7.00417L30.0304 7.44484L30.1455 7.22289L30.9955 7.66356L30.8804 7.88551L31.7304 8.32617L31.8455 8.10423L32.6955 8.5449L32.5805 8.76684L33.4304 9.20751L33.5455 8.98556L34.3955 9.42623L34.2804 9.64818L35.1305 10.0888L35.2455 9.8669L36.0955 10.3076L35.9804 10.5295L36.8304 10.9702L36.9455 10.7482L37.7955 11.1889L37.6805 11.4108L38.5304 11.8515L38.6455 11.6296L39.4955 12.0702L39.3804 12.2922L39.8055 12.5125C39.9493 12.5871 40.0798 12.6799 40.1947 12.7873L40.3654 12.6046C40.633 12.8547 40.8271 13.174 40.9259 13.5266L40.6852 13.5941C40.7276 13.7456 40.75 13.9041 40.75 14.0661V14.5631H41V15.5571H40.75V16.5511H41V17.5451H40.75V18.5391H41V19.5331H40.75V20.5271H41V21.521H40.75V22.515H41V23.509H40.75V24.503H41V25.497H40.75V26.491H41V27.485H40.75V28.479H41V29.4729H40.75V30.4669H41V31.4609H40.75V32.4549H41V33.4489H40.75V34.4429H41V35.4369H40.75V35.9339C40.75 36.0959 40.7276 36.2544 40.6852 36.4059L40.9259 36.4734C40.8271 36.826 40.633 37.1453 40.3654 37.3954L40.1947 37.2127C40.0798 37.3201 39.9493 37.4129 39.8055 37.4875L39.3804 37.7078L39.4955 37.9298L38.6455 38.3704L38.5304 38.1485L37.6804 38.5892L37.7955 38.8111L36.9455 39.2518L36.8304 39.0298L35.9804 39.4705L36.0955 39.6924L35.2455 40.1331L35.1304 39.9112L34.2804 40.3518L34.3955 40.5738L33.5455 41.0144L33.4304 40.7925L32.5804 41.2332L32.6955 41.4551L31.8455 41.8958L31.7304 41.6738L30.8804 42.1145L30.9955 42.3364L30.1455 42.7771L30.0304 42.5552L29.1805 42.9958L29.2955 43.2178L28.4455 43.6584L28.3305 43.4365L27.4804 43.8772L27.5955 44.0991L26.7455 44.5398L26.6304 44.3178L25.7804 44.7585L25.8955 44.9804L25.0455 45.4211L24.9304 45.1992L24.0804 45.6398L24.1955 45.8618L23.3455 46.3024L23.2304 46.0805L22.8054 46.3008C22.68 46.3658 22.5488 46.4147 22.4145 46.4474L22.4737 46.6903C22.1626 46.7662 21.8374 46.7662 21.5263 46.6903L21.5855 46.4474C21.4512 46.4147 21.32 46.3658 21.1946 46.3008L20.7695 46.0805L20.6545 46.3024L19.8045 45.8618L19.9195 45.6398L19.0695 45.1992L18.9545 45.4211L18.1045 44.9804L18.2195 44.7585L17.3695 44.3178L17.2545 44.5398L16.4045 44.0991L16.5195 43.8772L15.6695 43.4365L15.5545 43.6584L14.7045 43.2178L14.8195 42.9958L13.9696 42.5552L13.8545 42.7771L13.0045 42.3364L13.1196 42.1145L12.2696 41.6738L12.1545 41.8958L11.3045 41.4551L11.4196 41.2332L10.5696 40.7925L10.4545 41.0144L9.60449 40.5738L9.71955 40.3518L8.86955 39.9112L8.75449 40.1331L7.90449 39.6924L8.01955 39.4705L7.16955 39.0298L7.05449 39.2518L6.20449 38.8111L6.31955 38.5892L5.46955 38.1485L5.35449 38.3704L4.50449 37.9298L4.61955 37.7078L4.19455 37.4875C4.05072 37.4129 3.92024 37.3201 3.8053 37.2127L3.63461 37.3954Z" stroke="url(#paint0_linear_1222_243)" stroke-width="0.5" stroke-dasharray="1 1"/>
+<path d="M0.5 12.4198C0.5 11.8554 0.816784 11.3388 1.31979 11.0829L21.3198 0.907081C21.7472 0.689623 22.2528 0.689622 22.6802 0.90708L42.6802 11.0829C43.1832 11.3388 43.5 11.8554 43.5 12.4198V37.5802C43.5 38.1446 43.1832 38.6612 42.6802 38.9171L22.6802 49.0929C22.2528 49.3104 21.7472 49.3104 21.3198 49.0929L1.3198 38.9171C0.816785 38.6612 0.5 38.1446 0.5 37.5802V25V12.4198Z" stroke="url(#paint1_linear_1222_243)"/>
+<rect y="21" width="1" height="8" fill="#6AC1FF"/>
+<rect x="43" y="21" width="1" height="8" fill="#6AC1FF"/>
+<defs>
+<filter id="filter0_i_1222_243" x="3" y="3.25279" width="38" height="43.4944" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="4"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.152941 0 0 0 0 0.65098 0 0 0 0 1 0 0 0 0.8 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_1222_243"/>
+</filter>
+<linearGradient id="paint0_linear_1222_243" x1="20.5" y1="5.40924" x2="20.8071" y2="48.1185" gradientUnits="userSpaceOnUse">
+<stop offset="0.0943882" stop-color="#6AC1FF"/>
+<stop offset="0.479717" stop-color="#6AC1FF" stop-opacity="0"/>
+<stop offset="1" stop-color="#6AC1FF"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1222_243" x1="22" y1="0" x2="21.8013" y2="49.9992" gradientUnits="userSpaceOnUse">
+<stop stop-color="#27A6FF"/>
+<stop offset="0.572917" stop-color="#164E75" stop-opacity="0"/>
+<stop offset="1" stop-color="#27A6FF"/>
+</linearGradient>
+</defs>
+</svg>

src/assets/images/energyDataPanorama/dataSharingCenter-yellow-bgc.svg

+<svg width="44" height="50" viewBox="0 0 44 50" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_i_1222_260)">
+<path d="M3 14.0661C3 13.3191 3.4163 12.6344 4.07949 12.2906L21.0795 3.47722C21.6567 3.17799 22.3433 3.17799 22.9205 3.47722L39.9205 12.2906C40.5837 12.6344 41 13.3191 41 14.0661V35.9339C41 36.6809 40.5837 37.3656 39.9205 37.7094L22.9205 46.5228C22.3433 46.822 21.6567 46.822 21.0795 46.5228L4.07949 37.7094C3.4163 37.3656 3 36.6809 3 35.9339V14.0661Z" fill="#2C1008" fill-opacity="0.6">
+  <animate
+                    attributeName="fill" 
+                    from="#021321"
+                    to="#793a2a"
+                    dur="2s"
+                    repeatCount="indefinite"
+                >
+                </animate>
+</path>
+</g>
+<path d="M3.63461 37.3954C3.367 37.1453 3.1729 36.826 3.07408 36.4734L3.31481 36.4059C3.27236 36.2544 3.25 36.0959 3.25 35.9339V35.4369H3V34.4429H3.25V33.4489H3V32.4549H3.25V31.4609H3V30.4669H3.25V29.4729H3V28.479H3.25V27.485H3V26.491H3.25V25.497H3V24.503H3.25V23.509H3V22.515H3.25V21.521H3V20.5271H3.25V19.5331H3V18.5391H3.25V17.5451H3V16.5511H3.25V15.5571H3V14.5631H3.25V14.0661C3.25 13.9041 3.27236 13.7456 3.31481 13.5941L3.07408 13.5266C3.1729 13.174 3.367 12.8547 3.63461 12.6046L3.80529 12.7873C3.92024 12.6799 4.05072 12.5871 4.19455 12.5125L4.61955 12.2922L4.50449 12.0702L5.35449 11.6296L5.46955 11.8515L6.31955 11.4108L6.20449 11.1889L7.05449 10.7482L7.16955 10.9702L8.01955 10.5295L7.90449 10.3076L8.75449 9.86689L8.86955 10.0888L9.71955 9.64817L9.60449 9.42623L10.4545 8.98556L10.5696 9.20751L11.4196 8.76684L11.3045 8.54489L12.1545 8.10423L12.2696 8.32617L13.1196 7.88551L13.0045 7.66356L13.8545 7.22289L13.9696 7.44484L14.8196 7.00417L14.7045 6.78223L15.5545 6.34156L15.6696 6.56351L16.5196 6.12284L16.4045 5.90089L17.2545 5.46022L17.3696 5.68217L18.2196 5.2415L18.1045 5.01956L18.9545 4.57889L19.0696 4.80084L19.9196 4.36017L19.8045 4.13822L20.6545 3.69756L20.7696 3.9195L21.1946 3.69917C21.32 3.63415 21.4512 3.58529 21.5855 3.55257L21.5263 3.30969C21.8374 3.23383 22.1626 3.23383 22.4737 3.30969L22.4145 3.55257C22.5488 3.58529 22.68 3.63415 22.8054 3.69917L23.2305 3.91951L23.3455 3.69756L24.1955 4.13823L24.0805 4.36017L24.9305 4.80084L25.0455 4.57889L25.8955 5.01956L25.7805 5.24151L26.6305 5.68217L26.7455 5.46023L27.5955 5.90089L27.4805 6.12284L28.3305 6.56351L28.4455 6.34156L29.2955 6.78223L29.1805 7.00417L30.0304 7.44484L30.1455 7.22289L30.9955 7.66356L30.8804 7.88551L31.7304 8.32617L31.8455 8.10423L32.6955 8.5449L32.5805 8.76684L33.4304 9.20751L33.5455 8.98556L34.3955 9.42623L34.2804 9.64818L35.1305 10.0888L35.2455 9.8669L36.0955 10.3076L35.9804 10.5295L36.8304 10.9702L36.9455 10.7482L37.7955 11.1889L37.6805 11.4108L38.5304 11.8515L38.6455 11.6296L39.4955 12.0702L39.3804 12.2922L39.8055 12.5125C39.9493 12.5871 40.0798 12.6799 40.1947 12.7873L40.3654 12.6046C40.633 12.8547 40.8271 13.174 40.9259 13.5266L40.6852 13.5941C40.7276 13.7456 40.75 13.9041 40.75 14.0661V14.5631H41V15.5571H40.75V16.5511H41V17.5451H40.75V18.5391H41V19.5331H40.75V20.5271H41V21.521H40.75V22.515H41V23.509H40.75V24.503H41V25.497H40.75V26.491H41V27.485H40.75V28.479H41V29.4729H40.75V30.4669H41V31.4609H40.75V32.4549H41V33.4489H40.75V34.4429H41V35.4369H40.75V35.9339C40.75 36.0959 40.7276 36.2544 40.6852 36.4059L40.9259 36.4734C40.8271 36.826 40.633 37.1453 40.3654 37.3954L40.1947 37.2127C40.0798 37.3201 39.9493 37.4129 39.8055 37.4875L39.3804 37.7078L39.4955 37.9298L38.6455 38.3704L38.5304 38.1485L37.6804 38.5892L37.7955 38.8111L36.9455 39.2518L36.8304 39.0298L35.9804 39.4705L36.0955 39.6924L35.2455 40.1331L35.1304 39.9112L34.2804 40.3518L34.3955 40.5738L33.5455 41.0144L33.4304 40.7925L32.5804 41.2332L32.6955 41.4551L31.8455 41.8958L31.7304 41.6738L30.8804 42.1145L30.9955 42.3364L30.1455 42.7771L30.0304 42.5552L29.1805 42.9958L29.2955 43.2178L28.4455 43.6584L28.3305 43.4365L27.4804 43.8772L27.5955 44.0991L26.7455 44.5398L26.6304 44.3178L25.7804 44.7585L25.8955 44.9804L25.0455 45.4211L24.9304 45.1992L24.0804 45.6398L24.1955 45.8618L23.3455 46.3024L23.2304 46.0805L22.8054 46.3008C22.68 46.3658 22.5488 46.4147 22.4145 46.4474L22.4737 46.6903C22.1626 46.7662 21.8374 46.7662 21.5263 46.6903L21.5855 46.4474C21.4512 46.4147 21.32 46.3658 21.1946 46.3008L20.7695 46.0805L20.6545 46.3024L19.8045 45.8618L19.9195 45.6398L19.0695 45.1992L18.9545 45.4211L18.1045 44.9804L18.2195 44.7585L17.3695 44.3178L17.2545 44.5398L16.4045 44.0991L16.5195 43.8772L15.6695 43.4365L15.5545 43.6584L14.7045 43.2178L14.8195 42.9958L13.9696 42.5552L13.8545 42.7771L13.0045 42.3364L13.1196 42.1145L12.2696 41.6738L12.1545 41.8958L11.3045 41.4551L11.4196 41.2332L10.5696 40.7925L10.4545 41.0144L9.60449 40.5738L9.71955 40.3518L8.86955 39.9112L8.75449 40.1331L7.90449 39.6924L8.01955 39.4705L7.16955 39.0298L7.05449 39.2518L6.20449 38.8111L6.31955 38.5892L5.46955 38.1485L5.35449 38.3704L4.50449 37.9298L4.61955 37.7078L4.19455 37.4875C4.05072 37.4129 3.92024 37.3201 3.8053 37.2127L3.63461 37.3954Z" stroke="url(#paint0_linear_1222_260)" stroke-width="0.5" stroke-dasharray="1 1"/>
+<path d="M0.5 12.4198C0.5 11.8554 0.816784 11.3388 1.31979 11.0829L21.3198 0.907081C21.7472 0.689623 22.2528 0.689622 22.6802 0.90708L42.6802 11.0829C43.1832 11.3388 43.5 11.8554 43.5 12.4198V37.5802C43.5 38.1446 43.1832 38.6612 42.6802 38.9171L22.6802 49.0929C22.2528 49.3104 21.7472 49.3104 21.3198 49.0929L1.3198 38.9171C0.816785 38.6612 0.5 38.1446 0.5 37.5802V25V12.4198Z" stroke="url(#paint1_linear_1222_260)"/>
+<rect y="21" width="1" height="8" fill="#FF744C"/>
+<rect x="43" y="21" width="1" height="8" fill="#FF744C"/>
+<defs>
+<filter id="filter0_i_1222_260" x="3" y="3.25279" width="38" height="43.4944" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="4"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.454902 0 0 0 0 0.298039 0 0 0 0.8 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_1222_260"/>
+</filter>
+<linearGradient id="paint0_linear_1222_260" x1="20.5" y1="5.40924" x2="20.8071" y2="48.1185" gradientUnits="userSpaceOnUse">
+<stop offset="0.0943882" stop-color="#FF744C"/>
+<stop offset="0.479717" stop-color="#FF744C" stop-opacity="0"/>
+<stop offset="1" stop-color="#FF744C"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1222_260" x1="22" y1="0" x2="21.8013" y2="49.9992" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FF744C"/>
+<stop offset="0.572917" stop-color="#622716" stop-opacity="0"/>
+<stop offset="1" stop-color="#FF744C"/>
+</linearGradient>
+</defs>
+</svg>

src/assets/logo.svg

-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 261.76 226.69"  xmlns:v="https://vecta.io/nano"><path d="M161.096.001l-30.225 52.351L100.647.001H-.005l130.877 226.688L261.749.001z" fill="#41b883"/><path d="M161.096.001l-30.225 52.351L100.647.001H52.346l78.526 136.01L209.398.001z" fill="#34495e"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 261.76 226.69"><path d="M161.096.001l-30.225 52.351L100.647.001H-.005l130.877 226.688L261.749.001z" fill="#41b883"/><path d="M161.096.001l-30.225 52.351L100.647.001H52.346l78.526 136.01L209.398.001z" fill="#34495e"/></svg>

src/assets/main.css

-@import "./base.css";
+@import './base.css';
 
 #app {
   max-width: 1280px;

src/assets/style/base.css

+html {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+}
+html,
+body {
+  padding: 0;
+  margin: 0;
+  border: 0;
+}
+body {
+  min-width: 1920px !important;
+  min-height: 1080px !important;
+  max-width: 1920px !important;
+  max-height: 1080px !important;
+}
+#app {
+  width: 100%;
+  height: 100%;
+  padding-top: 2px;
+  background: #000c15;
+}
+* {
+  box-sizing: border-box;
+}
+.xl-flex {
+  display: flex;
+  align-items: center;
+}
+.xl-center {
+  align-items: center;
+  justify-content: center;
+}
+.xl-justify-end {
+  align-items: center;
+  justify-content: flex-end;
+}
+.xl-justify-start {
+  align-items: center;
+  justify-content: flex-start;
+}
+.xl-align-start {
+  align-items: flex-start !important;
+}
+.xl-align-end {
+  align-items: flex-end !important;
+}
+.xl-between {
+  align-items: center;
+  justify-content: space-between;
+}
+.xl-around {
+  align-items: center;
+  justify-content: space-around;
+}
+.xl-wrap {
+  flex-wrap: wrap;
+}
+.xl-stretch {
+  align-items: stretch;
+}
+.xl-column {
+  flex-direction: column;
+}
+.xl-expanded {
+  flex: 1 1 auto;
+  position: relative;
+}
+.xl-expanded .add-header {
+  background: unset;
+}
+.xl-expanded .theme--light.v-stepper {
+  background: unset;
+}
+.xl-expanded > * {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  overflow-y: auto;
+}
+.pointer {
+  cursor: pointer;
+}
+.xl-line {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.xl-card .xl-card-title-444 {
+  background: url(../images/energyDataPanorama/card-title-bgc444.svg) center left no-repeat;
+  background-size: 100%;
+  height: 33px;
+  width: 100%;
+  font-size: 16px;
+  font-weight: 500;
+  color: #ffffff;
+  padding-left: 30px;
+}
+.xl-card .xl-card-title.xl-card-title-middle {
+  background: url("@/assets/images/base/title-middle.png") center left no-repeat;
+  background-size: 100%;
+}
+.xl-card .xl-card-title.xl-card-title-440 {
+  background: url("@/assets/images/base/title-440.png") center left no-repeat;
+  background-size: 100%;
+}
+.xl-card .xl-card-title.xl-card-title-large {
+  background: url("@/assets/images/base/title-large.png") center left no-repeat;
+  background-size: 100%;
+}
+.xl-card .xl-card-body {
+  width: 100%;
+  height: calc(100% - 33px);
+}
+.xl-card .xl-card-title-home-detail {
+  background: url("@/assets/images/base/home-detail-title460.png") center left no-repeat;
+  background-size: 100%;
+  height: 46px;
+  width: 100%;
+  font-size: 16px;
+  font-weight: 600;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  padding-left: 57px;
+}
+.xl-card .xl-card-title-home-detail-middle {
+  background: url("@/assets/images/base/home-detail-title804.png") center left no-repeat;
+  background-size: 100%;
+  height: 46px;
+  width: 100%;
+  font-size: 16px;
+  font-weight: 600;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  padding-left: 57px;
+}
+.xl-body-has-title {
+  background: url("@/assets/images/base/body-has-title.png") center center no-repeat;
+  background-size: cover;
+}
+.xl-body {
+  background: url("@/assets/images/base/body-body.png") center center no-repeat;
+  background-size: cover;
+}
+@font-face {
+  font-family: Alimama;
+  src: url(../font/Alimama_ShuHeiTi_Bold.ttf);
+}
+.fade-right-enter-to,
+.fade-right-leave-from {
+  opacity: 1;
+  transform: none;
+}
+.fade-right-enter-active,
+.fade-right-leave-active {
+  transition: all 0.5s;
+}
+.fade-right-enter-from,
+.fade-right-leave-to {
+  opacity: 0;
+  transform: translateX(20px);
+}

src/assets/style/base.less

+html {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 100%;
+}
+html,
+body {
+    padding: 0;
+    margin: 0;
+    border: 0;
+}
+body {
+    min-width: 1920px !important;
+    min-height: 1080px !important;
+    max-width: 1920px !important;
+    max-height: 1080px !important;
+}
+#app {
+    width: 100%;
+    height: 100%;
+    padding-top: 2px;
+    background: #000c15;
+}
+* {
+    box-sizing: border-box;
+}
+
+.xl-flex {
+    display: flex;
+    align-items: center;
+}
+.xl-center {
+    align-items: center;
+    justify-content: center;
+}
+.xl-justify-end {
+    align-items: center;
+    justify-content: flex-end;
+}
+.xl-justify-start {
+    align-items: center;
+    justify-content: flex-start;
+}
+.xl-align-start {
+    align-items: flex-start !important;
+}
+.xl-align-end {
+    align-items: flex-end !important;
+}
+.xl-between {
+    align-items: center;
+    justify-content: space-between;
+}
+.xl-around {
+    align-items: center;
+    justify-content: space-around;
+}
+.xl-wrap {
+    flex-wrap: wrap;
+}
+.xl-stretch {
+    align-items: stretch;
+}
+.xl-column {
+    flex-direction: column;
+}
+.xl-expanded {
+    flex: 1 1 auto;
+    position: relative;
+    .add-header {
+        background: unset;
+    }
+    .theme--light.v-stepper {
+        background: unset;
+    }
+    & > * {
+        position: absolute;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        overflow-y: auto;
+    }
+}
+.pointer {
+    cursor: pointer;
+}
+
+.xl-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.xl-card {
+    .xl-card-title-444 {
+        background: url(../images/energyDataPanorama/card-title-bgc444.svg)
+            center left no-repeat;
+        background-size: 100%;
+        height: 33px;
+        width: 100%;
+        font-size: 16px;
+        font-weight: 500;
+        color: #ffffff;
+
+        padding-left: 30px;
+    }
+    .xl-card-title.xl-card-title-middle {
+        background: url("@/assets/images/base/title-middle.png") center left
+            no-repeat;
+        background-size: 100%;
+    }
+    .xl-card-title.xl-card-title-440 {
+        background: url("@/assets/images/base/title-440.png") center left
+            no-repeat;
+        background-size: 100%;
+    }
+    .xl-card-title.xl-card-title-large {
+        background: url("@/assets/images/base/title-large.png") center left
+            no-repeat;
+        background-size: 100%;
+    }
+    .xl-card-body {
+        width: 100%;
+        height: calc(100% - 33px);
+    }
+    // home详情 card左侧部分
+    .xl-card-title-home-detail {
+        background: url("@/assets/images/base/home-detail-title460.png") center
+            left no-repeat;
+        background-size: 100%;
+        height: 46px;
+        width: 100%;
+        font-size: 16px;
+        font-weight: 600;
+        color: #ffffff;
+        display: flex;
+        align-items: center;
+        padding-left: 57px;
+    }
+    .xl-card-title-home-detail-middle {
+        background: url("@/assets/images/base/home-detail-title804.png") center
+            left no-repeat;
+        background-size: 100%;
+        height: 46px;
+        width: 100%;
+        font-size: 16px;
+        font-weight: 600;
+        color: #ffffff;
+        display: flex;
+        align-items: center;
+        padding-left: 57px;
+    }
+}
+
+.xl-body-has-title {
+    background: url("@/assets/images/base/body-has-title.png") center center
+        no-repeat;
+    background-size: cover;
+}
+.xl-body {
+    background: url("@/assets/images/base/body-body.png") center center
+        no-repeat;
+    background-size: cover;
+}
+
+@font-face {
+    font-family: Alimama;
+    src: url(../font/Alimama_ShuHeiTi_Bold.ttf);
+}
+
+// 进入后和离开前保持原位
+.fade-right-enter-to,
+.fade-right-leave-from {
+    opacity: 1;
+    transform: none;
+}
+
+// 设置进入和离开过程中的动画时长0.5s
+.fade-right-enter-active,
+.fade-right-leave-active {
+    transition: all 0.5s;
+}
+
+// 进入前和离开后为透明，并在右侧20px位置
+.fade-right-enter-from,
+.fade-right-leave-to {
+    opacity: 0;
+    transform: translateX(20px);
+}