Merge branch 'master' of http://192.168.12.3:3000/xingyy/heritage-hub
200
package-lock.json
generated
@ -8,7 +8,10 @@
|
||||
"name": "heritage-hub",
|
||||
"version": "0.0.0",
|
||||
"dependencies": {
|
||||
"autoprefixer": "^10.4.17",
|
||||
"normalize.css": "^8.0.1",
|
||||
"postcss": "^8.4.33",
|
||||
"postcss-px-to-viewport": "^1.1.1",
|
||||
"vue": "^3.3.11",
|
||||
"vue-router": "^4.2.5"
|
||||
},
|
||||
@ -698,6 +701,28 @@
|
||||
"node": ">= 8"
|
||||
}
|
||||
},
|
||||
"node_modules/autoprefixer": {
|
||||
"version": "10.4.17",
|
||||
"resolved": "https://registry.npmmirror.com/autoprefixer/-/autoprefixer-10.4.17.tgz",
|
||||
"integrity": "sha512-/cpVNRLSfhOtcGflT13P2794gVSgmPgTR+erw5ifnMLZb0UnSlkK4tquLmkd3BhA+nLo5tX8Cu0upUsGKvKbmg==",
|
||||
"dependencies": {
|
||||
"browserslist": "^4.22.2",
|
||||
"caniuse-lite": "^1.0.30001578",
|
||||
"fraction.js": "^4.3.7",
|
||||
"normalize-range": "^0.1.2",
|
||||
"picocolors": "^1.0.0",
|
||||
"postcss-value-parser": "^4.2.0"
|
||||
},
|
||||
"bin": {
|
||||
"autoprefixer": "bin/autoprefixer"
|
||||
},
|
||||
"engines": {
|
||||
"node": "^10 || ^12 || >=14"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"postcss": "^8.1.0"
|
||||
}
|
||||
},
|
||||
"node_modules/binary-extensions": {
|
||||
"version": "2.2.0",
|
||||
"resolved": "https://registry.npmmirror.com/binary-extensions/-/binary-extensions-2.2.0.tgz",
|
||||
@ -719,6 +744,28 @@
|
||||
"node": ">=8"
|
||||
}
|
||||
},
|
||||
"node_modules/browserslist": {
|
||||
"version": "4.22.3",
|
||||
"resolved": "https://registry.npmmirror.com/browserslist/-/browserslist-4.22.3.tgz",
|
||||
"integrity": "sha512-UAp55yfwNv0klWNapjs/ktHoguxuQNGnOzxYmfnXIS+8AsRDZkSDxg7R1AX3GKzn078SBI5dzwzj/Yx0Or0e3A==",
|
||||
"dependencies": {
|
||||
"caniuse-lite": "^1.0.30001580",
|
||||
"electron-to-chromium": "^1.4.648",
|
||||
"node-releases": "^2.0.14",
|
||||
"update-browserslist-db": "^1.0.13"
|
||||
},
|
||||
"bin": {
|
||||
"browserslist": "cli.js"
|
||||
},
|
||||
"engines": {
|
||||
"node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
|
||||
}
|
||||
},
|
||||
"node_modules/caniuse-lite": {
|
||||
"version": "1.0.30001581",
|
||||
"resolved": "https://registry.npmmirror.com/caniuse-lite/-/caniuse-lite-1.0.30001581.tgz",
|
||||
"integrity": "sha512-whlTkwhqV2tUmP3oYhtNfaWGYHDdS3JYFQBKXxcUR9qqPWsRhFHhoISO2Xnl/g0xyKzht9mI1LZpiNWfMzHixQ=="
|
||||
},
|
||||
"node_modules/chokidar": {
|
||||
"version": "3.5.3",
|
||||
"resolved": "https://registry.npmmirror.com/chokidar/-/chokidar-3.5.3.tgz",
|
||||
@ -745,6 +792,11 @@
|
||||
"resolved": "https://registry.npmmirror.com/csstype/-/csstype-3.1.3.tgz",
|
||||
"integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw=="
|
||||
},
|
||||
"node_modules/electron-to-chromium": {
|
||||
"version": "1.4.653",
|
||||
"resolved": "https://registry.npmmirror.com/electron-to-chromium/-/electron-to-chromium-1.4.653.tgz",
|
||||
"integrity": "sha512-wA2A2LQCqnEwQAvwADQq3KpMpNwgAUBnRmrFgRzHnPhbQUFArTR32Ab46f4p0MovDLcg4uqd4nCsN2hTltslpA=="
|
||||
},
|
||||
"node_modules/entities": {
|
||||
"version": "4.5.0",
|
||||
"resolved": "https://registry.npmmirror.com/entities/-/entities-4.5.0.tgz",
|
||||
@ -791,6 +843,14 @@
|
||||
"@esbuild/win32-x64": "0.19.12"
|
||||
}
|
||||
},
|
||||
"node_modules/escalade": {
|
||||
"version": "3.1.1",
|
||||
"resolved": "https://registry.npmmirror.com/escalade/-/escalade-3.1.1.tgz",
|
||||
"integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
|
||||
"engines": {
|
||||
"node": ">=6"
|
||||
}
|
||||
},
|
||||
"node_modules/estree-walker": {
|
||||
"version": "2.0.2",
|
||||
"resolved": "https://registry.npmmirror.com/estree-walker/-/estree-walker-2.0.2.tgz",
|
||||
@ -808,6 +868,14 @@
|
||||
"node": ">=8"
|
||||
}
|
||||
},
|
||||
"node_modules/fraction.js": {
|
||||
"version": "4.3.7",
|
||||
"resolved": "https://registry.npmmirror.com/fraction.js/-/fraction.js-4.3.7.tgz",
|
||||
"integrity": "sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==",
|
||||
"engines": {
|
||||
"node": "*"
|
||||
}
|
||||
},
|
||||
"node_modules/fsevents": {
|
||||
"version": "2.3.3",
|
||||
"resolved": "https://registry.npmmirror.com/fsevents/-/fsevents-2.3.3.tgz",
|
||||
@ -904,6 +972,11 @@
|
||||
"node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
|
||||
}
|
||||
},
|
||||
"node_modules/node-releases": {
|
||||
"version": "2.0.14",
|
||||
"resolved": "https://registry.npmmirror.com/node-releases/-/node-releases-2.0.14.tgz",
|
||||
"integrity": "sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw=="
|
||||
},
|
||||
"node_modules/normalize-path": {
|
||||
"version": "3.0.0",
|
||||
"resolved": "https://registry.npmmirror.com/normalize-path/-/normalize-path-3.0.0.tgz",
|
||||
@ -913,11 +986,27 @@
|
||||
"node": ">=0.10.0"
|
||||
}
|
||||
},
|
||||
"node_modules/normalize-range": {
|
||||
"version": "0.1.2",
|
||||
"resolved": "https://registry.npmmirror.com/normalize-range/-/normalize-range-0.1.2.tgz",
|
||||
"integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==",
|
||||
"engines": {
|
||||
"node": ">=0.10.0"
|
||||
}
|
||||
},
|
||||
"node_modules/normalize.css": {
|
||||
"version": "8.0.1",
|
||||
"resolved": "https://registry.npmmirror.com/normalize.css/-/normalize.css-8.0.1.tgz",
|
||||
"integrity": "sha512-qizSNPO93t1YUuUhP22btGOo3chcvDFqFaj2TRybP0DMxkHOCTYwp3n34fel4a31ORXy4m1Xq0Gyqpb5m33qIg=="
|
||||
},
|
||||
"node_modules/object-assign": {
|
||||
"version": "4.1.1",
|
||||
"resolved": "https://registry.npmmirror.com/object-assign/-/object-assign-4.1.1.tgz",
|
||||
"integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
|
||||
"engines": {
|
||||
"node": ">=0.10.0"
|
||||
}
|
||||
},
|
||||
"node_modules/picocolors": {
|
||||
"version": "1.0.0",
|
||||
"resolved": "https://registry.npmmirror.com/picocolors/-/picocolors-1.0.0.tgz",
|
||||
@ -945,6 +1034,20 @@
|
||||
"node": "^10 || ^12 || >=14"
|
||||
}
|
||||
},
|
||||
"node_modules/postcss-px-to-viewport": {
|
||||
"version": "1.1.1",
|
||||
"resolved": "https://registry.npmmirror.com/postcss-px-to-viewport/-/postcss-px-to-viewport-1.1.1.tgz",
|
||||
"integrity": "sha512-2x9oGnBms+e0cYtBJOZdlwrFg/mLR4P1g2IFu7jYKvnqnH/HLhoKyareW2Q/x4sg0BgklHlP1qeWo2oCyPm8FQ==",
|
||||
"dependencies": {
|
||||
"object-assign": ">=4.0.1",
|
||||
"postcss": ">=5.0.2"
|
||||
}
|
||||
},
|
||||
"node_modules/postcss-value-parser": {
|
||||
"version": "4.2.0",
|
||||
"resolved": "https://registry.npmmirror.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
|
||||
"integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ=="
|
||||
},
|
||||
"node_modules/readdirp": {
|
||||
"version": "3.6.0",
|
||||
"resolved": "https://registry.npmmirror.com/readdirp/-/readdirp-3.6.0.tgz",
|
||||
@ -1026,6 +1129,21 @@
|
||||
"node": ">=8.0"
|
||||
}
|
||||
},
|
||||
"node_modules/update-browserslist-db": {
|
||||
"version": "1.0.13",
|
||||
"resolved": "https://registry.npmmirror.com/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz",
|
||||
"integrity": "sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==",
|
||||
"dependencies": {
|
||||
"escalade": "^3.1.1",
|
||||
"picocolors": "^1.0.0"
|
||||
},
|
||||
"bin": {
|
||||
"update-browserslist-db": "cli.js"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"browserslist": ">= 4.21.0"
|
||||
}
|
||||
},
|
||||
"node_modules/vite": {
|
||||
"version": "5.0.12",
|
||||
"resolved": "https://registry.npmmirror.com/vite/-/vite-5.0.12.tgz",
|
||||
@ -1488,6 +1606,19 @@
|
||||
"picomatch": "^2.0.4"
|
||||
}
|
||||
},
|
||||
"autoprefixer": {
|
||||
"version": "10.4.17",
|
||||
"resolved": "https://registry.npmmirror.com/autoprefixer/-/autoprefixer-10.4.17.tgz",
|
||||
"integrity": "sha512-/cpVNRLSfhOtcGflT13P2794gVSgmPgTR+erw5ifnMLZb0UnSlkK4tquLmkd3BhA+nLo5tX8Cu0upUsGKvKbmg==",
|
||||
"requires": {
|
||||
"browserslist": "^4.22.2",
|
||||
"caniuse-lite": "^1.0.30001578",
|
||||
"fraction.js": "^4.3.7",
|
||||
"normalize-range": "^0.1.2",
|
||||
"picocolors": "^1.0.0",
|
||||
"postcss-value-parser": "^4.2.0"
|
||||
}
|
||||
},
|
||||
"binary-extensions": {
|
||||
"version": "2.2.0",
|
||||
"resolved": "https://registry.npmmirror.com/binary-extensions/-/binary-extensions-2.2.0.tgz",
|
||||
@ -1503,6 +1634,22 @@
|
||||
"fill-range": "^7.0.1"
|
||||
}
|
||||
},
|
||||
"browserslist": {
|
||||
"version": "4.22.3",
|
||||
"resolved": "https://registry.npmmirror.com/browserslist/-/browserslist-4.22.3.tgz",
|
||||
"integrity": "sha512-UAp55yfwNv0klWNapjs/ktHoguxuQNGnOzxYmfnXIS+8AsRDZkSDxg7R1AX3GKzn078SBI5dzwzj/Yx0Or0e3A==",
|
||||
"requires": {
|
||||
"caniuse-lite": "^1.0.30001580",
|
||||
"electron-to-chromium": "^1.4.648",
|
||||
"node-releases": "^2.0.14",
|
||||
"update-browserslist-db": "^1.0.13"
|
||||
}
|
||||
},
|
||||
"caniuse-lite": {
|
||||
"version": "1.0.30001581",
|
||||
"resolved": "https://registry.npmmirror.com/caniuse-lite/-/caniuse-lite-1.0.30001581.tgz",
|
||||
"integrity": "sha512-whlTkwhqV2tUmP3oYhtNfaWGYHDdS3JYFQBKXxcUR9qqPWsRhFHhoISO2Xnl/g0xyKzht9mI1LZpiNWfMzHixQ=="
|
||||
},
|
||||
"chokidar": {
|
||||
"version": "3.5.3",
|
||||
"resolved": "https://registry.npmmirror.com/chokidar/-/chokidar-3.5.3.tgz",
|
||||
@ -1524,6 +1671,11 @@
|
||||
"resolved": "https://registry.npmmirror.com/csstype/-/csstype-3.1.3.tgz",
|
||||
"integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw=="
|
||||
},
|
||||
"electron-to-chromium": {
|
||||
"version": "1.4.653",
|
||||
"resolved": "https://registry.npmmirror.com/electron-to-chromium/-/electron-to-chromium-1.4.653.tgz",
|
||||
"integrity": "sha512-wA2A2LQCqnEwQAvwADQq3KpMpNwgAUBnRmrFgRzHnPhbQUFArTR32Ab46f4p0MovDLcg4uqd4nCsN2hTltslpA=="
|
||||
},
|
||||
"entities": {
|
||||
"version": "4.5.0",
|
||||
"resolved": "https://registry.npmmirror.com/entities/-/entities-4.5.0.tgz",
|
||||
@ -1560,6 +1712,11 @@
|
||||
"@esbuild/win32-x64": "0.19.12"
|
||||
}
|
||||
},
|
||||
"escalade": {
|
||||
"version": "3.1.1",
|
||||
"resolved": "https://registry.npmmirror.com/escalade/-/escalade-3.1.1.tgz",
|
||||
"integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw=="
|
||||
},
|
||||
"estree-walker": {
|
||||
"version": "2.0.2",
|
||||
"resolved": "https://registry.npmmirror.com/estree-walker/-/estree-walker-2.0.2.tgz",
|
||||
@ -1574,6 +1731,11 @@
|
||||
"to-regex-range": "^5.0.1"
|
||||
}
|
||||
},
|
||||
"fraction.js": {
|
||||
"version": "4.3.7",
|
||||
"resolved": "https://registry.npmmirror.com/fraction.js/-/fraction.js-4.3.7.tgz",
|
||||
"integrity": "sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew=="
|
||||
},
|
||||
"fsevents": {
|
||||
"version": "2.3.3",
|
||||
"resolved": "https://registry.npmmirror.com/fsevents/-/fsevents-2.3.3.tgz",
|
||||
@ -1639,17 +1801,32 @@
|
||||
"resolved": "https://registry.npmmirror.com/nanoid/-/nanoid-3.3.7.tgz",
|
||||
"integrity": "sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g=="
|
||||
},
|
||||
"node-releases": {
|
||||
"version": "2.0.14",
|
||||
"resolved": "https://registry.npmmirror.com/node-releases/-/node-releases-2.0.14.tgz",
|
||||
"integrity": "sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw=="
|
||||
},
|
||||
"normalize-path": {
|
||||
"version": "3.0.0",
|
||||
"resolved": "https://registry.npmmirror.com/normalize-path/-/normalize-path-3.0.0.tgz",
|
||||
"integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
|
||||
"dev": true
|
||||
},
|
||||
"normalize-range": {
|
||||
"version": "0.1.2",
|
||||
"resolved": "https://registry.npmmirror.com/normalize-range/-/normalize-range-0.1.2.tgz",
|
||||
"integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA=="
|
||||
},
|
||||
"normalize.css": {
|
||||
"version": "8.0.1",
|
||||
"resolved": "https://registry.npmmirror.com/normalize.css/-/normalize.css-8.0.1.tgz",
|
||||
"integrity": "sha512-qizSNPO93t1YUuUhP22btGOo3chcvDFqFaj2TRybP0DMxkHOCTYwp3n34fel4a31ORXy4m1Xq0Gyqpb5m33qIg=="
|
||||
},
|
||||
"object-assign": {
|
||||
"version": "4.1.1",
|
||||
"resolved": "https://registry.npmmirror.com/object-assign/-/object-assign-4.1.1.tgz",
|
||||
"integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg=="
|
||||
},
|
||||
"picocolors": {
|
||||
"version": "1.0.0",
|
||||
"resolved": "https://registry.npmmirror.com/picocolors/-/picocolors-1.0.0.tgz",
|
||||
@ -1671,6 +1848,20 @@
|
||||
"source-map-js": "^1.0.2"
|
||||
}
|
||||
},
|
||||
"postcss-px-to-viewport": {
|
||||
"version": "1.1.1",
|
||||
"resolved": "https://registry.npmmirror.com/postcss-px-to-viewport/-/postcss-px-to-viewport-1.1.1.tgz",
|
||||
"integrity": "sha512-2x9oGnBms+e0cYtBJOZdlwrFg/mLR4P1g2IFu7jYKvnqnH/HLhoKyareW2Q/x4sg0BgklHlP1qeWo2oCyPm8FQ==",
|
||||
"requires": {
|
||||
"object-assign": ">=4.0.1",
|
||||
"postcss": ">=5.0.2"
|
||||
}
|
||||
},
|
||||
"postcss-value-parser": {
|
||||
"version": "4.2.0",
|
||||
"resolved": "https://registry.npmmirror.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
|
||||
"integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ=="
|
||||
},
|
||||
"readdirp": {
|
||||
"version": "3.6.0",
|
||||
"resolved": "https://registry.npmmirror.com/readdirp/-/readdirp-3.6.0.tgz",
|
||||
@ -1728,6 +1919,15 @@
|
||||
"is-number": "^7.0.0"
|
||||
}
|
||||
},
|
||||
"update-browserslist-db": {
|
||||
"version": "1.0.13",
|
||||
"resolved": "https://registry.npmmirror.com/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz",
|
||||
"integrity": "sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==",
|
||||
"requires": {
|
||||
"escalade": "^3.1.1",
|
||||
"picocolors": "^1.0.0"
|
||||
}
|
||||
},
|
||||
"vite": {
|
||||
"version": "5.0.12",
|
||||
"resolved": "https://registry.npmmirror.com/vite/-/vite-5.0.12.tgz",
|
||||
|
@ -9,7 +9,10 @@
|
||||
"preview": "vite preview"
|
||||
},
|
||||
"dependencies": {
|
||||
"autoprefixer": "^10.4.17",
|
||||
"normalize.css": "^8.0.1",
|
||||
"postcss": "^8.4.33",
|
||||
"postcss-px-to-viewport": "^1.1.1",
|
||||
"vue": "^3.3.11",
|
||||
"vue-router": "^4.2.5"
|
||||
},
|
||||
|
BIN
src/assets/images/dfhb1@2x.png
Normal file
After Width: | Height: | Size: 29 KiB |
BIN
src/assets/images/gb1@2x.png
Normal file
After Width: | Height: | Size: 3.5 MiB |
BIN
src/assets/images/hb1@21x.png
Normal file
After Width: | Height: | Size: 29 KiB |
Before Width: | Height: | Size: 3.5 MiB After Width: | Height: | Size: 0 B |
BIN
src/assets/images/jqqd@2x.png
Normal file
After Width: | Height: | Size: 6.6 KiB |
BIN
src/assets/images/jqqd@2x12.png
Normal file
After Width: | Height: | Size: 6.6 KiB |
BIN
src/assets/images/jx39@2x.png
Normal file
After Width: | Height: | Size: 28 KiB |
BIN
src/assets/images/zu17@2x.png
Normal file
After Width: | Height: | Size: 11 KiB |
BIN
src/assets/images/zu18@2x.png
Normal file
After Width: | Height: | Size: 16 KiB |
BIN
src/assets/images/zu19@2x.png
Normal file
After Width: | Height: | Size: 14 KiB |
BIN
src/assets/images/zu23@2x.png
Normal file
After Width: | Height: | Size: 3.6 KiB |
BIN
src/assets/images/zu24@2x.png
Normal file
After Width: | Height: | Size: 3.6 KiB |
BIN
src/assets/images/zu27@3x.png
Normal file
After Width: | Height: | Size: 4.3 KiB |
@ -1,4 +1,3 @@
|
||||
|
||||
<template>
|
||||
<div style="min-height:100vh"
|
||||
class="100vw">
|
||||
|
@ -1,12 +1,11 @@
|
||||
<script setup>
|
||||
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="container">
|
||||
<div class="content1">
|
||||
<div class="wrap1">
|
||||
<img src="@/assets/images/hb1@2x.png">
|
||||
<img src="@/assets/images/gb1@2x.png">
|
||||
</div>
|
||||
<div class="wrap2">
|
||||
<div class="wrap2_1">
|
||||
@ -16,20 +15,17 @@
|
||||
<div class="wrap2_2">
|
||||
<div class="wrap2_2_1">
|
||||
<div class="wrap2_2_1_1">
|
||||
<img src="@/assets/images/YW—0314-A-1@2x.png"
|
||||
alt="">
|
||||
<img src="@/assets/images/YW—0314-A-1@2x.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="wrap2_2_2">
|
||||
<div class="wrap2_2_2_1">
|
||||
<img src="@/assets/images/H—128-A-0001@2x.png"
|
||||
alt="">
|
||||
<img src="@/assets/images/H—128-A-0001@2x.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="wrap2_2_3">
|
||||
<div class="wrap2_2_3_1">
|
||||
<img src="@/assets/images/L—0381-D-0001@2x.png"
|
||||
alt="">
|
||||
<img src="@/assets/images/L—0381-D-0001@2x.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -40,40 +36,92 @@
|
||||
<div class="wrap1_1">
|
||||
<div class="wrap1_1_1">
|
||||
<div class="wrap1_1_1_1">
|
||||
<img src="@/assets/images/116e81@2x.png"
|
||||
alt="">
|
||||
<img src="@/assets/images/116e81@2x.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="wrap1_1_2">
|
||||
<div class="wrap1_1_2_1">
|
||||
<div class="wrap1_1_2_1_1">
|
||||
<img src="@/assets/images/zu5@2x.png"
|
||||
alt="">
|
||||
<img src="@/assets/images/zu5@2x.png" alt="">
|
||||
</div>
|
||||
<div class="wrap1_1_2_1_2">
|
||||
<div class="wrap1_1_2_1_2_1">
|
||||
<img src="@/assets/images/yqbwgjs@3x.png"
|
||||
alt="">
|
||||
<img src="@/assets/images/yqbwgjs@3x.png" alt="">
|
||||
</div>
|
||||
<div class="wrap1_1_2_1_2_2">
|
||||
<img src="@/assets/images/ntroduction@3x.png">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="wrap1_1_2_2">延庆博物馆(Yanqing Museum)是北京市延庆区一座大型综合性博物馆,属中国区县级大型综合性博物馆,位于延庆城区主干道繁华街区(妫水北街24号),其前身为延庆区文物管理所展陈库房。
|
||||
延庆博物馆是目前北京郊区规模最大、功能最全的区级现代化综合性博物馆,2004年开始筹备,2008年9月30日正式对外开放,2016年实施升级改造工程,2018年11月1日升级改造完成正式对外开放。全馆建筑面积逾6100平方米,展厅面积2400余平方米。延庆博物馆以延庆区文物管理所历年保藏、征集和延庆地区出土文物为基本素材</div>
|
||||
<div class="wrap1_1_2_2">延庆博物馆(Yanqing
|
||||
Museum)是北京市延庆区一座大型综合性博物馆,属中国区县级大型综合性博物馆,位于延庆城区主干道繁华街区(妫水北街24号),其前身为延庆区文物管理所展陈库房。
|
||||
延庆博物馆是目前北京郊区规模最大、功能最全的区级现代化综合性博物馆,2004年开始筹备,2008年9月30日正式对外开放,2016年实施升级改造工程,2018年11月1日升级改造完成正式对外开放。全馆建筑面积逾6100平方米,展厅面积2400余平方米。延庆博物馆以延庆区文物管理所历年保藏、征集和延庆地区出土文物为基本素材
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="wrap1_2"></div>
|
||||
<div class="wrap1_2">
|
||||
<div class="wrap1_2_1"></div>
|
||||
<div class="wrap1_2_2"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="wrap2">
|
||||
<div class="wrap2_1">
|
||||
<div class="wrap2_1_1">
|
||||
<img src="@/assets/images/zu17@2x.png">
|
||||
</div>
|
||||
<div class="wrap2_1_2">
|
||||
<img src="@/assets/images/zu27@3x.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="wrap2_2">
|
||||
<div class="wrap2_2_1">
|
||||
<div class="wrap2_2_1_1">某某某某某-藏品</div>
|
||||
<div class="wrap2_2_1_2">咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩</div>
|
||||
</div>
|
||||
<div class="wrap2_2_2"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="wrap3">
|
||||
<div class="wrap3_1"></div>
|
||||
<div class="wrap3_2">咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩</div>
|
||||
</div>
|
||||
<div class="wrap4">
|
||||
<div class="wrap4_1">
|
||||
<div class="wrap4_1_2">
|
||||
<img src="@/assets/images/zu24@2x.png" alt="">
|
||||
</div>
|
||||
<div class="wrap4_1_1">
|
||||
<img src="@/assets/images/zu18@2x.png">
|
||||
</div>
|
||||
</div>
|
||||
<div class="wrap4_2">
|
||||
<img src="@/assets/images/jqqd@2x.png" alt="">
|
||||
<!-- <div class="wrap4_2_1">
|
||||
<div class="wrap4_2_1_1">某某某某某-藏品</div>
|
||||
<div class="wrap4_2_1_2">咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩咩</div>
|
||||
</div>
|
||||
<div class="wrap4_2_2"></div>-->
|
||||
</div>
|
||||
</div>
|
||||
<div class="wrap5">
|
||||
<div class="wrap5_1">
|
||||
<div class="wrap5_1_1">
|
||||
<img src="@/assets/images/zu19@2x.png">
|
||||
</div>
|
||||
<div class="wrap5_1_2">
|
||||
<img src="@/assets/images/zu23@2x.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="wrap5_2">
|
||||
<img src="@/assets/images/jqqd@2x12.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.container {
|
||||
width: 100vw;
|
||||
|
||||
width: 1920px;
|
||||
.content2 {
|
||||
width: 100%;
|
||||
height: 2470px;
|
||||
@ -82,12 +130,238 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
.wrap5 {
|
||||
margin-top: 57px;
|
||||
.wrap5_2{
|
||||
box-sizing: border-box;
|
||||
margin-top: 20px;
|
||||
height: 340px;
|
||||
width: 1085px;
|
||||
background-size: contain;
|
||||
background-image: url("@/assets/images/hb1@21x.png");
|
||||
padding: 24px 44px 24px 53px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
img{
|
||||
width: 80px;
|
||||
height: 28px;
|
||||
}
|
||||
.wrap5_2_2{
|
||||
margin-left: 42px;
|
||||
flex-shrink: 0;
|
||||
opacity: 1;
|
||||
width: 300px;
|
||||
height: 291px;
|
||||
background-color: #4E0A0A;
|
||||
border-radius: 10px;
|
||||
}
|
||||
.wrap5_2_1{
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: start;
|
||||
.wrap5_2_1_2{
|
||||
margin-top: 9px;
|
||||
line-height: 20px;
|
||||
color: #A26E52;
|
||||
font-size: 16px;
|
||||
}
|
||||
.wrap5_2_1_1{
|
||||
font-weight: 900;
|
||||
color: #5F4040;
|
||||
font-size: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.wrap5_1 {
|
||||
|
||||
display: flex;
|
||||
align-items: end;
|
||||
justify-content: space-between;
|
||||
.wrap5_1_2{
|
||||
img{
|
||||
width: 59.9px;
|
||||
height: 28px;
|
||||
}
|
||||
|
||||
}
|
||||
.wrap5_1_1 {
|
||||
margin-left: -58px;
|
||||
border-radius: 10px;
|
||||
background-color: #5F4040;
|
||||
width:255px;
|
||||
height: 60px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
img{
|
||||
width: 182.26px;
|
||||
height: 46px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.wrap4 {
|
||||
margin-top: 57px;
|
||||
.wrap4_2{
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
margin-top: 20px;
|
||||
height: 340px;
|
||||
width: 1085px;
|
||||
background-image: url("@/assets/images/dfhb1@2x.png");
|
||||
padding: 24px 44px 24px 53px;
|
||||
background-size: contain;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
img{
|
||||
width: 80px;
|
||||
height: 28px;
|
||||
}
|
||||
}
|
||||
.wrap4_1 {
|
||||
|
||||
display: flex;
|
||||
align-items: end;
|
||||
justify-content: space-between;
|
||||
.wrap4_1_2{
|
||||
img{
|
||||
width: 59.9px;
|
||||
height: 28px;
|
||||
}
|
||||
|
||||
}
|
||||
.wrap4_1_1 {
|
||||
margin-right: -58px;
|
||||
border-radius: 10px;
|
||||
background-color: #54796F;
|
||||
width: 255px;
|
||||
height: 60px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
img{
|
||||
width: 199.3px;
|
||||
height: 45px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.wrap3{
|
||||
box-sizing: border-box;
|
||||
margin-top: 15px;
|
||||
background-size: contain;
|
||||
width: 1085px;
|
||||
height: 340px;
|
||||
background-image: url("@/assets/images/jx39@2x.png");
|
||||
display: flex;
|
||||
padding: 24px 46px 24px 49px;
|
||||
.wrap3_2{
|
||||
color: #3B5D54;
|
||||
font-size: 16px;
|
||||
}
|
||||
.wrap3_1{
|
||||
margin-right: 35px;
|
||||
flex-shrink: 0;
|
||||
width: 300px;
|
||||
height: 291.87px;
|
||||
background-color: #395212;
|
||||
border-radius: 10px;
|
||||
}
|
||||
}
|
||||
.wrap2 {
|
||||
margin-top: 57px;
|
||||
.wrap2_2{
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
margin-top: 20px;
|
||||
height: 340px;
|
||||
width: 1085px;
|
||||
background-color: rgba(214, 198, 198, 0.3);
|
||||
padding: 24px 44px 24px 53px;
|
||||
|
||||
.wrap2_2_2{
|
||||
margin-left: 42px;
|
||||
flex-shrink: 0;
|
||||
opacity: 1;
|
||||
width: 300px;
|
||||
height: 291px;
|
||||
background-color: #4E0A0A;
|
||||
border-radius: 10px;
|
||||
}
|
||||
.wrap2_2_1{
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: start;
|
||||
.wrap2_2_1_2{
|
||||
margin-top: 9px;
|
||||
line-height: 20px;
|
||||
color: #A26E52;
|
||||
font-size: 16px;
|
||||
}
|
||||
.wrap2_2_1_1{
|
||||
font-weight: 900;
|
||||
color: #5F4040;
|
||||
font-size: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.wrap2_1 {
|
||||
|
||||
display: flex;
|
||||
align-items: end;
|
||||
justify-content: space-between;
|
||||
.wrap2_1_2{
|
||||
img{
|
||||
width: 59.9px;
|
||||
height: 28px;
|
||||
}
|
||||
|
||||
}
|
||||
.wrap2_1_1 {
|
||||
margin-left: -58px;
|
||||
border-radius: 10px;
|
||||
background-color: #A46247;
|
||||
width: 255px;
|
||||
height: 60px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
img{
|
||||
width: 132px;
|
||||
height: 44px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.wrap1 {
|
||||
margin-top: 107px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
.wrap1_2 {
|
||||
margin-top: 17px;
|
||||
display: flex;
|
||||
|
||||
.wrap1_2_2 {
|
||||
margin-left: 10px;
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
border-radius: 180px;
|
||||
background-color: #A9AE8E;
|
||||
}
|
||||
|
||||
.wrap1_2_1 {
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
border-radius: 180px;
|
||||
background-color: #708F87;
|
||||
}
|
||||
}
|
||||
|
||||
.wrap1_1 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@ -96,7 +370,7 @@
|
||||
box-sizing: border-box;
|
||||
width: 642px;
|
||||
height: 347px;
|
||||
border: 3px solid #54796f;
|
||||
border: 3px solid #54796F;
|
||||
background-color: #fff;
|
||||
border-left: none;
|
||||
border-bottom-right-radius: 10px;
|
||||
@ -105,16 +379,19 @@
|
||||
flex-direction: column;
|
||||
justify-content: start;
|
||||
padding: 25px 43px 24px 30px;
|
||||
|
||||
.wrap1_1_2_2 {
|
||||
line-height: 20px;
|
||||
font-weight: 900;
|
||||
margin-top: 13px;
|
||||
font-size: 14px;
|
||||
color: #58605e;
|
||||
color: #58605E;
|
||||
}
|
||||
|
||||
.wrap1_1_2_1 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.wrap1_1_2_1_2 {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
@ -122,6 +399,7 @@
|
||||
.wrap1_1_2_1_2_2 {
|
||||
width: 178px;
|
||||
height: 20px;
|
||||
|
||||
img {
|
||||
width: 178px;
|
||||
height: 20px;
|
||||
@ -131,6 +409,7 @@
|
||||
.wrap1_1_2_1_2_1 {
|
||||
width: 140px;
|
||||
height: 28px;
|
||||
|
||||
img {
|
||||
width: 140px;
|
||||
height: 28px;
|
||||
@ -140,6 +419,7 @@
|
||||
|
||||
.wrap1_1_2_1_1 {
|
||||
margin-right: 25px;
|
||||
|
||||
img {
|
||||
width: 40.88px;
|
||||
height: 38.44px;
|
||||
@ -152,7 +432,7 @@
|
||||
width: 385px;
|
||||
height: 385px;
|
||||
border-radius: 10px;
|
||||
background-color: #54796f;
|
||||
background-color: #54796F;
|
||||
position: relative;
|
||||
|
||||
.wrap1_1_1_1 {
|
||||
@ -163,6 +443,7 @@
|
||||
img {
|
||||
width: 378px;
|
||||
height: 378px;
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -181,22 +462,96 @@
|
||||
bottom: -50px;
|
||||
|
||||
.wrap2_2 {
|
||||
}
|
||||
.wrap2_1 {
|
||||
display: flex;
|
||||
.wrap2_1_1 {
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
border-radius: 180px;
|
||||
background-color: #708f87;
|
||||
|
||||
.wrap2_2_1 {
|
||||
margin-left: 59px;
|
||||
width: 91px;
|
||||
height: 91px;
|
||||
background-color: #54796F;
|
||||
border-radius: 6px;
|
||||
position: relative;
|
||||
|
||||
.wrap2_2_1_1 {
|
||||
|
||||
right: 10px;
|
||||
bottom: 10px;
|
||||
position: absolute;
|
||||
|
||||
img {
|
||||
width: 91px;
|
||||
height: 91px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.wrap2_1_2 {
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
border-radius: 180px;
|
||||
background-color: #a9ae8e;
|
||||
|
||||
.wrap2_2_2 {
|
||||
position: relative;
|
||||
margin-left: 20px;
|
||||
width: 91px;
|
||||
height: 91px;
|
||||
background-color: #5F4040;
|
||||
border-radius: 6px;
|
||||
|
||||
.wrap2_2_2_1 {
|
||||
right: 10px;
|
||||
bottom: 10px;
|
||||
position: absolute;
|
||||
|
||||
img {
|
||||
width: 91px;
|
||||
height: 91px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.wrap2_2_3 {
|
||||
position: relative;
|
||||
margin-left: 20px;
|
||||
width: 91px;
|
||||
height: 91px;
|
||||
background-color: #A46247;
|
||||
border-radius: 6px;
|
||||
|
||||
.wrap2_2_3_1 {
|
||||
right: 10px;
|
||||
bottom: 10px;
|
||||
position: absolute;
|
||||
|
||||
img {
|
||||
width: 91px;
|
||||
height: 91px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.wrap2_1 {
|
||||
position: relative;
|
||||
display: flex;
|
||||
|
||||
.wrap2_1_1 {
|
||||
right: 10px;
|
||||
position: absolute;
|
||||
bottom: 10px;
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
border-radius: 180px;
|
||||
background-color: #708F87;
|
||||
}
|
||||
|
||||
.wrap2_1_2 {
|
||||
position: absolute;
|
||||
bottom: 10px;
|
||||
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
border-radius: 180px;
|
||||
background-color: #A9AE8E;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.wrap1 {
|
||||
@ -206,6 +561,7 @@
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|