xingyy/heritage-hub
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'master' of http://192.168.12.3:3000/xingyy/heritage-hub

Browse Source
This commit is contained in:
张 元山 2024-01-31 20:11:55 +08:00
commit 787b71d7e6
8 changed files with 141 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/images/116e81@2x.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 830 KiB

BIN
src/assets/images/H—128-A-0001@2x.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 51 KiB

BIN
src/assets/images/L—0381-D-0001@2x.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 51 KiB

BIN
src/assets/images/YW—0314-A-1@2x.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 44 KiB

BIN
src/assets/images/ntroduction@3x.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.8 KiB

BIN
src/assets/images/yqbwgjs@3x.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 10 KiB

BIN
src/assets/images/zu5@2x.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

142
src/views/navigation/index.vue
View File

@ -13,10 +13,59 @@
<div class="wrap2_1_1"></div>
<div class="wrap2_1_2"></div>
</div>
<div class="wrap2_2"></div>
<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="">
</div>
</div>
<div class="wrap2_2_2">
<div class="wrap2_2_2_1">
<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="">
</div>
</div>
</div>
</div>
</div>
<div class="content2">
<div class="wrap1">
<div class="wrap1_1">
<div class="wrap1_1_1">
<div class="wrap1_1_1_1">
<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="">
</div>
<div class="wrap1_1_2_1_2">
<div class="wrap1_1_2_1_2_1">
<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>
</div>
<div class="wrap1_2"></div>
</div>
</div>
</div>
</template>
@ -30,6 +79,95 @@
height: 2470px;
background-size: contain;
background-image: url("@/assets/images/zu16@2x.png");
display: flex;
flex-direction: column;
align-items: center;
.wrap1 {
margin-top: 107px;
display: flex;
flex-direction: column;
.wrap1_1 {
display: flex;
align-items: center;
.wrap1_1_2 {
box-sizing: border-box;
width: 642px;
height: 347px;
border: 3px solid #54796f;
background-color: #fff;
border-left: none;
border-bottom-right-radius: 10px;
border-top-right-radius: 10px;
display: flex;
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;
}
.wrap1_1_2_1 {
display: flex;
align-items: center;
.wrap1_1_2_1_2 {
display: flex;
flex-direction: column;
.wrap1_1_2_1_2_2 {
width: 178px;
height: 20px;
img {
width: 178px;
height: 20px;
}
}
.wrap1_1_2_1_2_1 {
width: 140px;
height: 28px;
img {
width: 140px;
height: 28px;
}
}
}
.wrap1_1_2_1_1 {
margin-right: 25px;
img {
width: 40.88px;
height: 38.44px;
}
}
}
}
.wrap1_1_1 {
width: 385px;
height: 385px;
border-radius: 10px;
background-color: #54796f;
position: relative;
.wrap1_1_1_1 {
position: absolute;
bottom: 16px;
right: 17px;
img {
width: 378px;
height: 378px;
}
}
}
}
}
}
.content1 {
@ -37,8 +175,10 @@
position: relative;
.wrap2 {
right: 320px;
position: absolute;
display: flex;
bottom: -50px;
.wrap2_2 {
}