wangmingchuan
/
yanzong_qianduan
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改列表样式

Browse Source
main
fanfan 9 months ago
parent d439e6dfb0
commit b590e195eb
4 changed files with 60 additions and 49 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 24
      pages/cart/index.vue
  2. 16
      pages/goods/list.vue
  3. 34
      pages/index/index.vue
  4. 23
      pages/user/index.vue

24
pages/cart/index.vue
Unescape View File

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

16
pages/goods/list.vue
Unescape View File

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

34
pages/index/index.vue
Unescape View File

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

23
pages/user/index.vue
Unescape View File

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

Write Preview
Loading…
Cancel
Save