|
@@ -5,24 +5,24 @@
|
|
|
<div class="searchDate">
|
|
|
<div class="date startDate" @click="dateSection.status = true">
|
|
|
开始
|
|
|
- <span>{{ dateSection.showStartDate }}</span>
|
|
|
+ <span class="squrt">{{ dateSection.showStartDate }}</span>
|
|
|
</div>
|
|
|
-
|
|
|
<div class="date endDate" @click="dateEndSection.status = true">
|
|
|
结束
|
|
|
- <span>{{ dateEndSection.showEndDate }}</span>
|
|
|
+ <span class="squrt">{{ dateEndSection.showEndDate }}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- <div class="searchMore">
|
|
|
筛选<i class="arrowDown"></i>
|
|
|
</div>-->
|
|
|
- <van-dropdown-menu active-color="#01C1B5">
|
|
|
- <div class="susqurt">|</div>
|
|
|
+ <van-dropdown-menu>
|
|
|
+ <div class="susqurt">|</div>
|
|
|
<van-dropdown-item title="筛选" ref="item" v-model="search.status">
|
|
|
<div class="dropList">
|
|
|
<div class="dropItem">
|
|
|
<p class="dropTitle">课程类型</p>
|
|
|
- <div class="radioGroup" id='courseType'>
|
|
|
+ <div class="radioGroup" id="courseType">
|
|
|
<span
|
|
|
:class="search.type == 'PRACTICE' ? 'actived' : ''"
|
|
|
@click="search.type = 'PRACTICE'"
|
|
@@ -393,7 +393,6 @@ export default {
|
|
|
COMM: this.iconList.wIcon,
|
|
|
};
|
|
|
|
|
|
-
|
|
|
return obj[type] || this.iconList.vIcon;
|
|
|
},
|
|
|
},
|
|
@@ -423,7 +422,7 @@ export default {
|
|
|
margin-bottom: 0.12rem;
|
|
|
padding: 0.1rem 0.16rem;
|
|
|
align-items: center;
|
|
|
-
|
|
|
+ height: 50px;
|
|
|
.searchDate {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
@@ -436,16 +435,30 @@ export default {
|
|
|
margin-left: 0.05rem;
|
|
|
}
|
|
|
.date {
|
|
|
- background-color: #F5F5F5;
|
|
|
- padding: 0.02rem 0.06rem;
|
|
|
+ background-color: #f5f5f5;
|
|
|
+ padding: 0.02rem 0.15rem;
|
|
|
// border: 1px solid #e5e5e5;
|
|
|
- border-radius: .12rem;
|
|
|
+ border-radius: 0.12rem;
|
|
|
font-size: 0.14rem;
|
|
|
color: #999999;
|
|
|
+
|
|
|
span {
|
|
|
padding-left: 0.04rem;
|
|
|
font-size: 0.15rem;
|
|
|
color: #666666;
|
|
|
+ position: relative;
|
|
|
+ &::after {
|
|
|
+ position: absolute;
|
|
|
+ top: 50%;
|
|
|
+ right: -10px;
|
|
|
+ margin-top: -5px;
|
|
|
+ border: 3px solid;
|
|
|
+ border-color: transparent transparent @mColor @mColor;
|
|
|
+ -webkit-transform: rotate(-45deg);
|
|
|
+ transform: rotate(-45deg);
|
|
|
+ opacity: 0.8;
|
|
|
+ content: "";
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
}
|
|
@@ -457,8 +470,10 @@ export default {
|
|
|
/deep/.van-dropdown-menu__title {
|
|
|
font-size: 0.17rem;
|
|
|
color: #1a1a1a;
|
|
|
- line-height: inherit;
|
|
|
height: auto;
|
|
|
+ &::after{
|
|
|
+ border-color: transparent transparent @mColor @mColor;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
.btnGroup {
|
|
@@ -475,7 +490,7 @@ export default {
|
|
|
padding: 0.12rem 0;
|
|
|
}
|
|
|
.btn-reset {
|
|
|
- background-color: #EEEFF3;
|
|
|
+ background-color: #eeeff3;
|
|
|
color: @mColor;
|
|
|
}
|
|
|
.btn-sure {
|
|
@@ -509,7 +524,7 @@ export default {
|
|
|
padding: 0.08rem 0;
|
|
|
text-align: center;
|
|
|
border-radius: 2px;
|
|
|
- border: 1px solid #E2E0E0;
|
|
|
+ border: 1px solid #e2e0e0;
|
|
|
&.actived {
|
|
|
color: @mColor;
|
|
|
// background: url("../../assets/images/audition/icon_check.png")
|
|
@@ -553,7 +568,7 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
-/deep/.van-cell{
|
|
|
+/deep/.van-cell {
|
|
|
padding: 17px 16px;
|
|
|
}
|
|
|
/deep/.van-cell__title {
|
|
@@ -628,12 +643,10 @@ export default {
|
|
|
// color: @mColor;
|
|
|
// }
|
|
|
|
|
|
-
|
|
|
.susqurt {
|
|
|
position: absolute;
|
|
|
- color: #D3D3D3;
|
|
|
- left: -.1rem;
|
|
|
- top: .11rem;
|
|
|
+ color: #d3d3d3;
|
|
|
+ left: -5px;
|
|
|
+ top:11px;
|
|
|
}
|
|
|
-
|
|
|
</style>
|