Commit 67f6737b authored by p-wanping.song's avatar p-wanping.song
Browse files

添加大屏

parent cb4d07f1

src/assets/map/content-assess-bottom.png

0 → 100644
+158 KiB
Loading image diff...

src/assets/map/tabs-item0.svg

0 → 100644
+38 −0
Original line number Original line Diff line number Diff line 
<?xml version="1.0" encoding="UTF-8"?>

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin: auto; background: rgb(255, 255, 255); display: block; z-index: 1; position: relative; shape-rendering: auto;" width="500" height="350" preserveAspectRatio="xMidYMid" viewBox="0 0 500 350">

<g transform=""><linearGradient id="ldbk-nq4q5u6dq7r" x1="-0.1" y1="0" x2="1.1" y2="0.278783">

  <animate attributeName="y2" repeatCount="indefinite" dur="1s" keyTimes="0;0.5;1" values="-0.32;0.32;-0.32" keySplines="0.5 0 0.5 1;0.5 0 0.5 1" calcMode="spline"/>

  <stop stop-color="#6C7CEE" offset="0"/>

  <stop stop-color="#F988E3" offset="1"/>

</linearGradient>

<rect x="0" y="0" width="500" height="350" fill="url(#ldbk-nq4q5u6dq7r)"/></g>

<style type="text/css">.lded &gt; .content, .lded &gt; .content &gt; .inner { height: 100%; }

.lded &gt; .content &gt; .inner &gt; .viewer { width: 100%; height: 100%; max-width: 100%; }

.lded &gt; .content &gt; .inner &gt; .panel {

  position: absolute;

  bottom: 50px;

  left: 0;

  right: 0;

  opacity: 0.3;

}

.lded &gt; .content &gt; .inner &gt; .panel:hover { opacity: 1; }

.lded &gt; .content &gt; .inner &gt; .ctrl {

  position: absolute;

  bottom: 13px;

  left: 0;

  right: 0;

  margin: auto;

}

.lded &gt; .content &gt; .inner &gt; .ctrl:hover {

  z-index: 10;

}

#editor &gt; .inner &gt; .title {

  position: absolute;

  bottom: 195px;

  left: 0;

  right: 0;

  z-index: 11;

}

#editor &gt; .inner &gt; .title &gt; a:first-child {

  margin-left: 0!important;

#editor .lded .viewer { border-radius: 0 }</style></svg>
 
 No newline at end of file

src/assets/map/tabs-item1.svg

0 → 100644
+38 −0
Original line number Original line Diff line number Diff line 
<?xml version="1.0" encoding="UTF-8"?>

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin: auto; background: rgb(255, 255, 255); display: block; z-index: 1; position: relative; shape-rendering: auto;" width="500" height="350" preserveAspectRatio="xMidYMid" viewBox="0 0 500 350">

<g transform=""><linearGradient id="ldbk-nq4q5u6dq7r" x1="-0.1" y1="1" x2="1.1" y2="0.278783">

  <animate attributeName="y2" repeatCount="indefinite" dur="1.5s" keyTimes="0;0.5;1" values="-0.32;0.32;-0.32" keySplines="0.5 0 0.5 1;0.5 0 0.5 1" calcMode="spline"/>

  <stop stop-color="#EB2CFF" offset="0"/>

  <stop stop-color="#317BE0" offset="1"/>

</linearGradient>

<rect x="0" y="0" width="500" height="350" fill="url(#ldbk-nq4q5u6dq7r)"/></g>

<style type="text/css">.lded &gt; .content, .lded &gt; .content &gt; .inner { height: 100%; }

.lded &gt; .content &gt; .inner &gt; .viewer { width: 100%; height: 100%; max-width: 100%; }

.lded &gt; .content &gt; .inner &gt; .panel {

  position: absolute;

  bottom: 50px;

  left: 0;

  right: 0;

  opacity: 0.3;

}

.lded &gt; .content &gt; .inner &gt; .panel:hover { opacity: 1; }

.lded &gt; .content &gt; .inner &gt; .ctrl {

  position: absolute;

  bottom: 13px;

  left: 0;

  right: 0;

  margin: auto;

}

.lded &gt; .content &gt; .inner &gt; .ctrl:hover {

  z-index: 10;

}

#editor &gt; .inner &gt; .title {

  position: absolute;

  bottom: 195px;

  left: 0;

  right: 0;

  z-index: 11;

}

#editor &gt; .inner &gt; .title &gt; a:first-child {

  margin-left: 0!important;

#editor .lded .viewer { border-radius: 0 }</style></svg>
 
 No newline at end of file

src/assets/map/tabs-item2.svg

0 → 100644
+61 −0
Original line number Original line Diff line number Diff line 
<?xml version="1.0" encoding="UTF-8"?>

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin: auto; background: rgb(); display: block; z-index: 1; position: relative; shape-rendering: auto;" width="500" height="350" preserveAspectRatio="xMidYMid" viewBox="0 0 500 350">

<g transform=""><circle cx="0" cy="0" r="610.3277807866851" fill="#ff00ff" fill-opacity="0.4" transform="scale(1.01145 1.01145)">

  <animateTransform attributeName="transform" type="scale" repeatCount="indefinite" dur="2s" begin="-2s" keyTimes="0;0.5;1" values="0.976;1.024;0.976" keySplines="0.4 0 0.6 1;0.4 0 0.6 1" calcMode="spline"/>

</circle><circle cx="0" cy="0" r="563.3794899569401" fill="#e64fff" fill-opacity="0.4" transform="scale(1.02002 1.02002)">

  <animateTransform attributeName="transform" type="scale" repeatCount="indefinite" dur="2s" begin="-1.8461538461538463s" keyTimes="0;0.5;1" values="0.976;1.024;0.976" keySplines="0.4 0 0.6 1;0.4 0 0.6 1" calcMode="spline"/>

</circle><circle cx="0" cy="0" r="516.4311991271951" fill="#c771ff" fill-opacity="0.4" transform="scale(1.02382 1.02382)">

  <animateTransform attributeName="transform" type="scale" repeatCount="indefinite" dur="2s" begin="-1.6923076923076923s" keyTimes="0;0.5;1" values="0.976;1.024;0.976" keySplines="0.4 0 0.6 1;0.4 0 0.6 1" calcMode="spline"/>

</circle><circle cx="0" cy="0" r="469.48290829745014" fill="#a38aff" fill-opacity="0.4" transform="scale(1.02272 1.02272)">

  <animateTransform attributeName="transform" type="scale" repeatCount="indefinite" dur="2s" begin="-1.5384615384615385s" keyTimes="0;0.5;1" values="0.976;1.024;0.976" keySplines="0.4 0 0.6 1;0.4 0 0.6 1" calcMode="spline"/>

</circle><circle cx="0" cy="0" r="422.53461746770506" fill="#759fff" fill-opacity="0.4" transform="scale(1.01667 1.01667)">

  <animateTransform attributeName="transform" type="scale" repeatCount="indefinite" dur="2s" begin="-1.3846153846153846s" keyTimes="0;0.5;1" values="0.976;1.024;0.976" keySplines="0.4 0 0.6 1;0.4 0 0.6 1" calcMode="spline"/>

</circle><circle cx="0" cy="0" r="375.5863266379601" fill="#2eb0ff" fill-opacity="0.4" transform="scale(1.00635 1.00635)">

  <animateTransform attributeName="transform" type="scale" repeatCount="indefinite" dur="2s" begin="-1.2307692307692308s" keyTimes="0;0.5;1" values="0.976;1.024;0.976" keySplines="0.4 0 0.6 1;0.4 0 0.6 1" calcMode="spline"/>

</circle><circle cx="0" cy="0" r="328.6380358082151" fill="#00bfff" fill-opacity="0.4" transform="scale(0.994199 0.994199)">

  <animateTransform attributeName="transform" type="scale" repeatCount="indefinite" dur="2s" begin="-1.0769230769230769s" keyTimes="0;0.5;1" values="0.976;1.024;0.976" keySplines="0.4 0 0.6 1;0.4 0 0.6 1" calcMode="spline"/>

</circle><circle cx="0" cy="0" r="281.68974497847006" fill="#00ccff" fill-opacity="0.4" transform="scale(0.983719 0.983719)">

  <animateTransform attributeName="transform" type="scale" repeatCount="indefinite" dur="2s" begin="-0.9230769230769231s" keyTimes="0;0.5;1" values="0.976;1.024;0.976" keySplines="0.4 0 0.6 1;0.4 0 0.6 1" calcMode="spline"/>

</circle><circle cx="0" cy="0" r="234.74145414872507" fill="#00d7ff" fill-opacity="0.4" transform="scale(0.977451 0.977451)">

  <animateTransform attributeName="transform" type="scale" repeatCount="indefinite" dur="2s" begin="-0.7692307692307693s" keyTimes="0;0.5;1" values="0.976;1.024;0.976" keySplines="0.4 0 0.6 1;0.4 0 0.6 1" calcMode="spline"/>

</circle><circle cx="0" cy="0" r="187.79316331898005" fill="#00e1ff" fill-opacity="0.4" transform="scale(0.976123 0.976123)">

  <animateTransform attributeName="transform" type="scale" repeatCount="indefinite" dur="2s" begin="-0.6153846153846154s" keyTimes="0;0.5;1" values="0.976;1.024;0.976" keySplines="0.4 0 0.6 1;0.4 0 0.6 1" calcMode="spline"/>

</circle><circle cx="0" cy="0" r="140.84487248923503" fill="#00eaff" fill-opacity="0.4" transform="scale(0.97969 0.97969)">

  <animateTransform attributeName="transform" type="scale" repeatCount="indefinite" dur="2s" begin="-0.46153846153846156s" keyTimes="0;0.5;1" values="0.976;1.024;0.976" keySplines="0.4 0 0.6 1;0.4 0 0.6 1" calcMode="spline"/>

</circle><circle cx="0" cy="0" r="93.89658165949002" fill="#00f2ff" fill-opacity="0.4" transform="scale(0.988063 0.988063)">

  <animateTransform attributeName="transform" type="scale" repeatCount="indefinite" dur="2s" begin="-0.3076923076923077s" keyTimes="0;0.5;1" values="0.976;1.024;0.976" keySplines="0.4 0 0.6 1;0.4 0 0.6 1" calcMode="spline"/>

</circle><circle cx="0" cy="0" r="46.94829082974501" fill="#00f9ff" fill-opacity="0.4" transform="scale(0.999744 0.999744)">

  <animateTransform attributeName="transform" type="scale" repeatCount="indefinite" dur="2s" begin="-0.15384615384615385s" keyTimes="0;0.5;1" values="0.976;1.024;0.976" keySplines="0.4 0 0.6 1;0.4 0 0.6 1" calcMode="spline"/>

</circle><circle cx="0" cy="0" r="0" fill="#00ffff" fill-opacity="0.4" transform="scale(1.01145 1.01145)">

  <animateTransform attributeName="transform" type="scale" repeatCount="indefinite" dur="2s" begin="0s" keyTimes="0;0.5;1" values="0.976;1.024;0.976" keySplines="0.4 0 0.6 1;0.4 0 0.6 1" calcMode="spline"/>

</circle></g>

<style type="text/css">.lded &gt; .content, .lded &gt; .content &gt; .inner { height: 100%; }

.lded &gt; .content &gt; .inner &gt; .viewer { width: 100%; height: 100%; max-width: 100%; }

.lded &gt; .content &gt; .inner &gt; .panel {

  position: absolute;

  bottom: 50px;

  left: 0;

  right: 0;

  opacity: 0.3;

}

.lded &gt; .content &gt; .inner &gt; .panel:hover { opacity: 1; }

.lded &gt; .content &gt; .inner &gt; .ctrl {

  position: absolute;

  bottom: 13px;

  left: 0;

  right: 0;

  margin: auto;

}

.lded &gt; .content &gt; .inner &gt; .ctrl:hover {

  z-index: 10;

}

#editor &gt; .inner &gt; .title {

  position: absolute;

  bottom: 195px;

  left: 0;

  right: 0;

  z-index: 11;

}

#editor &gt; .inner &gt; .title &gt; a:first-child {

  margin-left: 0!important;

#editor .lded .viewer { border-radius: 0 }</style></svg>
 
 No newline at end of file

src/assets/map/tabs-item3.svg

0 → 100644
+54 −0
Original line number Original line Diff line number Diff line 
<?xml version="1.0" encoding="UTF-8"?>

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin: auto; background: rgb(); display: block; z-index: 1; position: relative; shape-rendering: auto;" width="500" height="350" preserveAspectRatio="xMidYMid" viewBox="0 0 500 350">

<g transform=""><linearGradient id="ldb-nq4q5u6dq7r-lg" x1="0" y1="0" x2="0" y2="1">

  <stop stop-color="#EC27FF" offset="0"/>

  <stop stop-color="#3CD6FF" offset="1"/>

</linearGradient><rect x="-27.77777777777778" y="-350" width="111.11111111111111" height="700" fill="url(#ldb-nq4q5u6dq7r-lg)" transform="translate(-0.836995 0)">

  <animateTransform attributeName="transform" type="translate" repeatCount="indefinite" dur="1s" begin="-2.25s" keyTimes="0;0.5;1" values="-3.055555555555556;3.055555555555556;-3.055555555555556" keySplines="0.4 0 0.6 1;0.4 0 0.6 1" calcMode="spline"/>

</rect><rect x="27.77777777777778" y="-306.25" width="111.11111111111111" height="700" fill="url(#ldb-nq4q5u6dq7r-lg)" transform="translate(-2.69058 0)">

  <animateTransform attributeName="transform" type="translate" repeatCount="indefinite" dur="1s" begin="-2s" keyTimes="0;0.5;1" values="-3.055555555555556;3.055555555555556;-3.055555555555556" keySplines="0.4 0 0.6 1;0.4 0 0.6 1" calcMode="spline"/>

</rect><rect x="83.33333333333334" y="-262.5" width="111.11111111111111" height="700" fill="url(#ldb-nq4q5u6dq7r-lg)" transform="translate(-2.96524 0)">

  <animateTransform attributeName="transform" type="translate" repeatCount="indefinite" dur="1s" begin="-1.75s" keyTimes="0;0.5;1" values="-3.055555555555556;3.055555555555556;-3.055555555555556" keySplines="0.4 0 0.6 1;0.4 0 0.6 1" calcMode="spline"/>

</rect><rect x="138.88888888888889" y="-218.75" width="111.11111111111111" height="700" fill="url(#ldb-nq4q5u6dq7r-lg)" transform="translate(-1.59812 0)">

  <animateTransform attributeName="transform" type="translate" repeatCount="indefinite" dur="1s" begin="-1.5s" keyTimes="0;0.5;1" values="-3.055555555555556;3.055555555555556;-3.055555555555556" keySplines="0.4 0 0.6 1;0.4 0 0.6 1" calcMode="spline"/>

</rect><rect x="194.44444444444446" y="-175" width="111.11111111111111" height="700" fill="url(#ldb-nq4q5u6dq7r-lg)" transform="translate(0.836996 0)">

  <animateTransform attributeName="transform" type="translate" repeatCount="indefinite" dur="1s" begin="-1.25s" keyTimes="0;0.5;1" values="-3.055555555555556;3.055555555555556;-3.055555555555556" keySplines="0.4 0 0.6 1;0.4 0 0.6 1" calcMode="spline"/>

</rect><rect x="250" y="-131.25" width="111.11111111111111" height="700" fill="url(#ldb-nq4q5u6dq7r-lg)" transform="translate(2.69058 0)">

  <animateTransform attributeName="transform" type="translate" repeatCount="indefinite" dur="1s" begin="-0.1s" keyTimes="0;0.5;1" values="-3.055555555555556;3.055555555555556;-3.055555555555556" keySplines="0.4 0 0.6 1;0.4 0 0.6 1" calcMode="spline"/>

</rect><rect x="305.55555555555554" y="-87.5" width="111.11111111111111" height="700" fill="url(#ldb-nq4q5u6dq7r-lg)" transform="translate(2.96524 0)">

  <animateTransform attributeName="transform" type="translate" repeatCount="indefinite" dur="1s" begin="-0.75s" keyTimes="0;0.5;1" values="-3.055555555555556;3.055555555555556;-3.055555555555556" keySplines="0.4 0 0.6 1;0.4 0 0.6 1" calcMode="spline"/>

</rect><rect x="361.11111111111114" y="-43.75" width="111.11111111111111" height="700" fill="url(#ldb-nq4q5u6dq7r-lg)" transform="translate(1.59812 0)">

  <animateTransform attributeName="transform" type="translate" repeatCount="indefinite" dur="1s" begin="-0.5s" keyTimes="0;0.5;1" values="-3.055555555555556;3.055555555555556;-3.055555555555556" keySplines="0.4 0 0.6 1;0.4 0 0.6 1" calcMode="spline"/>

</rect><rect x="416.6666666666667" y="0" width="111.11111111111111" height="700" fill="url(#ldb-nq4q5u6dq7r-lg)" transform="translate(-0.836995 0)">

  <animateTransform attributeName="transform" type="translate" repeatCount="indefinite" dur="1s" begin="0s" keyTimes="0;0.5;1" values="-3.055555555555556;3.055555555555556;-3.055555555555556" keySplines="0.4 0 0.6 1;0.4 0 0.6 1" calcMode="spline"/>

</rect></g>

<style type="text/css">.lded &gt; .content, .lded &gt; .content &gt; .inner { height: 100%; }

.lded &gt; .content &gt; .inner &gt; .viewer { width: 100%; height: 100%; max-width: 100%; }

.lded &gt; .content &gt; .inner &gt; .panel {

  position: absolute;

  bottom: 50px;

  left: 0;

  right: 0;

  opacity: 0.3;

}

.lded &gt; .content &gt; .inner &gt; .panel:hover { opacity: 1; }

.lded &gt; .content &gt; .inner &gt; .ctrl {

  position: absolute;

  bottom: 13px;

  left: 0;

  right: 0;

  margin: auto;

}

.lded &gt; .content &gt; .inner &gt; .ctrl:hover {

  z-index: 10;

}

#editor &gt; .inner &gt; .title {

  position: absolute;

  bottom: 195px;

  left: 0;

  right: 0;

  z-index: 11;

}

#editor &gt; .inner &gt; .title &gt; a:first-child {

  margin-left: 0!important;

#editor .lded .viewer { border-radius: 0 }</style></svg>
 
 No newline at end of file