ewide/zsxt_nbzs_h5
22
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

update:修改首页样式

Browse Source
This commit is contained in:
自带大佬气场
2021-09-14 11:44:16 +08:00
parent 5e22bdcd00
commit 65128318a6
5 changed files with 38 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
FrontCode2/sunshine_levy/src/views/home.css
View File

@@ -65,9 +65,10 @@
.gridBg {
display: flex;
overflow: hidden;
align-items: center;
justify-content: space-around;
height: 114px;
height: 120px;
border-radius: 3px;
background: rgba(255, 255, 255, .28);
@@ -154,6 +155,9 @@
background: #fff;
box-shadow: 0 2px 6px 1px rgba(212, 212, 212, .5);
}
.projectCenterBox {
padding: 8px 0;
}
.projectCenterInfo {
display: flex;
align-items: center;

58
FrontCode2/sunshine_levy/src/views/index.vue
View File

@@ -51,38 +51,46 @@
</div>
</div>
<div class="projectCenter centerMagin">
<div class="projectCenterInfo">
<div class="projectCenterBox">
<div class="projectCenterInfo">
<van-image
:src="require('@/assets/img/project_area.png')"
class="projectCenterImg"
/>
<span class="projectCenterFont">项目所在区域：</span>
<span class="projectCenterFont">{{ item.area }}</span>
<div class="projectCenterInfo">
<van-image
:src="require('@/assets/img/project_area.png')"
class="projectCenterImg"
/>
<span class="projectCenterFont">项目所在区域：</span>
<span class="projectCenterFont">{{ item.area }}</span>
</div>
</div>
</div>
<div class="projectCenterInfo">
<div class="projectCenterInfo">
<van-image :src="require('@/assets/img/project_dep.png')" class="projectCenterImg" />
<span class="projectCenterFont">征收部门：</span>
<span class="projectCenterFont">{{ item.zsbm }}</span>
<div class="projectCenterInfo">
<van-image
:src="require('@/assets/img/project_dep.png')"
class="projectCenterImg"
/>
<span class="projectCenterFont">征收部门：</span>
<span class="projectCenterFont">{{ item.zsbm }}</span>
</div>
</div>
</div>
<div class="projectCenterInfo">
<div class="projectCenterInfo">
<van-image
:src="require('@/assets/img/project_year.png')"
class="projectCenterImg"
/>
<span class="projectCenterFont">所属年份：</span>
<span class="projectCenterFont">{{ item.year }}</span>
<div class="projectCenterInfo">
<van-image
:src="require('@/assets/img/project_year.png')"
class="projectCenterImg"
/>
<span class="projectCenterFont">所属年份：</span>
<span class="projectCenterFont">{{ item.year }}</span>
</div>
</div>
</div>
<div class="projectCenterInfo">
<div class="projectCenterInfo">
<van-image :src="require('@/assets/img/project_no.png')" class="projectCenterImg" />
<span class="projectCenterFont">征收决定号：</span>
<span class="projectCenterFont" style="color: #3883f1">{{ item.zsjdh }}</span>
<div class="projectCenterInfo">
<van-image
:src="require('@/assets/img/project_no.png')"
class="projectCenterImg"
/>
<span class="projectCenterFont">征收决定号：</span>
<span class="projectCenterFont" style="color: #3883f1">{{ item.zsjdh }}</span>
</div>
</div>
</div>
<div class="centerMagin">