修改需求,添加购物车数量
parent
188f750313
commit
b5a449765e
|
@ -84,3 +84,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.specActive{border: 2rpx solid #f37617;color: #FFFFFF;background-color: #f37617;}
|
.specActive{border: 2rpx solid #f37617;color: #FFFFFF;background-color: #f37617;}
|
||||||
|
|
||||||
|
.cart-box{width: 79rpx;height: 79rpx;right: 20rpx;bottom: 160rpx;}
|
||||||
|
.cart-box image{width: 79rpx;height: 79rpx;}
|
||||||
|
.cart-box view{background-color: #e42417;box-shadow: 0 0 6rpx rgba(0, 0, 0, .2);position: absolute;top: -10rpx;right: -10rpx; z-index: 10;height: 40rpx;width: 40rpx;border-radius: 100%;}
|
||||||
|
|
|
@ -38,9 +38,9 @@
|
||||||
<view class="fon20" style="color: #bbb4b3;" @tap="goMore(0)">更多+</view>
|
<view class="fon20" style="color: #bbb4b3;" @tap="goMore(0)">更多+</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="radius8 bacf pad10 boxshow1 mar-x30" v-for="(item,index) in videoList" :key="index">
|
<view class="radius8 bacf pad10 boxshow1 mar-x30" v-for="(item,index) in videoList" :key="index">
|
||||||
<view @tap="palyVideo(index)" class="posir disjcac">
|
<view class="posir disjcac">
|
||||||
<image :src="item.cover" style="height: 388rpx;" mode="aspectFill" class="width100" lazy-load></image>
|
<image :src="item.cover" style="height: 388rpx;" mode="aspectFill" class="width100" lazy-load></image>
|
||||||
<image class="posia" src="/static/tabbar/icon-play.png" mode="" style="width: 70rpx;height: 70rpx;" lazy-load></image>
|
<image v-if="item.src.includes('.mp4')" @tap="palyVideo(index)" class="posia" src="/static/tabbar/icon-play.png" mode="" style="width: 70rpx;height: 70rpx;" lazy-load></image>
|
||||||
</view>
|
</view>
|
||||||
<view class="fon24 pad-sx16 disjcac" style="color: #262626;">
|
<view class="fon24 pad-sx16 disjcac" style="color: #262626;">
|
||||||
<view class="clips2">{{item.title}}</view>
|
<view class="clips2">{{item.title}}</view>
|
||||||
|
|
|
@ -14,7 +14,10 @@
|
||||||
</view>
|
</view>
|
||||||
</status-container>
|
</status-container>
|
||||||
<!-- 购物车图标 -->
|
<!-- 购物车图标 -->
|
||||||
<image @tap="goCart" class="posi" src="/static/tabbar/icon-cart.png" mode="" lazy-load style="width: 79rpx;height: 79rpx;right: 20rpx;bottom: 160rpx;"></image>
|
<view class="posi cart-box">
|
||||||
|
<image @tap="goCart" class="" src="/static/tabbar/icon-cart.png" mode="" lazy-load></image>
|
||||||
|
<view class="colf fon24 disjcac">{{cartNum}}</view>
|
||||||
|
</view>
|
||||||
<!-- 底部tab -->
|
<!-- 底部tab -->
|
||||||
<foot-tab current="1"></foot-tab>
|
<foot-tab current="1"></foot-tab>
|
||||||
</view>
|
</view>
|
||||||
|
|
|
@ -14,9 +14,9 @@
|
||||||
</view>
|
</view>
|
||||||
<view class="pad-zy20">
|
<view class="pad-zy20">
|
||||||
<view class="radius8 bacf pad10 boxshow1 mar-s30" v-for="(item,index) in dataList" :key="index">
|
<view class="radius8 bacf pad10 boxshow1 mar-s30" v-for="(item,index) in dataList" :key="index">
|
||||||
<view @tap="palyVideo(index)" class="posir disjcac">
|
<view class="posir disjcac">
|
||||||
<image :src="item.cover" style="height: 388rpx;" mode="aspectFill" class="width100 animated fadeIn" lazy-load></image>
|
<image :src="item.cover" style="height: 388rpx;" mode="aspectFill" class="width100 animated fadeIn" lazy-load></image>
|
||||||
<image class="posia" src="/static/tabbar/icon-play.png" mode="" style="width: 70rpx;height: 70rpx;" lazy-load></image>
|
<image v-if="item.src.includes('.mp4')" @tap="palyVideo(index)" class="posia" src="/static/tabbar/icon-play.png" mode="" style="width: 70rpx;height: 70rpx;" lazy-load></image>
|
||||||
</view>
|
</view>
|
||||||
<view class="pad-zy10">
|
<view class="pad-zy10">
|
||||||
<view class="fon24 pad-sx16 clips2" style="color: #262626;">{{item.title}}</view>
|
<view class="fon24 pad-sx16 clips2" style="color: #262626;">{{item.title}}</view>
|
||||||
|
|
|
@ -5,11 +5,13 @@
|
||||||
<view @tap="chooseAddress(item)" class="bacf pad-x30 pad-zy20" v-for="(item,index) in addressList" :key="index">
|
<view @tap="chooseAddress(item)" class="bacf pad-x30 pad-zy20" v-for="(item,index) in addressList" :key="index">
|
||||||
<view class="pad-sx30 pad-zy20 disjbac bbot">
|
<view class="pad-sx30 pad-zy20 disjbac bbot">
|
||||||
<view class="fon22 col26">
|
<view class="fon22 col26">
|
||||||
<view class="" style="color: #676767;">{{item.province_str}}{{item.city_str}}{{item.county_str}}</view>
|
<view class="" style="color: #676767;">{{item.province_str}}{{item.city_str}}{{item.county_str}} <span v-if="item.is_default" class="colf radius4 pad-sx2 pad-zy6 mar-z10 fon22" style="background-color: #f37717;">默认</span></view>
|
||||||
<view class="mar-sx10">{{item.address}}</view>
|
<view class="mar-sx10">{{item.address}}</view>
|
||||||
<view class="">{{item.name}} {{$toolAll.tools.hideMPhone(item.phone)}}</view>
|
<view class="">{{item.name}} {{$toolAll.tools.hideMPhone(item.phone)}}</view>
|
||||||
</view>
|
</view>
|
||||||
<image class="flexs" @tap.stop="$toolAll.tools.goPage(`/pagesB/add-address/add-address?id=${item.id}`)" src="/static/tabbar/icon-edit.png" mode="aspectFill" style="width: 32rpx;height: 34rpx;"></image>
|
<view class="disjcac" style="width: 80rpx;height: 80rpx;margin-right: -30rpx;" @tap.stop="$toolAll.tools.goPage(`/pagesB/add-address/add-address?id=${item.id}`)">
|
||||||
|
<image class="flexs" src="/static/tabbar/icon-edit.png" mode="aspectFill" style="width: 32rpx;height: 34rpx;"></image>
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="" v-if="!addressList.length">
|
<view class="" v-if="!addressList.length">
|
||||||
|
|
|
@ -13,7 +13,7 @@
|
||||||
</view>
|
</view>
|
||||||
<view class="disjbac pad-sx20 pad-zy10">
|
<view class="disjbac pad-sx20 pad-zy10">
|
||||||
<view class="fon22 col26">推广获取积分</view>
|
<view class="fon22 col26">推广获取积分</view>
|
||||||
<view class="fon26 bold col-e42417" v-if="scoreInfo">{{scoreInfo}}</view>
|
<view class="fon26 bold col-e42417">{{scoreInfo || 0}}</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="mar-s30 pad-zy20 bacf boxshow2">
|
<view class="mar-s30 pad-zy20 bacf boxshow2">
|
||||||
|
|
|
@ -4,10 +4,10 @@
|
||||||
<view slot="content">
|
<view slot="content">
|
||||||
<view class="pad-zy20">
|
<view class="pad-zy20">
|
||||||
<view class="radius8 bacf pad10 boxshow1 mar-s30" v-for="(item,index) in dataList" :key="index">
|
<view class="radius8 bacf pad10 boxshow1 mar-s30" v-for="(item,index) in dataList" :key="index">
|
||||||
<view @tap="palyVideo(index)" class="posir disjcac">
|
<view class="posir disjcac">
|
||||||
<!-- <image :src="item.cover" style="height: 388rpx;" mode="aspectFill" class="width100" lazy-load></image> -->
|
<!-- <image :src="item.cover" style="height: 388rpx;" mode="aspectFill" class="width100" lazy-load></image> -->
|
||||||
<video :src="item.video" :controls="false" object-fit="contain" :show-center-play-btn="false" style="height: 388rpx;" class="width100"></video>
|
<video :src="item.video" :controls="false" object-fit="contain" :show-center-play-btn="false" style="height: 388rpx;" class="width100"></video>
|
||||||
<image class="posia" src="/static/tabbar/icon-play.png" mode="" style="width: 70rpx;height: 70rpx;" lazy-load></image>
|
<image v-if="item.video.includes('.mp4')" @tap="palyVideo(index)" class="posia" src="/static/tabbar/icon-play.png" mode="" style="width: 70rpx;height: 70rpx;" lazy-load></image>
|
||||||
</view>
|
</view>
|
||||||
<view class="disjbac fon24 pad20" style="padding-bottom: 10rpx;">
|
<view class="disjbac fon24 pad20" style="padding-bottom: 10rpx;">
|
||||||
<view class="">{{item.title}}</view>
|
<view class="">{{item.title}}</view>
|
||||||
|
|
|
@ -4,9 +4,9 @@
|
||||||
<view v-if="isLoading" slot="content" style="margin-top: -20rpx;">
|
<view v-if="isLoading" slot="content" style="margin-top: -20rpx;">
|
||||||
<view class="bacf">
|
<view class="bacf">
|
||||||
<view class="fon32 tcenter pad-s50">{{couresDetail.name}}</view>
|
<view class="fon32 tcenter pad-s50">{{couresDetail.name}}</view>
|
||||||
<view @tap="playVideo" class="pad30 posir disjcac">
|
<view class="pad30 posir disjcac">
|
||||||
<image :src="couresDetail.cover" style="height: 388rpx;" mode="aspectFill" class="width100" lazy-load></image>
|
<image :src="couresDetail.cover" style="height: 388rpx;" mode="aspectFill" class="width100" lazy-load></image>
|
||||||
<image class="posia" src="/static/tabbar/icon-play.png" mode="" style="width: 70rpx;height: 70rpx;" lazy-load></image>
|
<image v-if="couresDetail.video.includes('.mp4')" @tap="playVideo" class="posia" src="/static/tabbar/icon-play.png" mode="" style="width: 70rpx;height: 70rpx;" lazy-load></image>
|
||||||
</view>
|
</view>
|
||||||
<view class="mar-zy30 bbot pad-x10">
|
<view class="mar-zy30 bbot pad-x10">
|
||||||
<span class="fon28 bold posir pad-x10">
|
<span class="fon28 bold posir pad-x10">
|
||||||
|
|
|
@ -17,7 +17,7 @@
|
||||||
</view>
|
</view>
|
||||||
<view class="disjbac pad-x20 pad-zy10">
|
<view class="disjbac pad-x20 pad-zy10">
|
||||||
<view class="fon22 col26">我的佣金</view>
|
<view class="fon22 col26">我的佣金</view>
|
||||||
<view class="fon26 bold col-e42417" v-if="scoreInfo">{{scoreInfo.commission}}</view>
|
<view class="fon26 bold col-e42417">{{scoreInfo.commission || 0}}</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="mar-s30 pad-zy20 bacf boxshow2 fon24">
|
<view class="mar-s30 pad-zy20 bacf boxshow2 fon24">
|
||||||
|
|
|
@ -51,7 +51,10 @@
|
||||||
</view>
|
</view>
|
||||||
</status-container>
|
</status-container>
|
||||||
<!-- 购物车图标 -->
|
<!-- 购物车图标 -->
|
||||||
<image @tap="goCart" class="posi" src="/static/tabbar/icon-cart.png" mode="" lazy-load style="width: 79rpx;height: 79rpx;right: 20rpx;bottom: 160rpx;"></image>
|
<view class="posi cart-box">
|
||||||
|
<image @tap="goCart" class="" src="/static/tabbar/icon-cart.png" mode="" lazy-load></image>
|
||||||
|
<view class="colf fon24 disjcac" >{{cartNum}}</view>
|
||||||
|
</view>
|
||||||
<buy-popu ref="refbuy"></buy-popu>
|
<buy-popu ref="refbuy"></buy-popu>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
Loading…
Reference in New Issue