panxiaohe
/
ceres-uniapp-v2.0
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

浏览足迹模块页面布局调整修改

master
dy-hu 10 months ago
parent
cb33cd73a5
commit
1bd91deb23
1 changed files with 40 additions and 30 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 70
      pages_category_page2/userModule/footprintList.vue

70
pages_category_page2/userModule/footprintList.vue
View File

@ -9,15 +9,19 @@
></u-skeleton>
<view v-if="!tipsShow">
<view class="wid function-box">
<view class="finishbox" @click="finishClick" v-if="allCheckShow">{{$t('common.finish')}}</view>
<!-- <view class="finishbox" @click="finishClick" v-if="allCheckShow">{{$t('common.finish')}}</view>-->
<view v-if="allCheckShow" class="flex-row-plus editicon-box flex-items fs28" @click="finishClick">
<image class="editicon" src="https://wechat.hnthee.com/ceres-local-file/image/collect_finish.png"></image>
<label class="mar-left-10">{{$t('common.finish')}}</label>
</view>
<view v-else class="flex-row-plus editicon-box flex-items fs28" @click="editClick">
<image class="editicon" src="https://ceres.zkthink.com/static/images/collectionEditicon.png"></image>
<image class="editicon" src="https://wechat.hnthee.com/ceres-local-file/image/collect_edit.png"></image>
<label class="mar-left-10">{{$t('common.edit')}}</label>
</view>
</view>
<view class="swipe-box u-skeleton" v-for="(ditem, findex) in footprintList" :key="findex" >
<view class="daytime u-skeleton-fillet">
<label class="mar-left-30">{{ditem.createTime}}</label>
<label class="fs28 font-color-252744 mar-left-30">{{ditem.createTime}}</label>
</view>
<view class="listItem u-skeleton-fillet" :index="index" v-for="(item, index) in ditem.products" :key="item.footprintId" @click="click(index,findex)">
<u-swipe-action :show="item.show" ref="footActionSwipe" :disabled="allCheckShow"
@ -25,10 +29,10 @@
<view class="itemBox">
<view @click.stop="toGoodsDetails(item.productId,item.shopId,item.skuId)" class="item wid flex-display">
<view v-if="allCheckShow" class="selectIconBox">
<image v-if="item.selected == 1" @click.stop="footItemSel(index,findex,0)" src="https://ceres.zkthink.com/static/images/selectActive.png" class="cart-select-img"></image>
<image v-else @click.stop="footItemSel(index,findex,1)" src="https://ceres.zkthink.com/static/images/selectEmpty.png" class="cart-select-img"></image>
<image v-if="item.selected == 1" @click.stop="footItemSel(index,findex,0)" src="https://wechat.hnthee.com/ceres-local-file/image/icon_cart_select_active.png" class="cart-select-img"></image>
<image v-else @click.stop="footItemSel(index,findex,1)" src="https://wechat.hnthee.com/ceres-local-file/image/icon_cart_select_normal.png" class="cart-select-img"></image>
</view>
<image class="product-img default-img"
<image class="product-img default-img"
onerror="this.src='url(https://wechat.hnthee.com/ceres-local-file/image/default.png) no-repeat center';this.οnerrοr=null"
mode="aspectFill" :src="item.image" />
<!-- 此层wrap在此为必写的，否则可能会出现标题定位错误 -->
@ -42,8 +46,8 @@
<image v-if="item.activityType===5" class="iconType" src="https://ceres.zkthink.com/static/images/discountListIcon.png" alt="平台折扣"></image>
<image v-if="item.activityType===9" class="iconType" src="https://ceres.zkthink.com/static/images/memberCenterIcon.png" alt="会员价"></image>
<image v-if="item.activityType === 8" class="iconType" src="https://zk-cereshop.oss-cn-shenzhen.aliyuncs.com/zkthink/2022-02-15/d0d8d96f28904167b271de4ae924d1a8_sceneMarketing.png" alt="场景营销"></image>
<label class="fs40 mar-right-20 font-color-C83732">¥{{ item.price }}</label>
<label class="font-color-CCC discountsPriceLine fs24">¥{{ item.originalPrice }}</label>
<label class="fs32 mar-right-20 font-color-F54639">¥{{ item.price }}</label>
<label class="font-color-BCBDC6 discountsPriceLine fs22 mar-top-5">¥{{ item.originalPrice }}</label>
</view>
</view>
</view>
@ -53,9 +57,9 @@
</view>
<view v-show="allCheckShow" class="allcheck-box flex-row-plus flex-sp-between flex-items">
<view class="left">
<image v-if="isAllCheck" src="https://ceres.zkthink.com/static/images/selectActive.png" class="cart-select-img" @click="allSel(0)"></image>
<image v-else src="https://ceres.zkthink.com/static/images/selectEmpty.png" class="cart-select-img" @click="allSel(1)"></image>
<text>{{$t('common.chooseall')}}</text>
<image v-if="isAllCheck" src="https://wechat.hnthee.com/ceres-local-file/image/icon_cart_select_active.png" class="cart-select-img" @click="allSel(0)"></image>
<image v-else src="https://wechat.hnthee.com/ceres-local-file/image/icon_cart_select_normal.png" class="cart-select-img" @click="allSel(1)"></image>
<text class="fs28 font-color-252744">{{$t('common.chooseall')}}</text>
</view>
<view class="right">
<view class="btn-delete" @click="showCardModal">{{$t('common.delete')}}</view>
@ -313,7 +317,7 @@
<style lang="scss">
page {
background: #f7f7f7;
background: #FAFAFA;
}
.footprint-box{
.function-box{
@ -334,8 +338,8 @@ page {
padding: 16rpx 0;
}
.editicon{
width: 50rpx;
height: 50rpx;
width: 32rpx;
height: 32rpx;
}
.swipe-box{
padding: 0 24rpx;
@ -362,9 +366,10 @@ page {
}
}
.product-img{
width: 200rpx;
flex: 0 0 200rpx;
height: 200rpx;
width: 180rpx;
flex: 0 0 180rpx;
height: 180rpx;
border-radius: 30rpx;
}
.iconType{
width: 64rpx;
@ -382,8 +387,8 @@ page {
}
.title {
text-align: left;
color: #333333;
height: 150rpx;
color: #252744;
height: 130rpx;
}
.cart-select-img {
width: 98upx;
@ -393,8 +398,8 @@ page {
}
// #ifdef MP-ALIPAY
.cart-select-img {
width: 49upx;
height: 49upx;
width: 40rpx;
height: 40rpx;
padding: 15upx;
box-sizing: border-box;
}
@ -420,9 +425,11 @@ page {
font-size: 28upx;
color: #666;
.cart-select-img {
width: 98upx;
height: 98upx;
padding: 30upx;
width: 40rpx;
height: 40rpx;
margin-left: 30rpx;
margin-right: 20rpx;
//padding: 30upx;
box-sizing: border-box;
}
}
@ -434,12 +441,14 @@ page {
}
.btn-delete {
width: 232rpx;
height: 100rpx;
background: #C83732;
line-height: 100rpx;
height: 88rpx;
background: #F54639;
line-height: 88rpx;
text-align: center;
font-size: 28upx;
font-size: 32rpx;
margin-right: 30rpx;
color: #FFFFFF;
border-radius: 50rpx;
}
}
.footprint-empty{
@ -471,8 +480,9 @@ page {
}
.submit {
background-color: #333333;
color: #FFEBC4;
background-color: #252744;
color: #FFFFFF;
border-radius: 40rpx;
}
}

Write Preview
Loading…
Cancel
Save