This commit is contained in:
姚宇浩 2024-04-15 09:49:39 +08:00
parent 5940e633b7
commit fed53bbdae
10 changed files with 39 additions and 12 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 104 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

BIN
src/assets/images/tkjz.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 109 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

BIN
src/assets/images/ylbx.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 100 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 28 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 23 KiB

View File

@ -2,20 +2,23 @@
<div class="module"> <div class="module">
<div class="displayFlex"> <div class="displayFlex">
<div class="flex1"> <div class="flex1">
<div class="yd_title"> <div class="yd_title left_1">
<span class="text">助乡兴趣点</span> <span class="text">
<img src="@/assets/images/ylbx_1.png" style="width: 130px; height: 30px"/>
<img src="@/assets/images/ylbx_2.png" style="width: 130px; height: 30px"/>
</span>
</div> </div>
<ePie></ePie> <ePie></ePie>
</div> </div>
<div class="flex1"> <div class="flex1">
<div class="yd_title"> <div class="yd_title left_2">
<span class="text">基本信息</span> <!-- <span class="text">基本信息</span> -->
</div> </div>
<eP2></eP2> <eP2></eP2>
</div> </div>
<div class="flex1"> <div class="flex1">
<div class="yd_title"> <div class="yd_title left_3">
<span class="text">基本信息</span> <!-- <span class="text">基本信息</span> -->
</div> </div>
<eP3></eP3> <eP3></eP3>
</div> </div>
@ -104,7 +107,7 @@ import ePie3d from "./echarts/pie3d.vue";
} }
.flex1 { .flex1 {
flex: 1; flex: 1;
padding: 0 38px; padding: 0 28px;
box-sizing: border-box; box-sizing: border-box;
} }
.module { .module {
@ -112,24 +115,48 @@ import ePie3d from "./echarts/pie3d.vue";
} }
.yd_title { .yd_title {
background-image: url(@/assets/img_04.png); // background-image: url(@/assets/img_04.png);
background-repeat: no-repeat; // background-repeat: no-repeat;
background-size: 100% 100%; // background-size: 100% 100%;
box-sizing: border-box; box-sizing: border-box;
width: 100%; width: 100%;
height: 36px; height: 36px;
position: relative; position: relative;
.text { .text {
display: flex;
position: absolute;
font-size: 16px; font-size: 16px;
font-family: SourceHanSansCN; font-family: SourceHanSansCN;
font-weight: bold; font-weight: bold;
color: #ffffff; color: #ffffff;
position: absolute; position: absolute;
left: 33px; right: 33px;
top: 3px; top: 3px;
} }
} }
.left_1 {
background-image: url(@/assets/images/ylbx.png);
background-repeat: no-repeat;
background-size: 100% 100%;
}
.left_2 {
background-image: url(@/assets/images/gllrbt.png);
background-repeat: no-repeat;
background-size: 100% 100%;
}
.left_3 {
background-image: url(@/assets/images/tkjz.png);
background-repeat: no-repeat;
background-size: 100% 100%;
}
.text_1_left{
// background-image: url(@/assets/images/ylbx_1.png);
// background-repeat: no-repeat;
// background-size: 100% 100%;
width: 100px;
height: 50px;
}
.basicInformation { .basicInformation {
display: flex; display: flex;
flex-direction: row; flex-direction: row;