|
|
|
|
@@ -1,6 +1,15 @@
|
|
|
|
|
<template>
|
|
|
|
|
<view data-component-name="diy-category" :class="['category-page-wrap', 'category-template-' + value.template]"
|
|
|
|
|
:style="{ height: 'calc(100vh - ' + tabBarHeight + ')' }">
|
|
|
|
|
<!-- 模板4: 顶部搜索框(图片样式) -->
|
|
|
|
|
<view class="search-box search-box-template-4" v-if="value.template == 4 && value.search"
|
|
|
|
|
@tap.stop="onClickSearch()">
|
|
|
|
|
<view class="search-content">
|
|
|
|
|
<input type="text" class="uni-input" maxlength="50" :placeholder="$lang('components-diy.diy-search.searchBtn')"
|
|
|
|
|
confirm-type="search" @tap.stop="onClickSearch()" disabled="true" />
|
|
|
|
|
<text class="iconfont icon-sousuo3"></text>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<!-- #ifdef MP-WEIXIN -->
|
|
|
|
|
<!-- <block v-if="value.template == 4">
|
|
|
|
|
<view class="search-box" v-if="value.search" @tap.stop="$util.redirectTo('/pages_tool/goods/search')" :style="navbarInnerStyle">
|
|
|
|
|
@@ -28,7 +37,7 @@
|
|
|
|
|
<!-- #endif -->
|
|
|
|
|
<!-- #ifdef H5 || MP-HARMONY -->
|
|
|
|
|
|
|
|
|
|
<view class="search-box" v-if="value.search" @tap.stop="onClickSearch()">
|
|
|
|
|
<view class="search-box" v-if="value.search && value.template != 4" @tap.stop="onClickSearch()">
|
|
|
|
|
<view class="search-content">
|
|
|
|
|
<input type="text" class="uni-input" maxlength="50" :placeholder="$lang('components-diy.diy-search.searchBtn')" confirm-type="search"
|
|
|
|
|
@tap.stop="onClickSearch()" disabled="true" />
|
|
|
|
|
@@ -95,12 +104,25 @@
|
|
|
|
|
<block v-if="categoryTree.length">
|
|
|
|
|
<scroll-view scroll-y="true" class="tree-wrap">
|
|
|
|
|
<view class="category-item-wrap">
|
|
|
|
|
<view class="category-item" v-for="(item, index) in categoryTree" :key="index" :class="[
|
|
|
|
|
{ select: select == index },
|
|
|
|
|
{ 'border-bottom': value.template == 4 && select + 1 === index },
|
|
|
|
|
{ 'border-top': value.template == 4 && select - 1 === index }
|
|
|
|
|
]" @tap.stop="switchOneCategory(index)">
|
|
|
|
|
<view class="">{{ item.category_name }}</view>
|
|
|
|
|
<!-- 模板4: 左侧显示一级分类(顶部轮播中的分类) -->
|
|
|
|
|
<view v-if="value.template == 4">
|
|
|
|
|
<view class="category-item" v-for="(item, index) in templateFourData" :key="'one-' + index" :class="[
|
|
|
|
|
{ select: oneCategorySelect == index },
|
|
|
|
|
{ 'border-bottom': oneCategorySelect + 1 === index },
|
|
|
|
|
{ 'border-top': oneCategorySelect - 1 === index }
|
|
|
|
|
]" @tap.stop="templateFourOneFn(index)">
|
|
|
|
|
<view class="">{{ item.category_name }}</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<!-- 其他模板: 左侧显示二级分类 -->
|
|
|
|
|
<view v-else>
|
|
|
|
|
<view class="category-item" v-for="(item, index) in categoryTree" :key="index" :class="[
|
|
|
|
|
{ select: select == index },
|
|
|
|
|
{ 'border-bottom': value.template == 4 && select + 1 === index },
|
|
|
|
|
{ 'border-top': value.template == 4 && select - 1 === index }
|
|
|
|
|
]" @tap.stop="switchOneCategory(index)">
|
|
|
|
|
<view class="">{{ item.category_name }}</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</scroll-view>
|
|
|
|
|
@@ -116,23 +138,36 @@
|
|
|
|
|
:lastSecondCategoryName="lastSecondCategoryName"
|
|
|
|
|
@tologin="toLogin" @selectsku="selectSku($event, 0)" @addCart="addCartPoint"
|
|
|
|
|
@saveSecondCategory="saveSecondCategoryName"></diy-category-item>
|
|
|
|
|
</scroll-view>
|
|
|
|
|
</scroll-view>
|
|
|
|
|
|
|
|
|
|
<scroll-view scroll-y="true" class="content-wrap" v-else-if="value.template == 1 || value.template == 99 || loadType == 'all'"
|
|
|
|
|
ref="contentWrap" :scroll-into-view="categoryId" :scroll-with-animation="true"
|
|
|
|
|
@scroll="listenScroll" @touchstart="touchStart" :refresher-enabled="true"
|
|
|
|
|
refresher-default-style="none" :refresher-triggered="triggered" @refresherrefresh="onRefresh"
|
|
|
|
|
@refresherrestore="onRestore">
|
|
|
|
|
<view class="child-category" v-for="(item, index) in categoryTree" :key="index"
|
|
|
|
|
:id="'category-' + index" :style="{ display: value.template == 99 && select != index ? 'none' : 'block' }">
|
|
|
|
|
<diy-category-item :category="item" :value="value" ref="categoryItem" :index="index"
|
|
|
|
|
:select="select" :oneCategorySelect="oneCategorySelect" :isList="isList"
|
|
|
|
|
:lastSecondCategoryName="value.template == 99 ? lastSecondCategoryName : ''"
|
|
|
|
|
@tologin="toLogin" @selectsku="selectSku($event, index)" @addCart="addCartPoint"
|
|
|
|
|
@loadfinish="getHeightArea" @saveSecondCategory="saveSecondCategoryName"></diy-category-item>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="end-tips" ref="endTips" :style="{ opacity: endTips }">{{ $lang('components-diy.diy-category.reachedBottom') }}</view>
|
|
|
|
|
</scroll-view>
|
|
|
|
|
<!-- 模板1: 仿京东/淘宝商品分类 - 按 template 2 的 part-load 逻辑, 切换一级分类时只渲染选中分类的子分类网格 -->
|
|
|
|
|
<scroll-view scroll-y="true" class="content-wrap" v-else-if="value.template == 1"
|
|
|
|
|
:refresher-enabled="true" refresher-default-style="none"
|
|
|
|
|
:refresher-triggered="triggered" @refresherrefresh="onRefresh" @refresherrestore="onRestore">
|
|
|
|
|
<view class="child-category-wrap" v-for="(item, index) in categoryTree" :key="index"
|
|
|
|
|
:id="'category-' + index" :style="{ display: select == index ? 'block' : 'none' }">
|
|
|
|
|
<diy-category-item :category="item" :value="value" ref="categoryItem" :index="index"
|
|
|
|
|
:select="select" :oneCategorySelect="oneCategorySelect" :isList="isList"
|
|
|
|
|
@tologin="toLogin" @selectsku="selectSku($event, index)" @addCart="addCartPoint"
|
|
|
|
|
@saveSecondCategory="saveSecondCategoryName"></diy-category-item>
|
|
|
|
|
</view>
|
|
|
|
|
</scroll-view>
|
|
|
|
|
|
|
|
|
|
<scroll-view scroll-y="true" class="content-wrap" v-else-if="value.template == 99 || loadType == 'all'"
|
|
|
|
|
ref="contentWrap" :scroll-into-view="categoryId" :scroll-with-animation="true"
|
|
|
|
|
@scroll="listenScroll" @touchstart="touchStart" :refresher-enabled="true"
|
|
|
|
|
refresher-default-style="none" :refresher-triggered="triggered" @refresherrefresh="onRefresh"
|
|
|
|
|
@refresherrestore="onRestore">
|
|
|
|
|
<view class="child-category" v-for="(item, index) in categoryTree" :key="index"
|
|
|
|
|
:id="'category-' + index" :style="{ display: value.template == 99 && select != index ? 'none' : 'block' }">
|
|
|
|
|
<diy-category-item :category="item" :value="value" ref="categoryItem" :index="index"
|
|
|
|
|
:select="select" :oneCategorySelect="oneCategorySelect" :isList="isList"
|
|
|
|
|
:lastSecondCategoryName="value.template == 99 ? lastSecondCategoryName : ''"
|
|
|
|
|
@tologin="toLogin" @selectsku="selectSku($event, index)" @addCart="addCartPoint"
|
|
|
|
|
@loadfinish="getHeightArea" @saveSecondCategory="saveSecondCategoryName"></diy-category-item>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="end-tips" ref="endTips" :style="{ opacity: endTips }">{{ $lang('components-diy.diy-category.reachedBottom') }}</view>
|
|
|
|
|
</scroll-view>
|
|
|
|
|
|
|
|
|
|
<view class="content-wrap"
|
|
|
|
|
v-if="(value.template == 2 || value.template == 3 || value.template == 4) && loadType == 'part'">
|
|
|
|
|
@@ -141,6 +176,7 @@
|
|
|
|
|
<diy-category-item :category="item" :value="value" ref="categoryItem" :index="index"
|
|
|
|
|
:last="index == categoryTree.length - 1 ? true : false" :select="select"
|
|
|
|
|
:oneCategorySelect="oneCategorySelect" :isList="isList" @tologin="toLogin"
|
|
|
|
|
:currentOneCategory="value.template == 4 && templateFourData[oneCategorySelect] ? templateFourData[oneCategorySelect] : null"
|
|
|
|
|
@selectsku="selectSku($event, index)" @addCart="addCartPoint"
|
|
|
|
|
@switch="switchOneCategory"></diy-category-item>
|
|
|
|
|
</view>
|
|
|
|
|
@@ -153,9 +189,12 @@
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
<!-- <view class="cart-box" v-if="(value.template == 2 || value.template == 4) && value.quickBuy && storeToken && categoryTree && categoryTree.length">
|
|
|
|
|
<!-- 模板4: 底部购物车栏 -->
|
|
|
|
|
<view class="cart-box cart-box-template-4"
|
|
|
|
|
v-if="value.template == 4 && value.quickBuy && storeToken && categoryTree && categoryTree.length">
|
|
|
|
|
<view class="left-wrap">
|
|
|
|
|
<view class="cart-icon" ref="cartIcon" :animation="cartAnimation" @tap.stop="$util.redirectTo('/pages_goods/cart')">
|
|
|
|
|
<view class="cart-icon" ref="cartIcon" :animation="cartAnimation"
|
|
|
|
|
@tap.stop="$util.redirectTo('/pages_goods/cart')">
|
|
|
|
|
<text class="iconfont icon-ziyuan1"></text>
|
|
|
|
|
<view class="num" v-if="cartNumber">{{ cartNumber < 99 ? cartNumber : '99+' }}</view>
|
|
|
|
|
</view>
|
|
|
|
|
@@ -166,9 +205,10 @@
|
|
|
|
|
<text class="unit font-size-tag price-font">.{{ cartTotalMoney[1] ? cartTotalMoney[1] : '00' }}</text>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="right-wrap"><button type="primary" class="settlement-btn" @tap.stop="settlement">去结算</button>
|
|
|
|
|
<view class="right-wrap"><button type="primary" class="settlement-btn"
|
|
|
|
|
@tap.stop="settlement">去结算</button>
|
|
|
|
|
</view>
|
|
|
|
|
</view> -->
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
<view class="cart-point" v-for="(item, index) in carIconList" :key="index"
|
|
|
|
|
:style="{ left: item.left + 'px', top: item.top + 'px' }"></view>
|
|
|
|
|
@@ -229,6 +269,10 @@ export default {
|
|
|
|
|
created() {
|
|
|
|
|
this.getCategoryTree();
|
|
|
|
|
this.loadType = this.value.goodsLevel == 1 && this.value.loadType == 'all' ? 'all' : 'part';
|
|
|
|
|
// 模板4: 默认单列列表布局(图片样式)
|
|
|
|
|
if (this.value.template == 4) {
|
|
|
|
|
this.isList = true;
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
mounted() {
|
|
|
|
|
query = uni.createSelectorQuery().in(this);
|
|
|
|
|
@@ -1016,6 +1060,137 @@ export default {
|
|
|
|
|
|
|
|
|
|
// 风格四
|
|
|
|
|
.category-template-4 {
|
|
|
|
|
// 模板4 顶部搜索框(图片样式)
|
|
|
|
|
.search-box-template-4 {
|
|
|
|
|
padding: 20rpx 30rpx 16rpx;
|
|
|
|
|
background: #fff;
|
|
|
|
|
|
|
|
|
|
.search-content {
|
|
|
|
|
height: 64rpx;
|
|
|
|
|
background-color: #f5f5f5;
|
|
|
|
|
border-radius: 40rpx;
|
|
|
|
|
|
|
|
|
|
input {
|
|
|
|
|
height: 64rpx;
|
|
|
|
|
line-height: 64rpx;
|
|
|
|
|
padding: 0 30rpx 0 30rpx;
|
|
|
|
|
background: #f5f5f5;
|
|
|
|
|
border-radius: 40rpx;
|
|
|
|
|
font-size: 26rpx;
|
|
|
|
|
color: #333;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.iconfont {
|
|
|
|
|
font-size: 32rpx;
|
|
|
|
|
color: #89899a;
|
|
|
|
|
width: 70rpx;
|
|
|
|
|
text-align: center;
|
|
|
|
|
right: 10rpx;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// 模板4 底部购物车栏(图片样式)
|
|
|
|
|
.cart-box-template-4 {
|
|
|
|
|
height: 110rpx;
|
|
|
|
|
padding: 0 30rpx;
|
|
|
|
|
background: #fff;
|
|
|
|
|
border-top: 1rpx solid #f0f0f0;
|
|
|
|
|
position: relative;
|
|
|
|
|
z-index: 10;
|
|
|
|
|
box-shadow: 0 -4rpx 12rpx rgba(0, 0, 0, 0.04);
|
|
|
|
|
|
|
|
|
|
.left-wrap {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.cart-icon {
|
|
|
|
|
width: 90rpx;
|
|
|
|
|
height: 90rpx;
|
|
|
|
|
position: relative;
|
|
|
|
|
margin-top: -10rpx;
|
|
|
|
|
|
|
|
|
|
.iconfont {
|
|
|
|
|
color: var(--btn-text-color, #fff);
|
|
|
|
|
width: 80rpx;
|
|
|
|
|
height: 80rpx;
|
|
|
|
|
background-color: $base-color;
|
|
|
|
|
border-radius: 50%;
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
font-size: 40rpx;
|
|
|
|
|
box-shadow: 0 4rpx 12rpx rgba(255, 107, 53, 0.35);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.num {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 0;
|
|
|
|
|
right: 0;
|
|
|
|
|
transform: translate(20%, 0);
|
|
|
|
|
display: inline-block;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
color: #fff;
|
|
|
|
|
line-height: 1.2;
|
|
|
|
|
text-align: center;
|
|
|
|
|
font-size: 24rpx;
|
|
|
|
|
padding: 0 8rpx;
|
|
|
|
|
min-width: 32rpx;
|
|
|
|
|
border-radius: 18rpx;
|
|
|
|
|
background-color: var(--price-color, #FF6B35);
|
|
|
|
|
border: 2rpx solid #fff;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.price {
|
|
|
|
|
margin-left: 16rpx;
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: baseline;
|
|
|
|
|
line-height: 1;
|
|
|
|
|
|
|
|
|
|
.title {
|
|
|
|
|
color: #333;
|
|
|
|
|
font-size: 28rpx;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.unit,
|
|
|
|
|
.money {
|
|
|
|
|
color: var(--price-color, #FF6B35);
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.unit {
|
|
|
|
|
font-size: 24rpx;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.money {
|
|
|
|
|
font-size: 36rpx;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.right-wrap {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.settlement-btn {
|
|
|
|
|
margin: 0;
|
|
|
|
|
width: 220rpx;
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
border-radius: 50rpx;
|
|
|
|
|
height: 80rpx;
|
|
|
|
|
line-height: 80rpx;
|
|
|
|
|
font-size: 30rpx;
|
|
|
|
|
background: $base-color;
|
|
|
|
|
color: var(--btn-text-color, #fff);
|
|
|
|
|
|
|
|
|
|
&::after {
|
|
|
|
|
border: none;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.search-box {
|
|
|
|
|
.search-content input {
|
|
|
|
|
background-color: #f1f1f1;
|
|
|
|
|
@@ -1243,6 +1418,125 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// ===================== 模板1 仿京东/淘宝商品分类样式 =====================
|
|
|
|
|
.category-template-1 {
|
|
|
|
|
.search-box {
|
|
|
|
|
padding: 20rpx 24rpx;
|
|
|
|
|
background: #fff;
|
|
|
|
|
|
|
|
|
|
.search-content {
|
|
|
|
|
background-color: #f5f5f5;
|
|
|
|
|
border-radius: 40rpx;
|
|
|
|
|
|
|
|
|
|
input {
|
|
|
|
|
background: #f5f5f5;
|
|
|
|
|
border-radius: 40rpx;
|
|
|
|
|
padding: 0 30rpx;
|
|
|
|
|
font-size: 26rpx;
|
|
|
|
|
color: #333;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.iconfont {
|
|
|
|
|
right: 16rpx;
|
|
|
|
|
color: #89899a;
|
|
|
|
|
font-size: 32rpx;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.content-box {
|
|
|
|
|
background: #fff;
|
|
|
|
|
|
|
|
|
|
.tree-wrap {
|
|
|
|
|
width: 170rpx;
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.right-flex-wrap {
|
|
|
|
|
background: #fff;
|
|
|
|
|
|
|
|
|
|
.content-wrap {
|
|
|
|
|
background: #fff;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// 穿透到子组件 diy-category-item: 调整 banner 横向内边距 + 分类网格容器为透明
|
|
|
|
|
::v-deep .category-adv {
|
|
|
|
|
padding: 0 20rpx;
|
|
|
|
|
margin-top: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
::v-deep .category-list {
|
|
|
|
|
margin: 0 20rpx;
|
|
|
|
|
border-radius: 0;
|
|
|
|
|
background: transparent;
|
|
|
|
|
padding: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
::v-deep .category-title-with-lines {
|
|
|
|
|
padding: 30rpx 0 20rpx;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// 穿透修复: 图片不需要灰色背景框,与目标图保持一致
|
|
|
|
|
::v-deep .img-box {
|
|
|
|
|
background: transparent !important;
|
|
|
|
|
border-radius: 0 !important;
|
|
|
|
|
width: 70% !important;
|
|
|
|
|
padding-bottom: 70% !important;
|
|
|
|
|
margin-bottom: 16rpx !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
::v-deep .img-box image {
|
|
|
|
|
width: 100% !important;
|
|
|
|
|
height: 100% !important;
|
|
|
|
|
left: 0 !important;
|
|
|
|
|
top: 0 !important;
|
|
|
|
|
transform: none !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// 左侧分类栏样式
|
|
|
|
|
.tree-wrap .category-item {
|
|
|
|
|
padding: 28rpx 16rpx;
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
border-radius: 0;
|
|
|
|
|
|
|
|
|
|
view {
|
|
|
|
|
color: #666;
|
|
|
|
|
font-size: 26rpx;
|
|
|
|
|
line-height: 1.3;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&.border-top,
|
|
|
|
|
&.border-bottom {
|
|
|
|
|
border-radius: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&.select {
|
|
|
|
|
background: #fff;
|
|
|
|
|
|
|
|
|
|
view {
|
|
|
|
|
color: var(--base-color, #FF6B35);
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
font-size: 28rpx;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&::before {
|
|
|
|
|
content: ' ';
|
|
|
|
|
width: 6rpx;
|
|
|
|
|
height: 32rpx;
|
|
|
|
|
background: var(--base-color, #FF6B35);
|
|
|
|
|
display: block;
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: 0;
|
|
|
|
|
top: 50%;
|
|
|
|
|
transform: translateY(-50%);
|
|
|
|
|
border-radius: 0 6rpx 6rpx 0;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// ===================== 模板99 商品分类样式 =====================
|
|
|
|
|
.category-template-99 {
|
|
|
|
|
.search-box {
|
|
|
|
|
@@ -1307,7 +1601,7 @@ export default {
|
|
|
|
|
background: #fff;
|
|
|
|
|
|
|
|
|
|
view {
|
|
|
|
|
color: #FF6B35;
|
|
|
|
|
color: #333;
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
font-size: 28rpx;
|
|
|
|
|
}
|
|
|
|
|
@@ -1316,7 +1610,7 @@ export default {
|
|
|
|
|
content: ' ';
|
|
|
|
|
width: 6rpx;
|
|
|
|
|
height: 36rpx;
|
|
|
|
|
background: #FF6B35;
|
|
|
|
|
background: #FF4646;
|
|
|
|
|
display: block;
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: 0;
|
|
|
|
|
@@ -1330,6 +1624,14 @@ export default {
|
|
|
|
|
.content-wrap {
|
|
|
|
|
background: #f5f5f5;
|
|
|
|
|
padding: 0;
|
|
|
|
|
// #ifdef H5
|
|
|
|
|
::-webkit-scrollbar {
|
|
|
|
|
display: none;
|
|
|
|
|
width: 0;
|
|
|
|
|
height: 0;
|
|
|
|
|
background: transparent;
|
|
|
|
|
}
|
|
|
|
|
// #endif
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.child-category {
|
|
|
|
|
|
