diff --git a/src/assets/img/echarts_bg.png b/src/assets/img/echarts_bg.png index 22fbe0e..f162780 100644 Binary files a/src/assets/img/echarts_bg.png and b/src/assets/img/echarts_bg.png differ diff --git a/src/assets/img/frame_title_bg.png b/src/assets/img/frame_title_bg.png index d627008..23c49c6 100644 Binary files a/src/assets/img/frame_title_bg.png and b/src/assets/img/frame_title_bg.png differ diff --git a/src/assets/img/line.png b/src/assets/img/line.png new file mode 100644 index 0000000..3b23271 Binary files /dev/null and b/src/assets/img/line.png differ diff --git a/src/assets/style/index.less b/src/assets/style/index.less index aec36f7..bf9cae8 100644 --- a/src/assets/style/index.less +++ b/src/assets/style/index.less @@ -55,4 +55,14 @@ .fade-transform-leave-to { opacity: 0; transform: translateX(30px); +} + +//饼图背景旋转 +@keyframes BGrotate { + 0%{ + transform: rotate(0deg); + } + 100%{ + transform: rotate(360deg); + } } \ No newline at end of file diff --git a/src/components/swiperBtn.vue b/src/components/swiperBtn.vue index 19c59ec..597f8e4 100644 --- a/src/components/swiperBtn.vue +++ b/src/components/swiperBtn.vue @@ -2,24 +2,21 @@ .swiper.tabs{ pointer-events: all; flex-grow: 1; - --c:72, 131, 244; .swiper-slide{ width:93px; height:31px; line-height: 31px; text-align: center; color:#CBD0D6; - background-image:url(data:image/png;base64,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); + background-image:v-bind(bg); background-size:100% 100%; cursor: pointer; &:hover{ opacity: 0.8; } &.active{ - --c:219, 255, 144; font-weight: bold; - color:#00E4FF; - background-image:url(data:image/png;base64,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); + color:v-bind(color); } } } @@ -39,7 +36,7 @@ import {Controller} from 'swiper' import {Swiper,SwiperSlide} from 'swiper/vue' import 'swiper/css' import 'swiper/css/pagination' -import { ref } from "vue"; +import { ref,computed } from "vue"; var props=defineProps({ list:{ @@ -49,9 +46,14 @@ import { ref } from "vue"; modelValue:{ type:String, defalut:"" + }, + color:{ + type:String, + default:"#00E4FF", } }) var emit=defineEmits() var swiperControl=ref(null) + var bg=computed(()=>`url("data:image/svg+xml,%3Csvg width='97.299988' height='34.000000' viewBox='0 0 97.3 34' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3Cg filter='url(%23filter_35_2_dd)'%3E %3Crect x='1.799988' y='1.000000' rx='5.000000' width='94.000000' height='32.000000' fill='%230c2c4e' fill-opacity='0.5'/%3E %3C/g%3E %3Cg filter='url(%23filter_35_3_dd)'%3E %3Cpath d='M2.5 5L2.5 28.5' stroke='%23${props.color.slice(1)}'/%3E %3C/g%3E %3Cg filter='url(%23filter_35_4_dd)'%3E %3Cpath d='M94.8 5L94.8 29' stroke='%23${props.color.slice(1)}'/%3E %3C/g%3E %3Cpath d='M5.797 17.161C5.306 16.761 5.306 16.011 5.797 15.611L10.366 11.886C11.019 11.354 11.998 11.819 11.998 12.662L11.998 20.11C11.998 20.953 11.019 21.418 10.366 20.885L5.797 17.161Z' fill-rule='evenodd' fill='url(%23paint_linear_35_6_0)' fill-opacity='0.149000'/%3E %3Cpath d='M6.168 17.631C5.677 17.23 5.677 16.48 6.168 16.08L7.90997 14.661C8.56299 14.128 9.54199 14.593 9.54199 15.436L9.54199 18.275C9.54199 19.118 8.56299 19.583 7.90997 19.05L6.168 17.631Z' fill-rule='evenodd' fill='url(%23paint_linear_35_7_0)'/%3E %3Cpath d='M90.8032 16.9139C91.3264 16.5331 91.3264 15.819 90.8032 15.4381L85.9346 11.8915C85.2388 11.3849 84.1956 11.8276 84.1956 12.6303L84.1956 19.7217C84.1956 20.5244 85.2388 20.9672 85.9346 20.4597L90.8032 16.9139Z' fill-rule='evenodd' fill='url(%23paint_linear_35_8_0)' fill-opacity='0.149000'/%3E %3Cpath d='M90.4079 17.3614C90.9311 16.9796 90.9311 16.2655 90.4079 15.8846L88.5516 14.5336C87.8558 14.0261 86.8126 14.4689 86.8126 15.2715L86.8126 17.9746C86.8126 18.7772 87.8558 19.22 88.5516 18.7125L90.4079 17.3614Z' fill-rule='evenodd' fill='url(%23paint_linear_35_9_0)'/%3E %3Cdefs%3E %3Cfilter id='filter_35_2_dd' x='1.799988' y='1.000000' width='94.000000' height='32.000000' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E %3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E %3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%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' result='hardAlpha'/%3E %3CfeOffset dx='0' dy='0'/%3E %3CfeGaussianBlur stdDeviation='1.66667'/%3E %3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E %3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0.89412 0 0 0 0 1 0 0 0 1 0'/%3E %3CfeBlend mode='normal' in2='shape' result='effect_innerShadow_1'/%3E %3C/filter%3E %3Cfilter id='filter_35_3_dd' x='0.000000' y='1.000000' width='9.000000' height='31.500000' 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 %3CfeOffset dx='2' dy='0'/%3E %3CfeGaussianBlur stdDeviation='1.33333'/%3E %3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0.89412 0 0 0 0 1 0 0 0 1 0'/%3E %3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect_dropShadow_1'/%3E %3CfeBlend mode='normal' in='SourceGraphic' in2='effect_dropShadow_1' result='shape'/%3E %3C/filter%3E %3Cfilter id='filter_35_4_dd' x='86.299988' y='0.000000' width='11.000000' height='34.000000' 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 %3CfeOffset dx='-3' dy='0'/%3E %3CfeGaussianBlur stdDeviation='1.66667'/%3E %3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0.89412 0 0 0 0 1 0 0 0 1 0'/%3E %3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect_dropShadow_1'/%3E %3CfeBlend mode='normal' in='SourceGraphic' in2='effect_dropShadow_1' result='shape'/%3E %3C/filter%3E %3ClinearGradient id='paint_linear_35_6_0' x1='5.799988' y1='12.000000' x2='12.369238' y2='12.000000' gradientUnits='userSpaceOnUse'%3E %3Cstop stop-color='%23F6FCFE'/%3E %3Cstop offset='0.990000' stop-color='%23${props.color.slice(1)}'/%3E %3C/linearGradient%3E %3ClinearGradient id='paint_linear_35_7_0' x1='5.799988' y1='14.000000' x2='9.542238' y2='14.000000' gradientUnits='userSpaceOnUse'%3E %3Cstop stop-color='%23F6FCFE'/%3E %3Cstop offset='0.990000' stop-color='%23${props.color.slice(1)}'/%3E %3C/linearGradient%3E %3ClinearGradient id='paint_linear_35_8_0' x1='90.799988' y1='12.000000' x2='83.799980' y2='12.000000' gradientUnits='userSpaceOnUse'%3E %3Cstop stop-color='%23F6FCFE'/%3E %3Cstop offset='0.990000' stop-color='%23${props.color.slice(1)}'/%3E %3C/linearGradient%3E %3ClinearGradient id='paint_linear_35_9_0' x1='90.799988' y1='13.904236' x2='86.812355' y2='13.904236' gradientUnits='userSpaceOnUse'%3E %3Cstop stop-color='%23F6FCFE'/%3E %3Cstop offset='0.990000' stop-color='%23${props.color.slice(1)}'/%3E %3C/linearGradient%3E %3C/defs%3E %3C/svg%3E ")`) \ No newline at end of file diff --git a/src/view/company/left_1.vue b/src/view/company/left_1.vue index 00f892a..89cfe66 100644 --- a/src/view/company/left_1.vue +++ b/src/view/company/left_1.vue @@ -42,7 +42,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; diff --git a/src/view/company/left_2.vue b/src/view/company/left_2.vue index d532a9e..f725d59 100644 --- a/src/view/company/left_2.vue +++ b/src/view/company/left_2.vue @@ -3,10 +3,20 @@ display:flex; align-items: center; .echarts{ + position: relative; + &:before{ + content:""; + position:absolute; + top:11px; + left:11px; + width:117px; + height:117px; + background-image: url(@/assets/img/echarts_bg.png); + background-repeat: no-repeat; + background-position: center; + animation: BGrotate 6s linear infinite; + } flex-shrink: 0; - background-image: url(data:image/png;base64,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); - background-repeat: no-repeat; - background-position: 10px 10px; } .items{ flex-grow: 1; @@ -75,6 +85,7 @@ } } } + diff --git a/src/view/goods/left_1.vue b/src/view/goods/left_1.vue index 91b0adb..1ea01b3 100644 --- a/src/view/goods/left_1.vue +++ b/src/view/goods/left_1.vue @@ -42,7 +42,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; diff --git a/src/view/goods/left_2.vue b/src/view/goods/left_2.vue index d1e1fe6..73556a5 100644 --- a/src/view/goods/left_2.vue +++ b/src/view/goods/left_2.vue @@ -4,9 +4,19 @@ align-items: center; .echarts{ flex-shrink: 0; - background-image: url(@/assets/img/echarts_bg.png); - background-repeat: no-repeat; - background-position: 10px 10px; + position:relative; + &:before{ + content:""; + position:absolute; + top:11px; + left:11px; + width:117px; + height:117px; + background-image: url(@/assets/img/echarts_bg.png); + background-repeat: no-repeat; + background-position: center; + animation: BGrotate 6s linear infinite; + } } .items{ flex-grow: 1; diff --git a/src/view/goods/left_3.vue b/src/view/goods/left_3.vue index 3c7870b..503a9fd 100644 --- a/src/view/goods/left_3.vue +++ b/src/view/goods/left_3.vue @@ -37,7 +37,10 @@ import dTitle from '../title.vue' var opt=computed(()=>({ tooltip: { - trigger: 'axis' + trigger: 'axis', + axisPointer:{ + type:"cross" + } }, grid: { left: 10, diff --git a/src/view/home.vue b/src/view/home.vue index b2cbeb6..b1b80bb 100644 --- a/src/view/home.vue +++ b/src/view/home.vue @@ -77,7 +77,7 @@ display:flex; justify-content: space-between; background:linear-gradient(to right,rgba(var(--bg), 1) 80px,transparent 36%,transparent 64%,rgba(var(--bg), 1) 1820px); - // pointer-events: none; + pointer-events: none; } } diff --git a/src/view/park/index.vue b/src/view/park/index.vue index be525b2..dfd9cf7 100644 --- a/src/view/park/index.vue +++ b/src/view/park/index.vue @@ -19,15 +19,17 @@
- - + + +
diff --git a/src/view/park/left_2.vue b/src/view/park/left_2.vue index d1bdbb8..4c5dd65 100644 --- a/src/view/park/left_2.vue +++ b/src/view/park/left_2.vue @@ -7,9 +7,19 @@ margin-right:40px; width:140px; height:129px+28; - background-image: url(@/assets/img/echarts_bg.png); - background-repeat: no-repeat; - background-position: 12px 31px; + position:relative; + &:before{ + content:""; + position:absolute; + top:32px; + left:12px; + width:117px; + height:117px; + background-image: url(@/assets/img/echarts_bg.png); + background-repeat: no-repeat; + background-position: center; + animation: BGrotate 6s linear infinite; + } } .area{ flex-grow: 1; diff --git a/src/view/park/right_1.vue b/src/view/park/right_1.vue index 61be886..6e67069 100644 --- a/src/view/park/right_1.vue +++ b/src/view/park/right_1.vue @@ -1,11 +1,64 @@ \ No newline at end of file diff --git a/src/view/park/right_2.vue b/src/view/park/right_2.vue new file mode 100644 index 0000000..42f5ad7 --- /dev/null +++ b/src/view/park/right_2.vue @@ -0,0 +1,188 @@ + + + \ No newline at end of file diff --git a/src/view/park/right_3.vue b/src/view/park/right_3.vue new file mode 100644 index 0000000..8b37084 --- /dev/null +++ b/src/view/park/right_3.vue @@ -0,0 +1,108 @@ + + + \ No newline at end of file diff --git a/src/view/title.vue b/src/view/title.vue index 0c67f44..afd7897 100644 --- a/src/view/title.vue +++ b/src/view/title.vue @@ -5,6 +5,17 @@ display:flex; align-items: center; padding-bottom:25px; + position:relative; + --t:v-bind(time); + &:before{ + content:""; + width:152px; + height:29px; + background-image:url(@/assets/img/line.png); + position:absolute; + top:26px; + animation: move var(--t) linear infinite; + } span{ margin-left:12px; background-image:-webkit-linear-gradient(top, #fff,#429EFA); @@ -17,6 +28,22 @@ margin-left:auto; } } + @keyframes move { + 0%{ + left:-40px; + opacity: 0; + } + 10%{ + opacity: 1; + } + 90%{ + opacity: 1; + } + 100%{ + left:480px; + opacity: 0; + } + } \ No newline at end of file diff --git a/vite.config.js b/vite.config.js index 441bc43..2d23f50 100644 --- a/vite.config.js +++ b/vite.config.js @@ -45,8 +45,9 @@ export default defineConfig({ include:[] // 依赖预编译 }, server:{ + host:"0.0.0.0", port:8090, - strictPort:false, //端口被占用是不会退出，换新端口 + strictPort:true, //端口被占用是不会退出，换新端口 open:true, // 自动打开页面 proxy:{ '/api':{