二级页面css

This commit is contained in:
liuye
2021-12-24 11:13:57 +08:00
parent 161611e871
commit 9377875ce7
2 changed files with 7 additions and 10 deletions

View File

@@ -15,17 +15,20 @@ export default {
{ {
name: '三会一课', name: '三会一课',
icon: require('./img/shyk.png'), icon: require('./img/shyk.png'),
url: '../party/AppThreeSessions/AppThreeSessions' url: '../party/AppThreeSessions/AppThreeSessions',
isBottom: true
}, },
{ {
name: '党建要闻', name: '党建要闻',
icon: require('./img/djyw.png'), icon: require('./img/djyw.png'),
url: '../AppServicePublic/AppServicePublic?moduleId=95f0f1c509e44d528069bc9f9dc19e53&listName=党建要闻' url: '../AppServicePublic/AppServicePublic?moduleId=95f0f1c509e44d528069bc9f9dc19e53&listName=党建要闻',
isBottom: true
}, },
{ {
name: '党员学习', name: '党员学习',
icon: require('./img/dyxx.png'), icon: require('./img/dyxx.png'),
url: '../party/AppPartyHistoryEducation/classroomList' url: '../party/AppPartyHistoryEducation/classroomList',
isBottom: true
}, },
{ {
name: '在线答题', name: '在线答题',

View File

@@ -6,7 +6,7 @@
<div class="content"> <div class="content">
<div class="title">{{label}}</div> <div class="title">{{label}}</div>
<div class="app-list"> <div class="app-list">
<div class="item" v-for="(item, index) in appList" :key="index" @click="linkTo(item.url)"> <div class="item" v-for="(item, index) in appList" :key="index" @click="linkTo(item.url)" :style="item.isBottom ? 'border-bottom: 1px solid #eee;' : ''">
<div class="icon" :style="`backgroundImage: url(${item.icon});`"></div> <div class="icon" :style="`backgroundImage: url(${item.icon});`"></div>
<p>{{item.name}}</p> <p>{{item.name}}</p>
</div> </div>
@@ -72,7 +72,6 @@ export default {
text-align: center; text-align: center;
padding-bottom: 38px; padding-bottom: 38px;
border-right: 1px solid #eee; border-right: 1px solid #eee;
border-top: 1px solid #eee;
width: calc(33% - 1px); width: calc(33% - 1px);
float: left; float: left;
.icon{ .icon{
@@ -94,11 +93,6 @@ export default {
.item:nth-of-type(3n) { .item:nth-of-type(3n) {
border-right: 0; border-right: 0;
} }
.item:nth-child(1),
.item:nth-child(2),
.item:nth-child(3) {
border-top: 0;
}
} }
} }
} }