修改列表样式

main
fanfan 8 months ago
parent d439e6dfb0
commit b590e195eb
  1. 24
      pages/cart/index.vue
  2. 16
      pages/goods/list.vue
  3. 34
      pages/index/index.vue
  4. 23
      pages/user/index.vue

@ -73,7 +73,7 @@
<view class="goodsItem" v-for="(item,index) in leftList" @click="onTargetGoods(item.goods_id)"
:key="index">
<view class="pic">
<image :src="item.goods_image" mode=""></image>
<image :src="item.goods_image" mode="aspectFill"></image>
</view>
<view class="goodsInfo">
<view class="title">
@ -92,11 +92,11 @@
</view>
<image :src="$picUrl+'/static/detail/redShen.png'" v-if="item.is_check==1" mode=""></image>
</view>
<view class="goodsInfo1" v-if="item.cmmdty_model">
<!-- <view class="goodsInfo1" v-if="item.cmmdty_model">
<view class="oneTip">
{{item.cmmdty_model}}
</view>
</view>
</view> -->
<!-- <view class="goodsSend">
<view class="sendLeft">
<view class="left_1">
@ -122,7 +122,7 @@
<view class="goodsItem" style="margin-right: 0;" v-for="(item,index) in rightList"
@click="onTargetGoods(item.goods_id)" :key="index">
<view class="pic">
<image :src="item.goods_image" mode=""></image>
<image :src="item.goods_image" mode="aspectFill"></image>
</view>
<view class="goodsInfo">
<view class="title">
@ -141,11 +141,11 @@
</view>
<image :src="$picUrl+'/static/detail/redShen.png'" v-if="item.is_check==1" mode=""></image>
</view>
<view class="goodsInfo1" v-if="item.cmmdty_model">
<!-- <view class="goodsInfo1" v-if="item.cmmdty_model">
<view class="oneTip">
{{item.cmmdty_model}}
</view>
</view>
</view> -->
<!-- <view class="goodsSend">
<view class="sendLeft">
<view class="left_1">
@ -491,19 +491,21 @@
.pic {
width: 100%;
text-align: center;
align-items: center;
display: flex;
height: 256rpx;
overflow: hidden;
image {
// width:100%;
width: 256rpx;
height: 256rpx;
width: 100%;
height: 100%;
}
}
.goodsInfo {
margin-bottom: 12rpx;
height: 65rpx;
.title {
display: flex;
align-items: center;

@ -138,11 +138,11 @@
mode="">
</image>
</view>
<view class="goodsInfo" v-if="item.cmmdty_model">
<!-- <view class="goodsInfo" v-if="item.cmmdty_model">
<view class="oneTip">
{{item.cmmdty_model}}
</view>
</view>
</view> -->
<!-- <view class="goodsSend">
<view class="sendLeft">
<view class="left_1">
@ -194,11 +194,11 @@
mode="">
</image>
</view>
<view class="goodsInfo" v-if="item.cmmdty_model">
<!-- <view class="goodsInfo" v-if="item.cmmdty_model">
<view class="oneTip">
{{item.cmmdty_model}}
</view>
</view>
</view> -->
<!-- <view class="goodsSend">
<view class="sendLeft">
<view class="left_1">
@ -317,7 +317,7 @@
this.setWxofficialShareData()
if (options.categoryId != 'undefined') {
this.getGoodsTypeList(options.categoryId)
}else{
} else {
this.mescroll.resetUpScroll()
}
@ -347,7 +347,7 @@
that.list = [];
if (this.options.categoryId) {
that.onChage(that.tabbar[0], 1, 0)
}else{
} else {
this.$refs.uWaterfall1.clear();
this.list.data = []
this.list = []
@ -455,7 +455,7 @@
GoodsApi.list(param)
.then(result => {
selectorQuery.selectAll('.head').boundingClientRect((rects) => {
console.log("rects",rects)
console.log("rects", rects)
app.blheight = rects[0].height
}).exec();
//
@ -799,6 +799,7 @@
text-align: left;
font-style: normal;
text-transform: none;
height: 65rpx;
text {
display: block;
@ -810,7 +811,6 @@
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 16rpx;
image {
width: 28rpx;

@ -243,7 +243,7 @@
<view class="goodsItem" v-for="(item,index) in leftList" @click="goDetails(item)"
:key="index">
<view class="pic">
<image :src="item.goods_image" mode="widthFix"></image>
<image :src="item.goods_image" mode="aspectFill"></image>
</view>
<view class="goodsInfo">
<view class="title">
@ -263,11 +263,11 @@
<image :src="$picUrl+'/static/detail/redShen.png'" v-if="item.is_check==1" mode="">
</image>
</view>
<view class="goodsInfo1" v-if="item.cmmdty_model">
<!-- <view class="goodsInfo1" v-if="item.cmmdty_model">
<view class="oneTip">
{{item.cmmdty_model}}
</view>
</view>
</view> -->
<!-- <view class="goodsSend">
<view class="sendLeft">
<view class="left_1">
@ -290,10 +290,10 @@
</view>
</template>
<template v-slot:right="{rightList}">
<view class="goodsItem" style="margin-right: 0;" v-for="(item,index) in rightList" @click="goDetails(item)"
:key="index">
<view class="goodsItem" style="margin-right: 0;" v-for="(item,index) in rightList"
@click="goDetails(item)" :key="index">
<view class="pic">
<image :src="item.goods_image" mode="widthFix"></image>
<image :src="item.goods_image" mode="aspectFill"></image>
</view>
<view class="goodsInfo">
<view class="title">
@ -313,11 +313,11 @@
<image :src="$picUrl+'/static/detail/redShen.png'" v-if="item.is_check==1" mode="">
</image>
</view>
<view class="goodsInfo1" v-if="item.cmmdty_model">
<!-- <view class="goodsInfo1" v-if="item.cmmdty_model">
<view class="oneTip" >
{{item.cmmdty_model}}
</view>
</view>
</view> -->
<!-- <view class="goodsSend">
<view class="sendLeft">
<view class="left_1">
@ -1014,7 +1014,8 @@
async getStore() {
newFunApi.storeData().then(res => {
if (res.status == 200) {
this.logoImage = res.data.storeInfo.logoImage?res.data.storeInfo.logoImage.preview_url:""
this.logoImage = res.data.storeInfo.logoImage ? res.data.storeInfo.logoImage
.preview_url : ""
}
})
.finally(() => {})
@ -1311,7 +1312,8 @@
.picContainer {
// height: 196rpx;
height:auto;
height: auto;
image {
height: 196rpx;
width: 695rpx;
@ -1900,18 +1902,21 @@
.pic {
width: 100%;
text-align: center;
align-items: center;
display: flex;
height: 256rpx;
overflow: hidden;
image {
// width:100%;
width: 256rpx;
height: 256rpx;
width: 100%;
height: 100%;
}
}
.goodsInfo {
margin-bottom: 12rpx;
height: 65rpx;
.title {
display: flex;
@ -2531,6 +2536,7 @@
display: flex;
justify-content: space-between;
align-items: center;
.left_1 {
height: 100%;
width: 48rpx;

@ -522,7 +522,7 @@
<view class="goodsItem" v-for="(item,index) in leftList" @click="goodsDetail(item)"
:key="index">
<view class="pic">
<image :src="item.goods_image" mode=""></image>
<image :src="item.goods_image" mode="aspectFill"></image>
</view>
<view class="goodsInfo">
<view class="title">
@ -536,11 +536,11 @@
<text
style="color: #949494;font-size: 22rpx;text-decoration: line-through;">{{item.line_price_min}}</text>
</view>
<view class="goodsInfo1" v-if="item.cmmdty_model">
<!-- <view class="goodsInfo1" v-if="item.cmmdty_model">
<view class="oneTip">
{{item.cmmdty_model}}
</view>
</view>
</view> -->
<!-- <view class="goodsSend">
<view class="sendLeft">
<view class="left_1">
@ -567,7 +567,7 @@
<view class="goodsItem" style="margin-right: 0;" v-for="(item,index) in rightList"
@click="goodsDetail(item)" :key="index">
<view class="pic">
<image :src="item.goods_image" mode=""></image>
<image :src="item.goods_image" mode="aspectFill"></image>
</view>
<view class="goodsInfo">
<view class="title">
@ -581,11 +581,11 @@
<text
style="color: #949494;font-size: 22rpx;text-decoration: line-through;">{{item.line_price_min}}</text>
</view>
<view class="goodsInfo1" v-if="item.cmmdty_model">
<!-- <view class="goodsInfo1" v-if="item.cmmdty_model">
<view class="oneTip">
{{item.cmmdty_model}}
</view>
</view>
</view> -->
<!-- <view class="goodsSend">
<view class="sendLeft">
<view class="left_1">
@ -1293,18 +1293,21 @@
.pic {
width: 100%;
text-align: center;
align-items: center;
display: flex;
height: 256rpx;
overflow: hidden;
image {
// width:100%;
width: 256rpx;
height: 256rpx;
width: 100%;
height: 100%;
}
}
.goodsInfo {
margin-bottom: 12rpx;
height: 65rpx;
.title {
display: flex;

Loading…
Cancel
Save