二级页面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

@@ -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;
}
}
}
}