|
@@ -1,12 +1,41 @@
|
|
|
<template>
|
|
<template>
|
|
|
<div class="follow">
|
|
<div class="follow">
|
|
|
- <div ref="top" class="list-top" :style="{ top: barShow ? barHeight + 'px' : 0 }">
|
|
|
|
|
|
|
+ <div ref="top" class="list-top">
|
|
|
<div class="top">
|
|
<div class="top">
|
|
|
<div class="search" @click="$router.push('/' + this.$route.params.companyId + '/productSearch')">
|
|
<div class="search" @click="$router.push('/' + this.$route.params.companyId + '/productSearch')">
|
|
|
<img src="@assets/icon-sosuo.png" alt="" />
|
|
<img src="@assets/icon-sosuo.png" alt="" />
|
|
|
<span>搜索你要的精彩</span>
|
|
<span>搜索你要的精彩</span>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
+
|
|
|
|
|
+ <!-- <van-checkbox v-if="source == 'TRANSFER' && !title" @change="getData(true)" class="sala" v-model="salable"
|
|
|
|
|
+ >仅看在售</van-checkbox
|
|
|
|
|
+ > -->
|
|
|
|
|
+ <!-- <van-button
|
|
|
|
|
+ @click="changeSort"
|
|
|
|
|
+ v-if="source == 'TRANSFER' && !title"
|
|
|
|
|
+ class="sala"
|
|
|
|
|
+ color="#F5F7FA"
|
|
|
|
|
+ type="primary"
|
|
|
|
|
+ size="mini"
|
|
|
|
|
+ icon="arrow-down"
|
|
|
|
|
+ icon-position="right"
|
|
|
|
|
+ round
|
|
|
|
|
+ >{{ salable ? '在售中' : salable === false ? '仅展示' : '综合排序' }}</van-button
|
|
|
|
|
+ > -->
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div
|
|
|
|
|
+ class="swiper"
|
|
|
|
|
+ @click="
|
|
|
|
|
+ $router.push({
|
|
|
|
|
+ path: '/' + $route.params.companyId + '/activityList'
|
|
|
|
|
+ })
|
|
|
|
|
+ "
|
|
|
|
|
+ >
|
|
|
|
|
+ <img src="@assets/zhuzao.png" alt="" />
|
|
|
|
|
+ </div>
|
|
|
|
|
+
|
|
|
|
|
+ <van-sticky :offset-top="50">
|
|
|
<div class="classification_selection">
|
|
<div class="classification_selection">
|
|
|
<van-tabs
|
|
<van-tabs
|
|
|
v-model:active="sort"
|
|
v-model:active="sort"
|
|
@@ -46,64 +75,7 @@
|
|
|
<img src="@assets/icon-quanbuleimuone@3x.png" alt="" class="allCategories_img" v-else />
|
|
<img src="@assets/icon-quanbuleimuone@3x.png" alt="" class="allCategories_img" v-else />
|
|
|
</div> -->
|
|
</div> -->
|
|
|
</div>
|
|
</div>
|
|
|
- <div class="series_selection" v-if="categorySelection == true">
|
|
|
|
|
- <div
|
|
|
|
|
- class="series_selection_con"
|
|
|
|
|
- :class="[
|
|
|
|
|
- selectCategoryOne ? 'series_selection_cons' : '',
|
|
|
|
|
- activeSettingIndex === index ? 'active' : ''
|
|
|
|
|
- ]"
|
|
|
|
|
- ref="zombie"
|
|
|
|
|
- v-for="(item, index) in settings"
|
|
|
|
|
- :key="item.id"
|
|
|
|
|
- @click="showBanner(item.id, index)"
|
|
|
|
|
- :style="{ order: 2 * Math.ceil((index + 1) / 2) - 1 }"
|
|
|
|
|
- >
|
|
|
|
|
- {{ item.name }}
|
|
|
|
|
- </div>
|
|
|
|
|
- <div
|
|
|
|
|
- class="banner-box"
|
|
|
|
|
- :style="{ height: bannerHeight + 'px', order: 2 * Math.ceil((activeSettingIndex + 1) / 2) }"
|
|
|
|
|
- >
|
|
|
|
|
- <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, index) in banners"
|
|
|
|
|
- :key="item.id"
|
|
|
|
|
- :class="activeSettingIndexOne === index ? 'actives' : ''"
|
|
|
|
|
- @click="goNextOne(item, '&source=TRANSFER', index)"
|
|
|
|
|
- >
|
|
|
|
|
- {{ item.name }}
|
|
|
|
|
- <!-- <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 class="banner-wrapper" v-if="showSetting" @touchstart="touchEvent"></div> -->
|
|
|
|
|
- </div>
|
|
|
|
|
- <!-- <van-checkbox v-if="source == 'TRANSFER' && !title" @change="getData(true)" class="sala" v-model="salable"
|
|
|
|
|
- >仅看在售</van-checkbox
|
|
|
|
|
- > -->
|
|
|
|
|
- <!-- <van-button
|
|
|
|
|
- @click="changeSort"
|
|
|
|
|
- v-if="source == 'TRANSFER' && !title"
|
|
|
|
|
- class="sala"
|
|
|
|
|
- color="#F5F7FA"
|
|
|
|
|
- type="primary"
|
|
|
|
|
- size="mini"
|
|
|
|
|
- icon="arrow-down"
|
|
|
|
|
- icon-position="right"
|
|
|
|
|
- round
|
|
|
|
|
- >{{ salable ? '在售中' : salable === false ? '仅展示' : '综合排序' }}</van-button
|
|
|
|
|
- > -->
|
|
|
|
|
- </div>
|
|
|
|
|
|
|
+ </van-sticky>
|
|
|
<!-- <van-action-sheet
|
|
<!-- <van-action-sheet
|
|
|
v-model:show="showAction"
|
|
v-model:show="showAction"
|
|
|
@select="selectAction"
|
|
@select="selectAction"
|
|
@@ -570,48 +542,48 @@ export default {
|
|
|
.van-tabs {
|
|
.van-tabs {
|
|
|
background-color: #222426;
|
|
background-color: #222426;
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
-.list-top {
|
|
|
|
|
|
|
+.classification_selection {
|
|
|
|
|
+ height: 50px;
|
|
|
|
|
+ padding: 13px 16px;
|
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
|
+ background: #222426;
|
|
|
|
|
+ border-top: 1px solid #272b2e;
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ justify-content: space-between;
|
|
|
position: relative;
|
|
position: relative;
|
|
|
- .classification_selection {
|
|
|
|
|
- height: 50px;
|
|
|
|
|
- padding: 13px 16px;
|
|
|
|
|
- box-sizing: border-box;
|
|
|
|
|
- background: #222426;
|
|
|
|
|
- border-top: 1px solid #272b2e;
|
|
|
|
|
|
|
+ .allCategories {
|
|
|
display: flex;
|
|
display: flex;
|
|
|
- justify-content: space-between;
|
|
|
|
|
- position: relative;
|
|
|
|
|
- .allCategories {
|
|
|
|
|
- display: flex;
|
|
|
|
|
- .allCategories_con {
|
|
|
|
|
- font-size: 14px;
|
|
|
|
|
- font-family: PingFangSC-Regular, PingFang SC;
|
|
|
|
|
- font-weight: 400;
|
|
|
|
|
- color: #939599;
|
|
|
|
|
- line-height: 24px;
|
|
|
|
|
- }
|
|
|
|
|
- .allCategories_con_one {
|
|
|
|
|
- font-weight: bold;
|
|
|
|
|
- color: #43ce00;
|
|
|
|
|
- }
|
|
|
|
|
- .allCategories_img {
|
|
|
|
|
- width: 18px;
|
|
|
|
|
- height: 18px;
|
|
|
|
|
- margin-left: 2px;
|
|
|
|
|
- padding-top: 3px;
|
|
|
|
|
- }
|
|
|
|
|
|
|
+ .allCategories_con {
|
|
|
|
|
+ font-size: 14px;
|
|
|
|
|
+ font-family: PingFangSC-Regular, PingFang SC;
|
|
|
|
|
+ font-weight: 400;
|
|
|
|
|
+ color: #939599;
|
|
|
|
|
+ line-height: 24px;
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
- .van-checkbox {
|
|
|
|
|
- position: absolute;
|
|
|
|
|
- right: 0;
|
|
|
|
|
- top: 12px;
|
|
|
|
|
- --van-checkbox-label-color: #fff;
|
|
|
|
|
- --van-checkbox-size: 12px;
|
|
|
|
|
- --van-checkbox-checked-icon-color: var(--prim);
|
|
|
|
|
|
|
+ .allCategories_con_one {
|
|
|
|
|
+ font-weight: bold;
|
|
|
|
|
+ color: #43ce00;
|
|
|
|
|
+ }
|
|
|
|
|
+ .allCategories_img {
|
|
|
|
|
+ width: 18px;
|
|
|
|
|
+ height: 18px;
|
|
|
|
|
+ margin-left: 2px;
|
|
|
|
|
+ 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);
|
|
|
|
|
+ }
|
|
|
|
|
+}
|
|
|
|
|
+.list-top {
|
|
|
|
|
+ position: relative;
|
|
|
|
|
+
|
|
|
.series_selection {
|
|
.series_selection {
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
margin-top: -1px;
|
|
margin-top: -1px;
|
|
@@ -789,4 +761,13 @@ export default {
|
|
|
/deep/ .van-overlay {
|
|
/deep/ .van-overlay {
|
|
|
z-index: 6;
|
|
z-index: 6;
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
|
|
+.swiper {
|
|
|
|
|
+ padding: 10px 16px;
|
|
|
|
|
+ img {
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ height: auto;
|
|
|
|
|
+ display: block;
|
|
|
|
|
+ }
|
|
|
|
|
+}
|
|
|
</style>
|
|
</style>
|