二级页面css
This commit is contained in:
@@ -15,17 +15,20 @@ export default {
|
||||
{
|
||||
name: '三会一课',
|
||||
icon: require('./img/shyk.png'),
|
||||
url: '../party/AppThreeSessions/AppThreeSessions'
|
||||
url: '../party/AppThreeSessions/AppThreeSessions',
|
||||
isBottom: true
|
||||
},
|
||||
{
|
||||
name: '党建要闻',
|
||||
icon: require('./img/djyw.png'),
|
||||
url: '../AppServicePublic/AppServicePublic?moduleId=95f0f1c509e44d528069bc9f9dc19e53&listName=党建要闻'
|
||||
url: '../AppServicePublic/AppServicePublic?moduleId=95f0f1c509e44d528069bc9f9dc19e53&listName=党建要闻',
|
||||
isBottom: true
|
||||
},
|
||||
{
|
||||
name: '党员学习',
|
||||
icon: require('./img/dyxx.png'),
|
||||
url: '../party/AppPartyHistoryEducation/classroomList'
|
||||
url: '../party/AppPartyHistoryEducation/classroomList',
|
||||
isBottom: true
|
||||
},
|
||||
{
|
||||
name: '在线答题',
|
||||
|
||||
@@ -6,7 +6,7 @@
|
||||
<div class="content">
|
||||
<div class="title">{{label}}</div>
|
||||
<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>
|
||||
<p>{{item.name}}</p>
|
||||
</div>
|
||||
@@ -72,7 +72,6 @@ export default {
|
||||
text-align: center;
|
||||
padding-bottom: 38px;
|
||||
border-right: 1px solid #eee;
|
||||
border-top: 1px solid #eee;
|
||||
width: calc(33% - 1px);
|
||||
float: left;
|
||||
.icon{
|
||||
@@ -94,11 +93,6 @@ export default {
|
||||
.item:nth-of-type(3n) {
|
||||
border-right: 0;
|
||||
}
|
||||
.item:nth-child(1),
|
||||
.item:nth-child(2),
|
||||
.item:nth-child(3) {
|
||||
border-top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user