mirror of
http://git.coreshop.cn/jianweie/coreshoppro.git
synced 2026-03-24 20:37:20 +08:00
修复(scroll-view): 统一给scroll-view 添加enable-flex
This commit is contained in:
@@ -1,7 +1,8 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="core-tabs-box">
|
<view class="core-tabs-box">
|
||||||
<slot name="left"> </slot>
|
<slot name="left"> </slot>
|
||||||
<scroll-view :scroll-x="true" class="scroll-view" :scroll-left="state.scrollLeft" :scroll-with-animation="true">
|
<scroll-view :scroll-x="true" class="scroll-view" enable-flex :scroll-left="state.scrollLeft"
|
||||||
|
:scroll-with-animation="true">
|
||||||
<view v-for="item, index in props.list" :key="index"
|
<view v-for="item, index in props.list" :key="index"
|
||||||
:class="['tab-item-box', { 'on': index === state.current }]" @click="hanldeClickTab(item, index)">
|
:class="['tab-item-box', { 'on': index === state.current }]" @click="hanldeClickTab(item, index)">
|
||||||
{{ item[props.keyNname] }}
|
{{ item[props.keyNname] }}
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
// 不同的环境变量配置
|
// 不同的环境变量配置
|
||||||
const development = {
|
const development = {
|
||||||
requestBaseUrl: 'https://api.test.pro.coreshop.cn',
|
requestBaseUrl: 'https://api.pro.demo.corecms.cn',
|
||||||
appid: '',
|
appid: '',
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -3,7 +3,7 @@
|
|||||||
<!-- 头部大分类 -->
|
<!-- 头部大分类 -->
|
||||||
<view class="big-classify">
|
<view class="big-classify">
|
||||||
<view class="scroll-view-box">
|
<view class="scroll-view-box">
|
||||||
<scroll-view class="scroll-view" :scroll-x="true" :scroll-left="state.topScrollLeft"
|
<scroll-view class="scroll-view" enable-flex :scroll-x="true" :scroll-left="state.topScrollLeft"
|
||||||
:scroll-with-animation="true">
|
:scroll-with-animation="true">
|
||||||
<view :class="['item', { 'on': state.topTabId === item.id }]"
|
<view :class="['item', { 'on': state.topTabId === item.id }]"
|
||||||
v-for="item, index in state.classifyData" :key="index" @click="hanldeChangeTopTab(item, index)">
|
v-for="item, index in state.classifyData" :key="index" @click="hanldeChangeTopTab(item, index)">
|
||||||
@@ -24,7 +24,7 @@
|
|||||||
|
|
||||||
<view class="classify-box" :style="{ height: `${props.height - state.bigClassifyH}px` }">
|
<view class="classify-box" :style="{ height: `${props.height - state.bigClassifyH}px` }">
|
||||||
<view class="classify-left">
|
<view class="classify-left">
|
||||||
<scroll-view class="scroll-view" :scroll-y="true">
|
<scroll-view class="scroll-view" enable-flex :scroll-y="true">
|
||||||
<view :class="['item', { 'on': state.leftTabId === item.id }]"
|
<view :class="['item', { 'on': state.leftTabId === item.id }]"
|
||||||
v-for="item, index in state.leftTabList" :key="index" @click="hanldeChangeLeftTab(item)">
|
v-for="item, index in state.leftTabList" :key="index" @click="hanldeChangeLeftTab(item)">
|
||||||
{{ item.name }}
|
{{ item.name }}
|
||||||
@@ -39,7 +39,7 @@
|
|||||||
@hanldeClickTab="hanldeChangeRightTab"></coreshop-tabs>
|
@hanldeClickTab="hanldeChangeRightTab"></coreshop-tabs>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<scroll-view class="scroll-view"
|
<scroll-view class="scroll-view" enable-flex
|
||||||
:style="{ 'height': `${props.height - state.bigClassifyH - state.rightTabH}px` }" :scroll-y="true"
|
:style="{ 'height': `${props.height - state.bigClassifyH - state.rightTabH}px` }" :scroll-y="true"
|
||||||
@scrolltolower="handleScrolltolower">
|
@scrolltolower="handleScrolltolower">
|
||||||
<view class="advert-box radius-15 m-b-20">
|
<view class="advert-box radius-15 m-b-20">
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="classify-box" :style="{height: `${height}px`}">
|
<view class="classify-box" :style="{height: `${height}px`}">
|
||||||
<view class="classify-left">
|
<view class="classify-left">
|
||||||
<scroll-view class="scroll-view" :scroll-y="true">
|
<scroll-view class="scroll-view" enable-flex :scroll-y="true">
|
||||||
<view :class="['item', { 'on': state.leftTabId === item.id }]" v-for="item, index in props.data"
|
<view :class="['item', { 'on': state.leftTabId === item.id }]" v-for="item, index in props.data"
|
||||||
:key="index" @click="hanldeChangeLeftTab(item)">
|
:key="index" @click="hanldeChangeLeftTab(item)">
|
||||||
{{ item.name }}
|
{{ item.name }}
|
||||||
@@ -9,7 +9,7 @@
|
|||||||
</scroll-view>
|
</scroll-view>
|
||||||
</view>
|
</view>
|
||||||
<view class="classify-right">
|
<view class="classify-right">
|
||||||
<scroll-view class="scroll-view" :scroll-y="true">
|
<scroll-view class="scroll-view" enable-flex :scroll-y="true">
|
||||||
<view class="advert-box radius-15">
|
<view class="advert-box radius-15">
|
||||||
<coreshop-advert :code="advertPosition.goodsClassifyBanner"></coreshop-advert>
|
<coreshop-advert :code="advertPosition.goodsClassifyBanner"></coreshop-advert>
|
||||||
</view>
|
</view>
|
||||||
|
|||||||
@@ -6,7 +6,7 @@
|
|||||||
<coreshop-view-more @hanldeClickViewMore="hanldeClickViewMore"></coreshop-view-more>
|
<coreshop-view-more @hanldeClickViewMore="hanldeClickViewMore"></coreshop-view-more>
|
||||||
</view>
|
</view>
|
||||||
<view class="coupon-card-box">
|
<view class="coupon-card-box">
|
||||||
<scroll-view :scroll-x="true" class="scroll-box">
|
<scroll-view :scroll-x="true" enable-flex class="scroll-box">
|
||||||
<view class="card-box" v-for="item, index in props.data?.list?.slice(0, props.data.limit)"
|
<view class="card-box" v-for="item, index in props.data?.list?.slice(0, props.data.limit)"
|
||||||
:key="index">
|
:key="index">
|
||||||
<image class="coupon-bg" :src="handleStaticResources('/static/images/coupon-bg.jpg')"></image>
|
<image class="coupon-bg" :src="handleStaticResources('/static/images/coupon-bg.jpg')"></image>
|
||||||
|
|||||||
@@ -7,7 +7,7 @@
|
|||||||
<coreshop-view-more @hanldeClickViewMore="hanldeClickViewMore" color="#fff"
|
<coreshop-view-more @hanldeClickViewMore="hanldeClickViewMore" color="#fff"
|
||||||
:icon="handleStaticResources('/static/images/icon/icon-rigth-fff.png')" />
|
:icon="handleStaticResources('/static/images/icon/icon-rigth-fff.png')" />
|
||||||
</view>
|
</view>
|
||||||
<scroll-view :scroll-x="true" class="m-t-25 pintuan-box">
|
<scroll-view :scroll-x="true" enable-flex class="m-t-25 pintuan-box">
|
||||||
<view v-for="item, index in props.data.list" :key="index" class="card-box">
|
<view v-for="item, index in props.data.list" :key="index" class="card-box">
|
||||||
<coreshop-goods-card imgWidth="290rpx" imgHeight="290rpx" type="vertical"
|
<coreshop-goods-card imgWidth="290rpx" imgHeight="290rpx" type="vertical"
|
||||||
:goodsData="hanldeCombinationGoodsData(item)" @hanldeClickGoods="hanldeClickGoods">
|
:goodsData="hanldeCombinationGoodsData(item)" @hanldeClickGoods="hanldeClickGoods">
|
||||||
|
|||||||
@@ -8,7 +8,7 @@
|
|||||||
</map>
|
</map>
|
||||||
</view>
|
</view>
|
||||||
<view class="store-box">
|
<view class="store-box">
|
||||||
<scroll-view class="store-list" scroll-y>
|
<scroll-view class="store-list" enable-flex scroll-y>
|
||||||
<view class="item-box" v-for="item in state.storeList" :key="item.id">
|
<view class="item-box" v-for="item in state.storeList" :key="item.id">
|
||||||
<view class="img-box">
|
<view class="img-box">
|
||||||
<image class="img" :src="item.logoImage"></image>
|
<image class="img" :src="item.logoImage"></image>
|
||||||
|
|||||||
Reference in New Issue
Block a user