diff --git a/package-lock.json b/package-lock.json index 20a29b4..b682576 100644 --- a/package-lock.json +++ b/package-lock.json @@ -8,10 +8,12 @@ "name": "my-vue2-project", "version": "0.1.0", "dependencies": { + "@amap/amap-jsapi-loader": "^1.0.1", "core-js": "^3.8.3", "echarts": "^5.5.1", "vue": "^2.6.14", - "vue-router": "^3.6.5" + "vue-router": "^3.6.5", + "vue-seamless-scroll": "^1.1.23" }, "devDependencies": { "@babel/core": "^7.12.16", @@ -37,6 +39,11 @@ "node": "8 || 9 || 10 || 11 || 12 || 13 || 14 || 15 || 16 || 17 || 18 || 19 || 20 || 21 || 22" } }, + "node_modules/@amap/amap-jsapi-loader": { + "version": "1.0.1", + "resolved": "https://registry.npmmirror.com/@amap/amap-jsapi-loader/-/amap-jsapi-loader-1.0.1.tgz", + "integrity": "sha512-nPyLKt7Ow/ThHLkSvn2etQlUzqxmTVgK7bIgwdBRTg2HK5668oN7xVxkaiRe3YZEzGzfV2XgH5Jmu2T73ljejw==" + }, "node_modules/@ampproject/remapping": { "version": "2.3.0", "resolved": "https://registry.npmmirror.com/@ampproject/remapping/-/remapping-2.3.0.tgz", @@ -4237,6 +4244,11 @@ "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==", "dev": true }, + "node_modules/comutils": { + "version": "1.1.19", + "resolved": "https://registry.npmmirror.com/comutils/-/comutils-1.1.19.tgz", + "integrity": "sha512-JxXB67juILiwhdLwOsYyjUqwWEhHdObI0EClOPk+JDtEuTbac59s0pxGpfCBnNNQ5JommifmcMGneW/4Cg7YWw==" + }, "node_modules/concat-map": { "version": "0.0.1", "resolved": "https://registry.npmmirror.com/concat-map/-/concat-map-0.0.1.tgz", @@ -11814,6 +11826,14 @@ "resolved": "https://registry.npmmirror.com/vue-router/-/vue-router-3.6.5.tgz", "integrity": "sha512-VYXZQLtjuvKxxcshuRAwjHnciqZVoXAjTjcqBTz4rKc8qih9g9pI3hbDjmqXaHdgL3v8pV6P8Z335XvHzESxLQ==" }, + "node_modules/vue-seamless-scroll": { + "version": "1.1.23", + "resolved": "https://registry.npmmirror.com/vue-seamless-scroll/-/vue-seamless-scroll-1.1.23.tgz", + "integrity": "sha512-HBjUub8WwsKJzbFCrwKPDrZn4e+SSbkKgwWtjKtfLwesiFGwSsVxP44/Z6d3kpXy94qIFOiflJH6l0/9pj7SGA==", + "dependencies": { + "comutils": "^1.1.9" + } + }, "node_modules/vue-style-loader": { "version": "4.1.3", "resolved": "https://registry.npmmirror.com/vue-style-loader/-/vue-style-loader-4.1.3.tgz", diff --git a/package.json b/package.json index cccd451..6cb183e 100644 --- a/package.json +++ b/package.json @@ -8,10 +8,12 @@ "lint": "vue-cli-service lint" }, "dependencies": { + "@amap/amap-jsapi-loader": "^1.0.1", "core-js": "^3.8.3", "echarts": "^5.5.1", "vue": "^2.6.14", - "vue-router": "^3.6.5" + "vue-router": "^3.6.5", + "vue-seamless-scroll": "^1.1.23" }, "devDependencies": { "@babel/core": "^7.12.16", diff --git a/src/assets/110108.json b/src/assets/110108.json new file mode 100644 index 0000000..a96aa22 --- /dev/null +++ b/src/assets/110108.json @@ -0,0 +1 @@ +{"type":"FeatureCollection","features":[{"type":"Feature","properties":{"adcode":110108,"name":"海淀区","center":[116.310316,39.956074],"centroid":[116.23328,40.026927],"childrenNum":0,"level":"district","acroutes":[100000,110000],"parent":{"adcode":110000}},"geometry":{"type":"MultiPolygon","coordinates":[[[[116.32581,39.896792],[116.32581,39.89707],[116.32982,39.897064],[116.333005,39.897141],[116.337303,39.897383],[116.337223,39.898424],[116.336631,39.898731],[116.336371,39.898432],[116.335353,39.898443],[116.335474,39.902058],[116.335969,39.903428],[116.335208,39.90412],[116.334858,39.904823],[116.334851,39.90741],[116.335346,39.907773],[116.335346,39.909113],[116.335076,39.91025],[116.334449,39.911958],[116.334519,39.91296],[116.33464,39.922656],[116.334522,39.924163],[116.333106,39.937681],[116.333061,39.938557],[116.330904,39.938694],[116.330737,39.939981],[116.329079,39.940174],[116.328556,39.941848],[116.327954,39.942372],[116.329782,39.943187],[116.331312,39.943525],[116.33214,39.944058],[116.332898,39.944093],[116.333906,39.94352],[116.334872,39.943541],[116.335845,39.943174],[116.336804,39.943182],[116.338005,39.942907],[116.338341,39.942249],[116.338899,39.941949],[116.339325,39.942251],[116.339325,39.942984],[116.339903,39.943036],[116.3409,39.942024],[116.341451,39.941974],[116.343224,39.942693],[116.343649,39.943278],[116.346627,39.943618],[116.347313,39.943607],[116.350249,39.942866],[116.351658,39.943146],[116.35242,39.943832],[116.351894,39.94523],[116.351655,39.945188],[116.351198,39.946135],[116.351153,39.947541],[116.351752,39.950291],[116.352029,39.950856],[116.353189,39.948839],[116.353733,39.947118],[116.354003,39.94554],[116.354685,39.944733],[116.354723,39.945542],[116.356274,39.945537],[116.356198,39.94409],[116.358677,39.944486],[116.360606,39.945076],[116.365353,39.946413],[116.368608,39.947763],[116.370571,39.948378],[116.371963,39.948595],[116.371513,39.953071],[116.370696,39.962102],[116.370163,39.967365],[116.370381,39.967908],[116.374626,39.968046],[116.380408,39.968174],[116.380633,39.969837],[116.380914,39.972718],[116.38126,39.975305],[116.381305,39.977349],[116.380758,39.979624],[116.378594,39.98706],[116.377794,39.989908],[116.376987,39.992256],[116.376561,39.992971],[116.37198,39.998953],[116.368269,40.003871],[116.364321,40.009232],[116.362102,40.012196],[116.358241,40.017214],[116.350883,40.026708],[116.352309,40.026974],[116.357808,40.02778],[116.36428,40.028567],[116.370464,40.029746],[116.371897,40.029946],[116.377233,40.03099],[116.378705,40.031188],[116.381745,40.031325],[116.391094,40.031903],[116.393677,40.032364],[116.395093,40.03286],[116.394034,40.034683],[116.392635,40.035299],[116.392025,40.035371],[116.390786,40.035946],[116.390183,40.036774],[116.390367,40.038611],[116.389917,40.038808],[116.389986,40.039438],[116.390498,40.039822],[116.390699,40.040425],[116.390647,40.041272],[116.389273,40.041047],[116.38671,40.042004],[116.38519,40.042854],[116.382836,40.042897],[116.380218,40.042629],[116.379792,40.043308],[116.379442,40.043404],[116.377036,40.042736],[116.376776,40.04296],[116.376385,40.04532],[116.375575,40.045424],[116.372029,40.044997],[116.371499,40.047129],[116.369595,40.046962],[116.367386,40.053443],[116.372995,40.054339],[116.371977,40.056778],[116.372759,40.056937],[116.372257,40.057855],[116.373455,40.058074],[116.3735,40.058247],[116.374761,40.058631],[116.375107,40.058055],[116.375831,40.058269],[116.37562,40.058888],[116.376388,40.059066],[116.376776,40.058321],[116.379273,40.058998],[116.378771,40.060299],[116.380228,40.060551],[116.380239,40.061234],[116.382846,40.061584],[116.381932,40.066401],[116.38108,40.066423],[116.381097,40.065336],[116.378379,40.066278],[116.3751,40.065936],[116.373362,40.06562],[116.372642,40.067262],[116.371745,40.067229],[116.371894,40.06787],[116.372534,40.068434],[116.370363,40.069317],[116.370294,40.068826],[116.363144,40.068966],[116.363033,40.065936],[116.357292,40.066007],[116.35142,40.064807],[116.3516,40.062856],[116.349737,40.062472],[116.349183,40.06422],[116.346676,40.063664],[116.346963,40.060431],[116.342683,40.059634],[116.343362,40.055455],[116.34027,40.055085],[116.33883,40.058927],[116.335384,40.058266],[116.334913,40.061513],[116.333116,40.061472],[116.33304,40.063113],[116.332666,40.063629],[116.330758,40.063382],[116.330897,40.061242],[116.33028,40.061141],[116.330457,40.059455],[116.330007,40.059384],[116.330114,40.058299],[116.330322,40.058137],[116.331575,40.058209],[116.331811,40.05717],[116.328864,40.054945],[116.328085,40.055756],[116.325952,40.054797],[116.320315,40.060206],[116.318296,40.061669],[116.313321,40.060425],[116.313262,40.062294],[116.309449,40.060612],[116.30599,40.06305],[116.303615,40.061223],[116.302943,40.060812],[116.295592,40.073462],[116.293767,40.076757],[116.29035,40.083143],[116.279886,40.079754],[116.277524,40.084082],[116.275554,40.088068],[116.273096,40.092702],[116.274328,40.093072],[116.273452,40.0946],[116.273321,40.095564],[116.265236,40.094696],[116.264803,40.096427],[116.264934,40.096862],[116.264169,40.097073],[116.262718,40.096629],[116.262476,40.09847],[116.25938,40.100841],[116.258276,40.10152],[116.258532,40.101882],[116.263892,40.104023],[116.26392,40.104448],[116.264612,40.105412],[116.264519,40.105929],[116.263286,40.107326],[116.263397,40.107972],[116.26384,40.108741],[116.263092,40.109568],[116.263345,40.110469],[116.263172,40.110685],[116.261863,40.111049],[116.26088,40.111726],[116.258016,40.111942],[116.257393,40.110874],[116.257348,40.110302],[116.258494,40.109204],[116.259197,40.10812],[116.259571,40.106898],[116.259231,40.105869],[116.25839,40.105116],[116.256922,40.104645],[116.255873,40.10448],[116.253442,40.106143],[116.252722,40.106521],[116.250842,40.106655],[116.249055,40.106006],[116.245956,40.105351],[116.244602,40.105603],[116.240502,40.10801],[116.240537,40.109795],[116.243355,40.113281],[116.243172,40.113725],[116.241828,40.118401],[116.245038,40.118825],[116.244831,40.121234],[116.245627,40.121267],[116.246029,40.126395],[116.246513,40.131609],[116.246794,40.13312],[116.247054,40.136208],[116.242725,40.136298],[116.241995,40.136175],[116.238484,40.136312],[116.237376,40.136238],[116.233795,40.13658],[116.231565,40.137407],[116.230205,40.137795],[116.228878,40.138378],[116.226967,40.13877],[116.222822,40.140302],[116.218975,40.142243],[116.217192,40.142973],[116.21545,40.143173],[116.214886,40.143004],[116.213927,40.142276],[116.213016,40.141101],[116.21223,40.140554],[116.210541,40.140365],[116.209543,40.140633],[116.207005,40.142382],[116.206278,40.143086],[116.205873,40.143937],[116.205724,40.144906],[116.205579,40.148179],[116.205665,40.150176],[116.204903,40.151857],[116.203214,40.153764],[116.202888,40.156388],[116.202583,40.157491],[116.202514,40.158654],[116.202161,40.160985],[116.198255,40.160853],[116.198297,40.160257],[116.19428,40.160082],[116.192054,40.155668],[116.190662,40.155345],[116.189543,40.155285],[116.189162,40.155622],[116.186271,40.15711],[116.183667,40.157767],[116.182691,40.158095],[116.182864,40.157392],[116.183494,40.156924],[116.183432,40.155329],[116.183103,40.153337],[116.180489,40.150464],[116.180419,40.147289],[116.174128,40.143589],[116.167687,40.141838],[116.167705,40.139465],[116.168629,40.135444],[116.170361,40.132786],[116.170655,40.132789],[116.17178,40.127941],[116.1674,40.128448],[116.1674,40.127706],[116.16856,40.126641],[116.169363,40.126091],[116.169762,40.125051],[116.169571,40.124561],[116.167147,40.124544],[116.162958,40.123627],[116.162829,40.123709],[116.152698,40.121774],[116.142608,40.12147],[116.142549,40.121571],[116.132916,40.121363],[116.132282,40.119589],[116.132203,40.115085],[116.130645,40.115006],[116.129242,40.114735],[116.128003,40.116263],[116.127681,40.116394],[116.123938,40.115855],[116.119377,40.11597],[116.11792,40.115696],[116.113318,40.115603],[116.113335,40.115143],[116.111843,40.11551],[116.111278,40.115438],[116.108505,40.116257],[116.105856,40.118015],[116.105406,40.117629],[116.103228,40.116591],[116.10231,40.116539],[116.102248,40.115992],[116.100226,40.116284],[116.100129,40.117073],[116.099738,40.117555],[116.099218,40.118825],[116.09837,40.118765],[116.097518,40.119389],[116.096528,40.120629],[116.096285,40.121155],[116.095018,40.121133],[116.094765,40.120903],[116.092986,40.120137],[116.091954,40.12029],[116.091587,40.119956],[116.090745,40.120098],[116.089696,40.119972],[116.089783,40.119323],[116.088591,40.119154],[116.087854,40.119466],[116.087054,40.119466],[116.0857,40.119734],[116.084883,40.11972],[116.08444,40.120254],[116.083851,40.119365],[116.082328,40.11891],[116.082425,40.118412],[116.081285,40.117089],[116.081078,40.116684],[116.079246,40.11606],[116.078505,40.115359],[116.077889,40.11505],[116.076774,40.114918],[116.07595,40.115392],[116.074308,40.115551],[116.073855,40.115436],[116.07329,40.114598],[116.07329,40.113774],[116.07364,40.112454],[116.072785,40.111304],[116.072525,40.110411],[116.072944,40.110223],[116.072674,40.109259],[116.071718,40.108232],[116.07077,40.107753],[116.070264,40.106803],[116.069464,40.104916],[116.067664,40.103894],[116.06695,40.103763],[116.065171,40.103763],[116.064457,40.10335],[116.062934,40.102818],[116.062352,40.101939],[116.062265,40.100556],[116.061957,40.099557],[116.060725,40.098708],[116.060108,40.098716],[116.059125,40.098434],[116.058252,40.097612],[116.056888,40.097111],[116.055894,40.096432],[116.054426,40.09472],[116.054409,40.094145],[116.053834,40.092412],[116.052442,40.09176],[116.05185,40.091667],[116.051448,40.091182],[116.050728,40.08959],[116.050309,40.089122],[116.050292,40.088506],[116.049187,40.087553],[116.048837,40.085342],[116.049291,40.084893],[116.051317,40.084337],[116.051926,40.083376],[116.052006,40.082743],[116.052553,40.082304],[116.052761,40.080751],[116.053294,40.080439],[116.054146,40.079127],[116.054589,40.078228],[116.055562,40.077565],[116.056015,40.076864],[116.057466,40.076234],[116.05792,40.075609],[116.057999,40.074916],[116.059554,40.075401],[116.060797,40.074881],[116.061234,40.074259],[116.064017,40.073026],[116.064772,40.071708],[116.06533,40.071264],[116.065527,40.0697],[116.065337,40.069338],[116.06499,40.067464],[116.065589,40.066834],[116.066119,40.065653],[116.066867,40.065494],[116.067643,40.064919],[116.068598,40.063889],[116.069197,40.06282],[116.069997,40.062376],[116.071137,40.062034],[116.071493,40.061261],[116.071299,40.059031],[116.070413,40.057228],[116.070119,40.055833],[116.069353,40.054849],[116.069066,40.053895],[116.068335,40.053383],[116.068353,40.052594],[116.068048,40.051933],[116.069606,40.050659],[116.069797,40.049848],[116.069526,40.04822],[116.070839,40.046715],[116.071064,40.045635],[116.071701,40.045043],[116.072542,40.043289],[116.072992,40.042881],[116.073526,40.041889],[116.073453,40.041256],[116.074218,40.041138],[116.075132,40.039915],[116.074949,40.039044],[116.075139,40.038452],[116.074852,40.037106],[116.075634,40.036259],[116.075686,40.03588],[116.076663,40.035143],[116.07721,40.033981],[116.078173,40.03275],[116.078938,40.033161],[116.080537,40.033148],[116.081545,40.032542],[116.082743,40.032259],[116.083134,40.031747],[116.084236,40.030908],[116.086043,40.031451],[116.087432,40.031478],[116.088772,40.031725],[116.090236,40.031848],[116.09122,40.031429],[116.092757,40.031777],[116.095067,40.031782],[116.095465,40.032229],[116.096888,40.03323],[116.098401,40.033819],[116.100814,40.033797],[116.102227,40.033559],[116.104641,40.032498],[116.105489,40.032205],[116.107546,40.032202],[116.108467,40.032468],[116.1098,40.032605],[116.110894,40.032235],[116.112532,40.032849],[116.114519,40.033],[116.116382,40.032654],[116.117864,40.031914],[116.119322,40.03175],[116.120018,40.031388],[116.121119,40.031133],[116.121438,40.029907],[116.122736,40.02991],[116.123605,40.029655],[116.124782,40.029896],[116.12551,40.030417],[116.126909,40.030708],[116.12792,40.030475],[116.129568,40.031108],[116.131122,40.031007],[116.132227,40.030661],[116.133294,40.030565],[116.134003,40.030711],[116.135271,40.030423],[116.135859,40.030006],[116.137182,40.02988],[116.140094,40.028729],[116.140769,40.027903],[116.141548,40.027234],[116.143325,40.026829],[116.144301,40.025716],[116.144814,40.024712],[116.14696,40.023191],[116.148477,40.022396],[116.149284,40.022163],[116.150198,40.022599],[116.151403,40.02287],[116.152996,40.021995],[116.154253,40.022015],[116.15472,40.021499],[116.15587,40.020989],[116.155974,40.020723],[116.15731,40.02103],[116.159003,40.019361],[116.160011,40.019314],[116.162701,40.017496],[116.163937,40.016794],[116.164578,40.015791],[116.164751,40.015116],[116.164571,40.014535],[116.166015,40.013361],[116.166309,40.012698],[116.16748,40.012651],[116.167816,40.011914],[116.168709,40.011261],[116.170073,40.010833],[116.171088,40.009078],[116.171354,40.008807],[116.172611,40.009064],[116.173401,40.008426],[116.173408,40.007564],[116.174429,40.007057],[116.175423,40.006309],[116.174516,40.005028],[116.173789,40.004526],[116.17383,40.003988],[116.173321,40.003402],[116.172895,40.002524],[116.172781,40.000996],[116.172109,40.00064],[116.161669,39.999987],[116.155963,39.99796],[116.154533,39.997269],[116.154076,39.996233],[116.154256,39.995525],[116.153955,39.994944],[116.152449,39.993866],[116.151573,39.993438],[116.153408,39.99219],[116.156115,39.989142],[116.157435,39.986835],[116.157078,39.985209],[116.158117,39.984139],[116.161569,39.984539],[116.16499,39.987033],[116.166853,39.987568],[116.16784,39.986756],[116.168557,39.984575],[116.169232,39.979366],[116.17061,39.977259],[116.171482,39.977004],[116.173657,39.978329],[116.178009,39.982208],[116.178875,39.983684],[116.17891,39.988292],[116.180859,39.987118],[116.18239,39.986893],[116.184474,39.986103],[116.18508,39.985612],[116.18588,39.984518],[116.186579,39.983909],[116.186683,39.983025],[116.186406,39.982301],[116.186915,39.980361],[116.186725,39.979289],[116.185305,39.97798],[116.185437,39.976496],[116.186067,39.974982],[116.186084,39.97327],[116.185277,39.972304],[116.185807,39.970276],[116.187701,39.968389],[116.190679,39.968251],[116.191192,39.967231],[116.190741,39.965362],[116.196451,39.962179],[116.19972,39.96157],[116.201119,39.961112],[116.201891,39.959954],[116.201967,39.957742],[116.205856,39.955774],[116.209249,39.951073],[116.212833,39.948943],[116.213352,39.94636],[116.214533,39.945899],[116.215547,39.945765],[116.215918,39.944469],[116.215468,39.943745],[116.218664,39.943599],[116.218543,39.941346],[116.215693,39.941271],[116.215717,39.940555],[116.216326,39.940163],[116.216288,39.936388],[116.215347,39.936374],[116.215388,39.935394],[116.215953,39.935315],[116.215987,39.934241],[116.215516,39.934261],[116.215492,39.933854],[116.214131,39.933928],[116.214142,39.934472],[116.213092,39.934538],[116.213196,39.933231],[116.214055,39.932405],[116.216191,39.931238],[116.214488,39.931208],[116.214159,39.931084],[116.213768,39.92933],[116.213075,39.929347],[116.213058,39.928896],[116.215908,39.928674],[116.215689,39.927104],[116.21518,39.926747],[116.212511,39.926162],[116.207705,39.925904],[116.207532,39.924273],[116.206829,39.924287],[116.206915,39.919539],[116.206794,39.916667],[116.211472,39.916648],[116.213342,39.917126],[116.213781,39.916626],[116.215686,39.917615],[116.217459,39.918024],[116.228501,39.9189],[116.230901,39.919531],[116.230502,39.918523],[116.23063,39.917755],[116.232019,39.917269],[116.232424,39.916942],[116.233466,39.917057],[116.237054,39.916862],[116.236846,39.918004],[116.237438,39.918081],[116.237698,39.91846],[116.23947,39.918463],[116.241486,39.918114],[116.24277,39.918125],[116.242791,39.91865],[116.244817,39.918694],[116.245319,39.918869],[116.246122,39.918751],[116.246101,39.91916],[116.246728,39.920794],[116.249702,39.920742],[116.249772,39.920495],[116.25196,39.920964],[116.252919,39.920297],[116.252718,39.920067],[116.250984,39.919841],[116.251323,39.918663],[116.251725,39.918307],[116.253058,39.918331],[116.25277,39.91756],[116.250423,39.917579],[116.250007,39.916881],[116.249685,39.91689],[116.249252,39.916269],[116.249741,39.91547],[116.252985,39.915552],[116.253037,39.912886],[116.252975,39.90744],[116.252999,39.904496],[116.252985,39.896952],[116.259914,39.896952],[116.259889,39.896732],[116.258743,39.896658],[116.261756,39.896523],[116.264124,39.896586],[116.266209,39.896257],[116.271513,39.896268],[116.272053,39.896435],[116.277995,39.896523],[116.281842,39.896534],[116.282531,39.896663],[116.287711,39.896685],[116.29375,39.896666],[116.294976,39.89649],[116.29501,39.893139],[116.294661,39.892691],[116.294633,39.889744],[116.294183,39.889403],[116.2942,39.88881],[116.294993,39.888373],[116.295014,39.886829],[116.296607,39.886865],[116.299172,39.888695],[116.299183,39.889598],[116.301714,39.889664],[116.302749,39.889543],[116.302753,39.889093],[116.303508,39.889098],[116.303521,39.889818],[116.30277,39.889769],[116.302787,39.891925],[116.304027,39.892441],[116.304041,39.890969],[116.306527,39.890977],[116.306565,39.891708],[116.305845,39.891738],[116.305841,39.892461],[116.307427,39.892441],[116.307417,39.893782],[116.310343,39.894241],[116.311233,39.893988],[116.311894,39.89448],[116.3109,39.895562],[116.312774,39.895562],[116.312763,39.896364],[116.31402,39.896779],[116.32581,39.896792]]]]}}]} diff --git a/src/assets/PangMenZhengDaoBiaoTiTiMianFeiBan-2.ttf b/src/assets/PangMenZhengDaoBiaoTiTiMianFeiBan-2.ttf new file mode 100644 index 0000000..cd65b62 Binary files /dev/null and b/src/assets/PangMenZhengDaoBiaoTiTiMianFeiBan-2.ttf differ diff --git a/src/assets/centerBorder.png b/src/assets/centerBorder.png new file mode 100644 index 0000000..abdcc3b Binary files /dev/null and b/src/assets/centerBorder.png differ diff --git a/src/assets/ditu.png b/src/assets/ditu.png new file mode 100644 index 0000000..d9c6482 Binary files /dev/null and b/src/assets/ditu.png differ diff --git a/src/assets/hong.png b/src/assets/hong.png new file mode 100644 index 0000000..5349257 Binary files /dev/null and b/src/assets/hong.png differ diff --git a/src/assets/huang.png b/src/assets/huang.png new file mode 100644 index 0000000..7838541 Binary files /dev/null and b/src/assets/huang.png differ diff --git a/src/assets/lan.png b/src/assets/lan.png new file mode 100644 index 0000000..1944d29 Binary files /dev/null and b/src/assets/lan.png differ diff --git a/src/assets/lv.png b/src/assets/lv.png new file mode 100644 index 0000000..36f191d Binary files /dev/null and b/src/assets/lv.png differ diff --git a/src/assets/map.png b/src/assets/map.png new file mode 100644 index 0000000..c0f8d65 Binary files /dev/null and b/src/assets/map.png differ diff --git a/src/assets/底框.png b/src/assets/pageborder.png similarity index 100% rename from src/assets/底框.png rename to src/assets/pageborder.png diff --git a/src/assets/rightborder1.png b/src/assets/rightborder1.png new file mode 100644 index 0000000..0cd4798 Binary files /dev/null and b/src/assets/rightborder1.png differ diff --git a/src/assets/rightborder2.png b/src/assets/rightborder2.png new file mode 100644 index 0000000..6c388c4 Binary files /dev/null and b/src/assets/rightborder2.png differ diff --git a/src/assets/v1.png b/src/assets/v1.png new file mode 100644 index 0000000..5c71a96 Binary files /dev/null and b/src/assets/v1.png differ diff --git a/src/assets/v2.png b/src/assets/v2.png new file mode 100644 index 0000000..2f18f11 Binary files /dev/null and b/src/assets/v2.png differ diff --git a/src/main.js b/src/main.js index 0eec0cf..52b8228 100644 --- a/src/main.js +++ b/src/main.js @@ -2,6 +2,8 @@ import Vue from 'vue' import App from './App.vue' import VueRouter from 'vue-router' import router from './router' +import scroll from 'vue-seamless-scroll' +Vue.use(scroll) Vue.config.productionTip = false Vue.use(VueRouter) new Vue({ diff --git a/src/pages/index.vue b/src/pages/index.vue index 3ddc4dd..5ad11b9 100644 --- a/src/pages/index.vue +++ b/src/pages/index.vue @@ -5,69 +5,30 @@
-
垃圾转运站大数据管理中心
+
海淀区垃圾转运站智慧管理系统
- 2024-09-09 13:24:13 + {{timeText}}
-
-
-
- 数量统计 -
全部
-
-
- -
-
-
- -
- 当日出纳 - 3 - 人 -
-
-
-
-
- -
- -
{{item.text}}
-
{{item.num}}
-
-
-
-
-
-
-
-
-
-
-
-
+ + @@ -197,193 +126,30 @@ export default { } } } - .infoContent{ - flex:1; - padding:2rem 0; - display: flex; - .left{ - width:28%; - flex-shrink: 0; - display: flex; - flex-direction: column; - position: relative; - .title{ - display: flex; - align-items: center; - justify-content: space-between; - margin-left:5.3rem; - position: absolute; - top:0; - z-index:9; - width: calc(100% - 5.3rem); - span{ - font-family: "myfont", sans-serif; - font-weight: bold; - font-size: 2.4rem; - color: #DFEEF3; - background: linear-gradient(0deg, #0C8DF8 0%, #AFD1FF 100%); - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; - } - .all{ - background: #3F87F6; - border-radius: 0.8rem; - // width: 6rem; - // height: 3.2rem; - padding:0.2rem 1.6rem; - text-align: center; - line-height: 3.2rem; - - font-family: Microsoft YaHei; - font-weight: 400; - font-size: 1.6rem; - color: #DFEEF3; - } - } - .totalInfo{ - flex:1; - position: relative; - // border: 1px solid #fff; - // border-image-source: url("../assets/leftborder.png"); - // border-image-slice: 100 235 100 235; - // border-image-width: 100px 220px 100px 220px; - // border-image-repeat: round; - .border{ - width:100%; - height:100%; - } - .leftContainer{ - position: absolute; - z-index:2; - left:0; - top:0; - height:100%; - margin-left:3.6rem; - margin-right:1.6rem; - display: flex; - flex-direction: column; - } - .section{ - position: relative; - z-index:2; - .sec1{ - - width: 100%; - // margin: 7.3rem auto 5rem auto; - // padding-left: 2.4rem; - margin-top:7.3rem; - position: relative; - &>img{ - width:100%; - } - .peopleNum{ - position: absolute; - top: 40%; - transform: translate(-50%, -50%); - left: 50%; - &>:first-child{ - font-family: Microsoft YaHei; - font-weight: 400; - font-size: 1.6rem; - color: #FFFFFF; - background: linear-gradient(0deg, #0C8DF8 0%, #AFD1FF 100%); - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; - } - &>:nth-child(2){ - margin-left:2rem; - font-family: Microsoft YaHei; - font-weight: bold; - font-size: 3rem; - color: #FFFFFF; - } - &>:nth-child(3){ - font-family: Microsoft YaHei; - font-weight: bold; - font-size: 1.6rem; - color: #FFFFFF; - } - } - } - } - .section1{ - - display: flex; - flex-wrap: wrap; - justify-content: space-between; - // width: 90%; - margin: 0 auto; - margin-top:5rem; - .numContent{ - width:calc(50% - 1rem); - margin-bottom: 2rem; - - position: relative; - .borderNum{ - width:100%; - } - .numItem{ - position: absolute; - z-index: 3; - width: 100%; - height: calc(100% - 0.6rem); - - top: 0; - left: 0; - align-items: center; - display: flex; - flex-direction: column; - justify-content: space-around; - img{ - max-height:25%; - height:auto; - width: fit-content; - } - .numText{ - font-family: Microsoft YaHei; - font-weight: 400; - font-size: 1.6rem; - color: #3F87F6; - margin:1.5rem 0; - margin: 1% 0; - } - .num{ - font-family: Microsoft YaHei; - font-weight: 400; - font-size: 2rem; - color: #FFFFFF; - } - } - } - - } - .section2{ - flex:1; - - } - } - - - } - - - - - - - - .center{ - flex:1; - // border:1px solid blue; - } - .right{ - width: 28%; - flex-shrink: 0; - // border:1px solid red - } - } + } } +/* 整个滚动条 */ +::-webkit-scrollbar { + width: 0.8rem; /* 对于垂直滚动条，设置宽度 */ + height: 0.8rem; /* 对于水平滚动条，设置高度 */ +} + +/* 滚动条轨道 */ +::-webkit-scrollbar-track { + background: #12274D; /* 背景颜色 */ +} + +/* 滚动条的滑块 */ +::-webkit-scrollbar-thumb { + background: #3F87F6; /* 滑块颜色 */ + border-radius: 1rem; +} + +/* 滑块hover效果 */ +::-webkit-scrollbar-thumb:hover { + background: #555; /* 滑块hover颜色 */ +} diff --git a/src/pages/page1.vue b/src/pages/page1.vue new file mode 100644 index 0000000..a077308 --- /dev/null +++ b/src/pages/page1.vue @@ -0,0 +1,957 @@ + + + + + + \ No newline at end of file diff --git a/src/pages/page2.vue b/src/pages/page2.vue new file mode 100644 index 0000000..4cd4962 --- /dev/null +++ b/src/pages/page2.vue @@ -0,0 +1,446 @@ + + + + + + \ No newline at end of file