Phoenix 8 months ago
parent 3122864164
commit 5e76b00860

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"
},

Binary file not shown.

After

Width:  |  Height:  |  Size: 29 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.5 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 29 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.5 MiB

After

Width:  |  Height:  |  Size: 0 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 28 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.6 KiB

Binary file not shown.

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 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 class="wrap1_2"></div>
</div>
</div>
</div>
</template>
<style scoped lang="scss">
.container {
width: 100vw;
width: 1920px;
.content2 {
width: 100%;
height: 2470px;
@ -82,12 +130,235 @@
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 {
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 {
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 {
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 +367,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 +376,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 +396,7 @@
.wrap1_1_2_1_2_2 {
width: 178px;
height: 20px;
img {
width: 178px;
height: 20px;
@ -131,6 +406,7 @@
.wrap1_1_2_1_2_1 {
width: 140px;
height: 28px;
img {
width: 140px;
height: 28px;
@ -140,6 +416,7 @@
.wrap1_1_2_1_1 {
margin-right: 25px;
img {
width: 40.88px;
height: 38.44px;
@ -152,7 +429,7 @@
width: 385px;
height: 385px;
border-radius: 10px;
background-color: #54796f;
background-color: #54796F;
position: relative;
.wrap1_1_1_1 {
@ -163,6 +440,7 @@
img {
width: 378px;
height: 378px;
}
}
}
@ -181,22 +459,96 @@
bottom: -50px;
.wrap2_2 {
display: flex;
.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_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;
background-color: #708F87;
}
.wrap2_1_2 {
position: absolute;
bottom: 10px;
width: 25px;
height: 25px;
border-radius: 180px;
background-color: #a9ae8e;
background-color: #A9AE8E;
}
}
}
.wrap1 {
@ -206,6 +558,7 @@
img {
width: 100%;
height: 100%;
}
}
}

Loading…
Cancel
Save