|
|
@@ -7,46 +7,6 @@
|
|
|
<span>搜索你要的精彩</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <!-- <div class="swiperContent" ref="swiperContent">
|
|
|
- <swiper
|
|
|
- pagination
|
|
|
- :slides-per-view="5"
|
|
|
- :space-between="16"
|
|
|
- class="mySwiper"
|
|
|
- :autoplay="{ delay: 3500 }"
|
|
|
- v-if="settings.length > 0"
|
|
|
- >
|
|
|
- <swiper-slide class="setting" v-for="item in settings" :key="item.id">
|
|
|
- <van-image
|
|
|
- width="calc(20vw - 19.2px)"
|
|
|
- height="calc(20vw - 19.2px)"
|
|
|
- radius="8"
|
|
|
- :src="getImg(item.pic)"
|
|
|
- fit="cover"
|
|
|
- @click="showBanner(item.id)"
|
|
|
- />
|
|
|
- <div class="name">{{ item.name }}</div>
|
|
|
- </swiper-slide>
|
|
|
- </swiper>
|
|
|
- <div class="banner-box" :style="{ height: bannerHeight + 'px' }">
|
|
|
- <img src="../../assets/iocn-jiantou.png" :style="{ left: moreLeft + 'px' }" class="more" alt="" />
|
|
|
- <div class="banner-list" :style="{ maxHeight: maxBannerHeight + 'px' }">
|
|
|
- <div class="banner-item" v-for="item in banners" :key="item.id">
|
|
|
- <div class="setting" @click="goNext(item, '&source=TRANSFER')">
|
|
|
- <van-image
|
|
|
- width="calc(20vw - 19.2px)"
|
|
|
- height="calc(20vw - 19.2px)"
|
|
|
- radius="8"
|
|
|
- :src="getImg(item.pic)"
|
|
|
- fit="cover"
|
|
|
- />
|
|
|
- <div class="name">{{ item.name }}</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="banner-wrapper" v-if="showSetting" @touchstart="touchEvent"></div>
|
|
|
- </div> -->
|
|
|
<div class="classification_selection">
|
|
|
<van-tabs
|
|
|
v-model:active="sort"
|
|
|
@@ -72,6 +32,7 @@
|
|
|
</template>
|
|
|
</van-tab>
|
|
|
</van-tabs>
|
|
|
+ <van-checkbox @change="getData(true)" class="sala" v-model="salable">仅看在售</van-checkbox>
|
|
|
<!-- <div class="allCategories" @click="categorySelections">
|
|
|
<div class="allCategories_con" :class="categorySelection ? 'allCategories_con_one' : ''">
|
|
|
全部类目
|
|
|
@@ -620,6 +581,7 @@ export default {
|
|
|
border-top: 1px solid #272b2e;
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
+ position: relative;
|
|
|
.allCategories {
|
|
|
display: flex;
|
|
|
.allCategories_con {
|
|
|
@@ -640,6 +602,15 @@ export default {
|
|
|
padding-top: 3px;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+ .van-checkbox {
|
|
|
+ position: absolute;
|
|
|
+ right: 0;
|
|
|
+ top: 12px;
|
|
|
+ --van-checkbox-label-color: #fff;
|
|
|
+ --van-checkbox-size: 12px;
|
|
|
+ --van-checkbox-checked-icon-color: var(--prim);
|
|
|
+ }
|
|
|
}
|
|
|
.series_selection {
|
|
|
width: 100%;
|
|
|
@@ -680,7 +651,7 @@ export default {
|
|
|
bottom: 11px;
|
|
|
color: @text3!important;
|
|
|
min-width: 92px;
|
|
|
- font-size: 14px;
|
|
|
+ font-size: 12px;
|
|
|
background: #272b2e !important;
|
|
|
// .van-checkbox__icon {
|
|
|
// color: #fff;
|
