@@ -189,6 +151,7 @@
\ No newline at end of file
diff --git a/src/view/mapPopover.vue b/src/view/mapPopover.vue
new file mode 100644
index 0000000..4963b8e
--- /dev/null
+++ b/src/view/mapPopover.vue
@@ -0,0 +1,304 @@
+
+
+
+
+
+
+ 物茂乡公路边一号地块
+ 当前种植
+ 往期种植
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/view/park/center.vue b/src/view/park/center.vue
new file mode 100644
index 0000000..ed3b3eb
--- /dev/null
+++ b/src/view/park/center.vue
@@ -0,0 +1,76 @@
+
+
+
+
+
\ No newline at end of file
diff --git a/src/view/park/index.vue b/src/view/park/index.vue
index dfd9cf7..d76e8ee 100644
--- a/src/view/park/index.vue
+++ b/src/view/park/index.vue
@@ -6,9 +6,11 @@
justify-content: space-evenly;
}
.left{
+ flex-shrink: 0;
margin-left:20px;
}
.right{
+ flex-shrink: 0;
margin-right:20px;
}
@@ -18,6 +20,7 @@
@@ -28,6 +31,7 @@
import left1 from './left_1.vue'
import left2 from './left_2.vue'
import left3 from './left_3.vue'
+import center from './center.vue'
import right1 from './right_1.vue'
import right2 from './right_2.vue'
import right3 from './right_3.vue'
diff --git a/src/view/park/left_1.vue b/src/view/park/left_1.vue
index 02591e3..10cd061 100644
--- a/src/view/park/left_1.vue
+++ b/src/view/park/left_1.vue
@@ -6,7 +6,7 @@
&>div{
width:165px;
height:120px;
- background-image:url(@/assets/img/company_left_1.png);
+ background-image: url("data:image/svg+xml,%3Csvg width='165' height='120' viewBox='0 0 165 120' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3Cstyle%3E .point%7B animation:move_43ewr234 var(--d,3s) var(--t,0s) linear infinite; opacity:0; %7D @keyframes move_43ewr234%7B 0%25%7B transform:translate(0,0); opacity:0; %7D 20%25%7B opacity:1; %7D 80%25%7B opacity:1; %7D 100%25%7B transform:translate(0,-20px); opacity:0; %7D %7D %3C/style%3E %3Cpath id='矢量 1' d='M34.2564 100.787L34.2564 103.164L83.7893 116L134.711 104.115L134.711 101.262L83.7893 114.098L34.2564 100.787Z' fill-rule='evenodd' fill='url(%23paint_linear_3_3_0)'/%3E %3Cpath id='矢量 2' d='M34.2564 92.7049L34.2564 99.836L83.7893 113.148L134.711 100.311L134.711 92.7049L83.7893 106.967L34.2564 92.7049Z' fill-rule='evenodd' fill='url(%23paint_linear_3_4_0)'/%3E %3Cpath id='矢量 3' d='M34.7193 85.0984L34.2564 91.7541L83.7893 106.016L83.7893 99.8361L34.7193 85.0984Z' fill-rule='evenodd' fill='url(%23paint_linear_3_6_0)'/%3E %3Cpath id='矢量 4' d='M83.7893 99.8361L83.7893 106.016L134.711 91.7541L134.711 84.6229L83.7893 99.8361Z' fill-rule='evenodd' fill='url(%23paint_linear_3_8_0)'/%3E %3Cpath id='矢量 5' d='M35.6452 84.8607L83.7893 98.6475L133.785 84.3853L84.9467 70.3607L35.6452 84.8607Z' fill-rule='evenodd' fill='url(%23paint_linear_3_9_0)'/%3E %3Cpath id='矢量 5' d='M83.7893 98.6476L133.785 84.3853L84.9466 70.3607L35.6452 84.8607L83.7893 98.6476Z' stroke='url(%23paint_linear_3_9_1)'/%3E %3Cg filter='url(%23filter_3_10_dd)'%3E %3Cellipse id='椭圆 1' cx='99.112610' cy='98.892120' rx='3.593897' ry='0.912190' transform='rotate(-16.671 99.1126 98.8921)' fill='%23558EEC'/%3E %3C/g%3E %3Cg filter='url(%23filter_3_11_dd)'%3E %3Cellipse id='椭圆 2' cx='128.218658' cy='90.334747' rx='3.593897' ry='0.912190' transform='rotate(-16.671 128.219 90.3347)' fill='url(%23paint_linear_3_11_0)'/%3E %3C/g%3E %3Cpath id='矢量 6' d='M34.9508 84.8606L83.7929 98.6475L134.48 84.3853L167 11.6475L0 11.6475L34.9508 84.8606Z' fill-rule='evenodd' fill='url(%23paint_linear_3_12_0)'/%3E %3Cpath id='矢量 7' d='M48.1441 88.4262L83.7893 98.6475L119.897 88.4262L135.637 0L31.0159 0L48.1441 88.4262Z' fill-rule='evenodd' fill='url(%23paint_linear_3_13_0)'/%3E %3Cellipse class='point' style='--d:3s;' cx='50' cy='70' rx='1.143451' ry='2.614754' fill='url(%23paint_linear_3_15_0)'/%3E %3Cellipse class='point' style='--d:3.5s;--t:0.8s;' cx='54' cy='54' rx='1.143451' ry='2.614754' fill='url(%23paint_linear_3_15_0)'/%3E %3Cellipse class='point' style='--d:2.7s;--t:0.9s;' cx='71' cy='68' rx='1.143451' ry='2.614754' fill='url(%23paint_linear_3_15_0)'/%3E %3Cellipse class='point' style='--d:4s;--t:0.6s;' cx='79' cy='53' rx='1.143451' ry='2.614754' fill='url(%23paint_linear_3_15_0)'/%3E %3Cellipse class='point' style='--d:3.7s;--t:1.2s;' cx='111' cy='69' rx='1.143451' ry='2.614754' fill='url(%23paint_linear_3_15_0)'/%3E %3Cellipse class='point' style='--d:4.2s;--t:1s;' cx='118' cy='42' rx='1.143451' ry='2.614754' fill='url(%23paint_linear_3_15_0)'/%3E %3Cdefs%3E %3Cfilter id='filter_3_10_dd' x='68.660614' y='69.538239' width='56.903992' height='58.707764' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E %3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E %3CfeColorMatrix 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'/%3E %3CfeMorphology radius='5' in='' result='BackgroundImageFix'/%3E %3CfeOffset dx='-2' dy='-3'/%3E %3CfeGaussianBlur stdDeviation='6.66667'/%3E %3CfeColorMatrix type='matrix' values='0 0 0 0 0.011765 0 0 0 0 0.17255 0 0 0 0 0.99608 0 0 0 0.3 0'/%3E %3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect_dropShadow_1'/%3E %3CfeColorMatrix 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'/%3E %3CfeMorphology radius='5' in='' result='effect_dropShadow_1'/%3E %3CfeOffset dx='-2' dy='3'/%3E %3CfeGaussianBlur stdDeviation='6.66667'/%3E %3CfeColorMatrix type='matrix' values='0 0 0 0 0.011765 0 0 0 0 0.17255 0 0 0 0 0.99608 0 0 0 0.3 0'/%3E %3CfeBlend mode='normal' in2='effect_dropShadow_1' result='effect_dropShadow_2'/%3E %3CfeBlend mode='normal' in='SourceGraphic' in2='effect_dropShadow_2' result='shape'/%3E %3C/filter%3E %3Cfilter id='filter_3_11_dd' x='97.766663' y='60.980865' width='56.903992' height='58.707764' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E %3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E %3CfeColorMatrix 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'/%3E %3CfeMorphology radius='5' in='' result='BackgroundImageFix'/%3E %3CfeOffset dx='-2' dy='-3'/%3E %3CfeGaussianBlur stdDeviation='6.66667'/%3E %3CfeColorMatrix type='matrix' values='0 0 0 0 0.011765 0 0 0 0 0.17255 0 0 0 0 0.99608 0 0 0 0.6 0'/%3E %3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect_dropShadow_1'/%3E %3CfeColorMatrix 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'/%3E %3CfeMorphology radius='5' in='' result='effect_dropShadow_1'/%3E %3CfeOffset dx='-2' dy='3'/%3E %3CfeGaussianBlur stdDeviation='6.66667'/%3E %3CfeColorMatrix type='matrix' values='0 0 0 0 0.011765 0 0 0 0 0.17255 0 0 0 0 0.99608 0 0 0 0.6 0'/%3E %3CfeBlend mode='normal' in2='effect_dropShadow_1' result='effect_dropShadow_2'/%3E %3CfeBlend mode='normal' in='SourceGraphic' in2='effect_dropShadow_2' result='shape'/%3E %3C/filter%3E %3CclipPath id='clip2_1'%3E %3Crect id='网页' width='165.000000' height='120.000000' fill='white'/%3E %3C/clipPath%3E %3ClinearGradient id='paint_linear_3_3_0' x1='37.279362' y1='103.143890' x2='134.711029' y2='102.500916' gradientUnits='userSpaceOnUse'%3E %3Cstop stop-color='%2335C7F2' stop-opacity='0.101961'/%3E %3Cstop offset='0.478624' stop-color='%2335C7F2' stop-opacity='0.450980'/%3E %3Cstop offset='1.000000' stop-color='%2335C7F2' stop-opacity='0.101961'/%3E %3Cstop offset='1.000000' stop-color='%2335C7F2' stop-opacity='0.101961'/%3E %3C/linearGradient%3E %3ClinearGradient id='paint_linear_3_4_0' x1='133.302719' y1='96.995300' x2='35.195229' y2='100.276230' gradientUnits='userSpaceOnUse'%3E %3Cstop stop-color='%230681FC' stop-opacity='0.101961'/%3E %3Cstop offset='0.515852' stop-color='%230681FC'/%3E %3Cstop offset='0.908397' stop-color='%230681FC' stop-opacity='0.101961'/%3E %3C/linearGradient%3E %3ClinearGradient id='paint_linear_3_6_0' x1='83.789322' y1='102.890701' x2='36.099499' y2='89.666672' gradientUnits='userSpaceOnUse'%3E %3Cstop stop-color='%2348CBE7'/%3E %3Cstop offset='1.000000' stop-color='%230681FC' stop-opacity='0.101961'/%3E %3C/linearGradient%3E %3ClinearGradient id='paint_linear_3_8_0' x1='86.618332' y1='103.279991' x2='136.125519' y2='89.100624' gradientUnits='userSpaceOnUse'%3E %3Cstop stop-color='%230681FC'/%3E %3Cstop offset='1.000000' stop-color='%230681FC' stop-opacity='0.101961'/%3E %3C/linearGradient%3E %3ClinearGradient id='paint_linear_3_9_0' x1='84.715164' y1='70.360657' x2='84.715164' y2='98.647537' gradientUnits='userSpaceOnUse'%3E %3Cstop stop-color='%230681FC' stop-opacity='0.301961'/%3E %3Cstop offset='1.000000' stop-color='%23C4C4C4' stop-opacity='0.000000'/%3E %3C/linearGradient%3E %3ClinearGradient id='paint_linear_3_9_1' x1='84.715187' y1='98.647552' x2='84.715187' y2='75.590164' gradientUnits='userSpaceOnUse'%3E %3Cstop stop-color='%230681FC'/%3E %3Cstop offset='1.000000' stop-color='%230681FC' stop-opacity='0.000000'/%3E %3C/linearGradient%3E %3ClinearGradient id='paint_linear_3_11_0' x1='125.299545' y1='90.445473' x2='131.163437' y2='90.217369' gradientUnits='userSpaceOnUse'%3E %3Cstop stop-color='%232DB1DC'/%3E %3Cstop offset='1.000000' stop-color='%231A50F9'/%3E %3C/linearGradient%3E %3ClinearGradient id='paint_linear_3_12_0' x1='83.500000' y1='11.647522' x2='83.500000' y2='98.647514' gradientUnits='userSpaceOnUse'%3E %3Cstop stop-color='%230576E7' stop-opacity='0.000000'/%3E %3Cstop offset='1.000000' stop-color='%230576E7' stop-opacity='0.301961'/%3E %3C/linearGradient%3E %3ClinearGradient id='paint_linear_3_13_0' x1='83.326881' y1='0.000459' x2='83.326881' y2='98.647560' gradientUnits='userSpaceOnUse'%3E %3Cstop stop-color='%230576E7' stop-opacity='0.000000'/%3E %3Cstop offset='1.000000' stop-color='%230576E7' stop-opacity='0.301961'/%3E %3C/linearGradient%3E %3ClinearGradient id='paint_linear_3_15_0' x1='0' y1='0' x2='0' y2='100%25'%3E %3Cstop stop-color='%230C89FE'/%3E %3Cstop offset='1' stop-color='%230C89FE' stop-opacity='0'/%3E %3C/linearGradient%3E %3C/defs%3E %3C/svg%3E ");
background-size:100% 100%;
display:flex;
align-items: center;
@@ -55,7 +55,7 @@
flex-shrink: 0;
height:115px;
width:174px;
- background-image: url("data:image/svg+xml,%3Csvg width='174.000000' height='90.000000' viewBox='0 0 174 90' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3Cdefs%3E %3ClinearGradient id='paint_linear_34_9_0' x1='12.000000' y1='61.000031' x2='165.000000' y2='61.000031' gradientUnits='userSpaceOnUse'%3E %3Cstop stop-color='%23FFFFFF' stop-opacity='0.000000'/%3E %3Cstop offset='0.526718' stop-color='%2339D3FC'/%3E %3Cstop offset='1.000000' stop-color='%23FFFFFF' stop-opacity='0.000000'/%3E %3C/linearGradient%3E %3ClinearGradient id='paint_linear_34_10_0' x1='12.000000' y1='66.000031' x2='165.000000' y2='66.000031' gradientUnits='userSpaceOnUse'%3E %3Cstop stop-color='%23FFFFFF' stop-opacity='0.000000'/%3E %3Cstop offset='0.526718' stop-color='%2339D3FC'/%3E %3Cstop offset='1.000000' stop-color='%23FFFFFF' stop-opacity='0.000000'/%3E %3C/linearGradient%3E %3ClinearGradient id='paint_linear_34_7_0' x1='87.500000' y1='72.500000' x2='87.500000' y2='32.001003' gradientUnits='userSpaceOnUse'%3E %3Cstop stop-color='%2339D3FC'/%3E %3Cstop offset='1.000000' stop-color='%2339D3FC' stop-opacity='0.247059'/%3E %3C/linearGradient%3E %3ClinearGradient id='paint_linear_34_14_0' x1='-nan' y1='-nan' x2='-nan' y2='-nan' gradientUnits='userSpaceOnUse'%3E %3Cstop stop-color='%23ACD6FE'/%3E %3Cstop offset='1.000000' stop-color='%23ACD6FE' stop-opacity='0.000000'/%3E %3C/linearGradient%3E %3CradialGradient id='paint_radial_34_13_0' cx='0.000000' cy='0.000000' r='1.000000' gradientUnits='userSpaceOnUse' gradientTransform='translate(26.5 30.5) rotate(90) scale(7.5 5.5)'%3E %3Cstop stop-color='%23FFFFFF'/%3E %3Cstop offset='0.145038' stop-color='%236BE0FF'/%3E %3Cstop offset='0.396947' stop-color='%2362DCFD'/%3E %3Cstop offset='0.740458' stop-color='%23A6ECFF' stop-opacity='0.596078'/%3E %3Cstop offset='1.000000' stop-color='%23FFFFFF' stop-opacity='0.000000'/%3E %3C/radialGradient%3E %3Cg id='guang'%3E %3Cpath d='M26.5 32.5L26.5 62' stroke='url(%23paint_linear_34_14_0)'%3E %3Canimate attributeName='opacity' values='0;1;0' dur='3s' repeatCount='indefinite'/%3E %3CanimateMotion path='M0,0 l0,-30' begin='0s' dur='3s' repeatCount='indefinite'/%3E %3C/path%3E %3Cellipse cx='26.500000' cy='30.500000' rx='5.500000' ry='7.500000' fill='url(%23paint_radial_34_13_0)'%3E %3Canimate attributeName='opacity' values='0;1;0' dur='3s' repeatCount='indefinite'/%3E %3CanimateMotion path='M0,0 l0,-30' begin='0s' dur='3s' repeatCount='indefinite'/%3E %3C/ellipse%3E %3C/g%3E %3C/defs%3E %3Cuse xlink:href='%23guang' x='58' y='1'/%3E %3Cpath d='M10 61L88 84.5L165 61' stroke='url(%23paint_linear_34_9_0)' stroke-linejoin='round' stroke-dasharray='5 3'/%3E %3Cpath d='M10 66L88 89.5L165 66' stroke='url(%23paint_linear_34_10_0)' stroke-linejoin='round' stroke-dasharray='0 0'/%3E %3Cpath d='M10 56L88 79.5L165 56L88 37L10 56Z' fill-rule='evenodd' fill='%230777E7' fill-opacity='0.350000'/%3E %3Cpath d='M88 79.5L165 56L88 37L10 56L88 79.5Z' stroke='%230777E7'/%3E %3Cpath d='M10.5 48.5L87.5 72.5L164.5 49L87.5 32L10.5 48.5Z' fill-rule='evenodd' fill='%2339D3FC' fill-opacity='0.250000'/%3E %3Cpath d='M87.5 72.5L164.5 49L87.5 32L10.5 48.5L87.5 72.5Z' stroke='url(%23paint_linear_34_7_0)'/%3E %3Cpath d='M35.5 49L88 63.5L139.5 50.5' stroke='%23000000'/%3E %3Cpath d='M32.5 50.5L88 66L143 51.5' stroke='%2339D3FC'/%3E %3Cuse xlink:href='%23guang' x='40' y='30'/%3E %3Cuse xlink:href='%23guang' x='80' y='30'/%3E %3Cuse xlink:href='%23guang' x='-12' y='17'/%3E %3Cuse xlink:href='%23guang' x='132' y='17'/%3E %3C/svg%3E ");
+ background-image: url("data:image/svg+xml,%3Csvg width='174.000000' height='90.000000' viewBox='0 0 174 90' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3Cdefs%3E %3ClinearGradient id='paint_linear_34_9_0' x1='12.000000' y1='61.000031' x2='165.000000' y2='61.000031' gradientUnits='userSpaceOnUse'%3E %3Cstop stop-color='%23FFFFFF' stop-opacity='0.000000'/%3E %3Cstop offset='0.526718' stop-color='%2339D3FC'/%3E %3Cstop offset='1.000000' stop-color='%23FFFFFF' stop-opacity='0.000000'/%3E %3C/linearGradient%3E %3ClinearGradient id='paint_linear_34_10_0' x1='12.000000' y1='66.000031' x2='165.000000' y2='66.000031' gradientUnits='userSpaceOnUse'%3E %3Cstop stop-color='%23FFFFFF' stop-opacity='0.000000'/%3E %3Cstop offset='0.526718' stop-color='%2339D3FC'/%3E %3Cstop offset='1.000000' stop-color='%23FFFFFF' stop-opacity='0.000000'/%3E %3C/linearGradient%3E %3ClinearGradient id='paint_linear_34_7_0' x1='87.500000' y1='72.500000' x2='87.500000' y2='32.001003' gradientUnits='userSpaceOnUse'%3E %3Cstop stop-color='%2339D3FC'/%3E %3Cstop offset='1.000000' stop-color='%2339D3FC' stop-opacity='0.247059'/%3E %3C/linearGradient%3E %3ClinearGradient id='paint_linear_34_14_0' x1='-nan' y1='-nan' x2='-nan' y2='-nan' gradientUnits='userSpaceOnUse'%3E %3Cstop stop-color='%23ACD6FE'/%3E %3Cstop offset='1.000000' stop-color='%23ACD6FE' stop-opacity='0.000000'/%3E %3C/linearGradient%3E %3CradialGradient id='paint_radial_34_13_0' cx='0.000000' cy='0.000000' r='1.000000' gradientUnits='userSpaceOnUse' gradientTransform='translate(26.5 30.5) rotate(90) scale(7.5 5.5)'%3E %3Cstop stop-color='%23FFFFFF'/%3E %3Cstop offset='0.145038' stop-color='%236BE0FF'/%3E %3Cstop offset='0.396947' stop-color='%2362DCFD'/%3E %3Cstop offset='0.740458' stop-color='%23A6ECFF' stop-opacity='0.596078'/%3E %3Cstop offset='1.000000' stop-color='%23FFFFFF' stop-opacity='0.000000'/%3E %3C/radialGradient%3E %3Cg id='guang'%3E %3Cimage id='image37_1_0' width='27.000000' height='51.000000' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAzCAYAAABmK3MOAAAABHNCSVQICAgIfAhkiAAABJ5JREFUWIXdmL1uHEcMgD/OzN6Pfi0LcSwDSWOkkQoXAfwcbuxHyDukUtQFyJvYjfvkBQIjhQu5CYI0jmzAtmz9nG53Z4ZMcSPJp5MEaY2oCJu9A0h+Qy6H5B38X0WurGl2vq6IfTns2PlW0dlG2Dijv42xwQS2WZ6XwMOFoC2EdaQcyHH35POp3MUAA5RnGK8wzC4EzkZmJjzBlSgc4JjHoziGCBkHgEcZYziUERlQQNnGeIqeB5QZ0FaB3MaziwcCfTwVngZPVWwiRp9MJNOQgcRtMrsFvImdBc6mcR3hFY6GwIBAoMJT0VDhCCeROZREYkCkIpIQGgQw1k/SOyXTsC2ENRxLeFoCSo9MH6VPoF8lKqoCi2gMRCINRoOWiJdQPmJszQI/g5mwjfABxyqeHgFPH2GIMlcJA4M+CV8McmU0UalwODyQUfbJ/I3yFgUTOE2lO2UBGwgBBwSMHsoAz1xwLJixbMIt86yYZ8WEW2YsB8cCnjmUAUYPCIRSYGcSOZ3GHYTvcEQ8jopAr4KhKQsWWHSiXw2X04+AjffCz2runSSk8uQ4eW8tQss9HH/OVvppZFsI3wMjhAqPESqlZ8rAAkMy870FffTwDt88vMO3vQV9RGbeAkNTBpXSw0o5jYqvrWmgm0K/QRgitAgeTyAgVCh9cwyctwf3l+D+EjhvD8wxQOkjVAQCHk9bfLy5LLJjGZZ75hEiDsUjk0hFbHXoYehBxFYxAoJH8cRiQ7n858j57eoSGefrWlwGG5delzEqFCWjZIRkJh/+2revAczkA0LCyDhyueQT2/HshYazaVzDGGP0MDKZRMKIOBpRas3y8sV7ePEeNMtLUWocDUYkkchkesXH2izwFLaJ8QcwjxEnkURHK45aEmM8o/bQPXfGjoed9tA9xzOSxFgcdXS0CIlIZr742rywgwD3MHZQlslURIw29hgHhxfF1Fz7w/3wm+D45Xf+EaHGMYowJtKiRCKZdyj3LuuNAjzGuIsCCaHF4clIUqg8CaUeBrcPIMYncTQxUwNHOGqMFkikMmrkIhhibJixVuZTSyLT4AGHRiFWUA8r9srZ9uLkckwacaZhgUgis4ayivFsesRMF8gmxkpppp6Eo8VTU3FE4jAaBx7d97AfjQMSh1Qc4alxtDRk9smslHl2YRqP5VUp3z6J3TIm+uUdNvgAe6CgbkSfTH1meI7Q4mNGpmEikx3iCcYGmeP9IuDJOBYRzXag3huLjBljBLTAlN2TtWBmSs+m8Rj4tOwT6+XEIyKvadmljeIPszJil5bXtIyIQCq6etH+cX4aP48QrHRu5S3CKjKuU0sIAIm3GKslZY+7rnLTRpNn2SOPfg2RCGySp/R+utDTicym8TK4iH2sU/pYp3T8/cr2dOj6nw7p3PevDduNNwjbb0K6MdjBOKr46lrvqjusIUPswro+7Egt03ZiXR82qm+wQMT3Mk032NUv9bE0jRK6RXf9yEL/5tJYBzKpvvoP/y+BAUocdGF1gI3H2onUCWZ2gzBuEmbzNwhb5AZhn7p2xi6wua7Nqgtsu3sjvr6YyYV/B/5HxE6wfwF2IElw44zocgAAAABJRU5ErkJggg=='%3E %3Canimate attributeName='opacity' values='0;1;0' dur='3s' repeatCount='indefinite'/%3E %3CanimateMotion path='M0,0 l0,-30' begin='0s' dur='3s' repeatCount='indefinite'/%3E %3C/image%3E %3C/g%3E %3C/defs%3E %3Cuse xlink:href='%23guang' x='58' y='8'/%3E %3Cpath d='M10 61L88 84.5L165 61' stroke='url(%23paint_linear_34_9_0)' stroke-linejoin='round' stroke-dasharray='5 3'/%3E %3Cpath d='M10 66L88 89.5L165 66' stroke='url(%23paint_linear_34_10_0)' stroke-linejoin='round' stroke-dasharray='0 0'/%3E %3Cpath d='M10 56L88 79.5L165 56L88 37L10 56Z' fill-rule='evenodd' fill='%230777E7' fill-opacity='0.350000'/%3E %3Cpath d='M88 79.5L165 56L88 37L10 56L88 79.5Z' stroke='%230777E7'/%3E %3Cpath d='M10.5 48.5L87.5 72.5L164.5 49L87.5 32L10.5 48.5Z' fill-rule='evenodd' fill='%2339D3FC' fill-opacity='0.250000'/%3E %3Cpath d='M87.5 72.5L164.5 49L87.5 32L10.5 48.5L87.5 72.5Z' stroke='url(%23paint_linear_34_7_0)'/%3E %3Cpath d='M35.5 49L88 63.5L139.5 50.5' stroke='%23000000'/%3E %3Cpath d='M32.5 50.5L88 66L143 51.5' stroke='%2339D3FC'/%3E %3Cuse xlink:href='%23guang' x='40' y='37'/%3E %3Cuse xlink:href='%23guang' x='80' y='37'/%3E %3Cuse xlink:href='%23guang' x='-1' y='24'/%3E %3Cuse xlink:href='%23guang' x='132' y='24'/%3E %3C/svg%3E");
background-repeat: no-repeat;
background-position: center bottom;
display:flex;
@@ -100,6 +100,7 @@
top:50%;
left:calc(0.9%*var(--v));
transform: translateY(-50%);
+ animation:move 5s linear infinite;
}
.percent{
position:absolute;
@@ -132,6 +133,22 @@
}
}
}
+ @keyframes move {
+ 0%{
+ left:0;
+ opacity: 0;
+ }
+ 10%{
+ opacity: 1;
+ }
+ 90%{
+ opacity: 1;
+ }
+ 100%{
+ left:89%;
+ opacity: 0;
+ }
+ }
diff --git a/src/view/subTitle.vue b/src/view/subTitle.vue
new file mode 100644
index 0000000..739da39
--- /dev/null
+++ b/src/view/subTitle.vue
@@ -0,0 +1,77 @@
+
+
+
+ {{props.text}}
+
+
+
+
\ No newline at end of file