修改需求,添加购物车数量

master
chen 2022-08-18 16:21:58 +08:00
parent 188f750313
commit b5a449765e
10 changed files with 26 additions and 14 deletions

View File

@ -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%;}

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -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">

View File

@ -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">

View File

@ -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>

View File

@ -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">

View File

@ -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">

View File

@ -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>