二级页面css
This commit is contained in:
@@ -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: '在线答题',
|
||||||
|
|||||||
@@ -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;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user