30112
This commit is contained in:
@@ -28,9 +28,7 @@
|
|||||||
</div>
|
</div>
|
||||||
-->
|
-->
|
||||||
<div class="type-content">
|
<div class="type-content">
|
||||||
<p class="title">选择标签</p>
|
<div class="type-list" v-for="(item, index) in tagList" :key="index">
|
||||||
<div class="type-list">
|
|
||||||
<div v-for="(item, index) in tagList" :key="index">
|
|
||||||
<p>{{item.name}}</p>
|
<p>{{item.name}}</p>
|
||||||
<div class="list">
|
<div class="list">
|
||||||
<div class="item" :class="items.isCheck ? 'active' : ''" v-for="(items, indexs) in item.tagList" :key="indexs" @click="typeClick(index, indexs)">{{items.name}}</div>
|
<div class="item" :class="items.isCheck ? 'active' : ''" v-for="(items, indexs) in item.tagList" :key="indexs" @click="typeClick(index, indexs)">{{items.name}}</div>
|
||||||
@@ -38,7 +36,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
<div class="bg-144"></div>
|
<div class="bg-144"></div>
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
<div class="confirm" @click="confirm">确定</div>
|
<div class="confirm" @click="confirm">确定</div>
|
||||||
@@ -158,12 +155,13 @@ export default {
|
|||||||
margin-bottom: 24px;
|
margin-bottom: 24px;
|
||||||
}
|
}
|
||||||
.type-content{
|
.type-content{
|
||||||
padding: 34px 32px;
|
|
||||||
background-color: #fff;
|
|
||||||
}
|
}
|
||||||
.type-list{
|
.type-list{
|
||||||
padding-left: 16px;
|
padding-left: 16px;
|
||||||
margin-top: 32px;
|
margin-bottom: 16px;
|
||||||
|
padding: 34px 32px 32px;
|
||||||
|
background-color: #fff;
|
||||||
p{
|
p{
|
||||||
line-height: 44px;
|
line-height: 44px;
|
||||||
margin-bottom: 24px;
|
margin-bottom: 24px;
|
||||||
@@ -172,20 +170,19 @@ export default {
|
|||||||
}
|
}
|
||||||
.list{
|
.list{
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
margin-bottom: 32px;
|
|
||||||
.item{
|
.item{
|
||||||
padding: 0 32px;
|
padding: 12px 32px;
|
||||||
line-height: 56px;
|
|
||||||
float: left;
|
float: left;
|
||||||
text-align: center;
|
font-size: 28px;
|
||||||
border-radius: 28px;
|
font-family: PingFangSC-Regular, PingFang SC;
|
||||||
border: 1px solid #ddd;
|
color: #333;
|
||||||
|
line-height: 40px;
|
||||||
|
background-color: #F3F4F7;
|
||||||
|
border-radius: 4px;
|
||||||
margin: 0 16px 16px 0;
|
margin: 0 16px 16px 0;
|
||||||
font-size: 30px;
|
|
||||||
}
|
}
|
||||||
.active{
|
.active{
|
||||||
background-color: #3192F4;
|
background-color: #3192F4;
|
||||||
border: 1px solid #3192F4;
|
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user