界面优化修改

This commit is contained in:
jia 2023-09-12 11:42:42 +08:00
parent b72f983d4b
commit ef052ab708
7 changed files with 97 additions and 46 deletions

View File

@ -1,7 +1,11 @@
<template> <template>
<view class="wf-item-page" @click="gogogo(item)"> <view class="wf-item-page" @click="gogogo(item)">
<image :src="item.image" mode="widthFix" class="item-img" /> <view class='pictrue'>
<!-- <image :src="item.image[0]" mode="widthFix" class="item-img" /> -->
<image :src="item.image" mode="aspectFill" class="item-img"></image>
<!-- <easy-loadimage mode="widthFix" :image-src="item.image[0]"></easy-loadimage> -->
</view>
<view class="title">{{item.store_name}}</view> <view class="title">{{item.store_name}}</view>
<!-- <view class="tag"> <!-- <view class="tag">
@ -65,18 +69,26 @@
} }
.item-img { .pictrue {
width: 100%; width: 100% !important;
height: 345rpx;
image {
width: 100%;
height: 345rpx;
}
} }
.item-info {} .item-info {}
.title { .title {
font-size: 30rpx; font-size: 30rpx;
font-family: PingFang SC-Medium, PingFang SC; font-family: PingFang SC-Medium, PingFang SC;
font-weight: 500; font-weight: 500;
color: #333333; color: #333333;
margin: 12px 0; margin: 12px 0;
padding-right: 12rpx;
width: 100%; width: 100%;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
@ -136,6 +148,7 @@
margin-top: 12rpx; margin-top: 12rpx;
height: 26rpx; height: 26rpx;
line-height: 26rpx; line-height: 26rpx;
.relase-one { .relase-one {
// font-style: italic; // font-style: italic;
transform: skewX(-15deg); transform: skewX(-15deg);

View File

@ -1,8 +1,10 @@
<template> <template>
<view class="wf-item-page"> <view class="wf-item-page">
<view class='pictrue'>
<image :src="item.image[0]" mode="widthFix" class="item-img" /> <!-- <image :src="item.image[0]" mode="widthFix" class="item-img" /> -->
<image :src="item.image[0]" mode="aspectFill" class="item-img"></image>
<!-- <easy-loadimage mode="widthFix" :image-src="item.image[0]"></easy-loadimage> -->
</view>
<view class="goods_item_img" v-if="item.video_link.length>0"> <view class="goods_item_img" v-if="item.video_link.length>0">
<image src="@/static/images/sp.png" mode="aspectFit"></image> <image src="@/static/images/sp.png" mode="aspectFit"></image>
</view> </view>
@ -16,11 +18,18 @@
</template> </template>
<script> <script>
import {
string
} from '../../plugin/clipboard/clipboard'
export default { export default {
props: { props: {
item: { item: {
type: Object, type: Object,
require: true require: true
},
index: {
type: string,
require: true
} }
}, },
@ -51,10 +60,17 @@
position: relative; position: relative;
} }
.item-img { .pictrue {
width: 100%; width: 100% !important;
height: 345rpx;
image{
width: 100% ;
height: 345rpx;
}
} }
.item-info { .item-info {
display: flex; display: flex;
align-items: center; align-items: center;

View File

@ -789,6 +789,7 @@
</block> </block>
</swiper> </swiper>
</div> </div>
</div> </div>
<div class="recording" v-if="recording"> <div class="recording" v-if="recording">
<image src="/static/images/recording.png" /> <image src="/static/images/recording.png" />
@ -1944,6 +1945,7 @@
position: fixed; position: fixed;
bottom: 0; bottom: 0;
left: 0; left: 0;
margin-bottom: var(--status-bar-height);;
} }
.broadcast-details .footerCon.on { .broadcast-details .footerCon.on {

View File

@ -824,7 +824,7 @@
if (that.loadend) return; if (that.loadend) return;
if (that.loading) return; if (that.loading) return;
console.log(that.loadend,that.loading)
if (isPage === true) that.$set(that, 'productList', []); if (isPage === true) that.$set(that, 'productList', []);
that.loading = true; that.loading = true;
that.loadTitle = ''; that.loadTitle = '';

View File

@ -193,7 +193,7 @@
}, },
onLoad() { onLoad() {
this.selfLocation() this.selfLocation()
this.getCateList() this.getCateList()
//this.getArticle() //this.getArticle()
this.getGoods(true) this.getGoods(true)
@ -213,16 +213,17 @@
}, },
onReachBottom() { onReachBottom() {
if (this.productList.length > 0) { if (this.productList.length > 0) {
setTimeout(() => { setTimeout(() => {
this.getGoods(false); this.getGoods(false);
}, 500) }, 500)
} else { } else {
this.getGoods() this.get_host_product();
} }
}, },
mounted() { mounted() {
@ -523,7 +524,10 @@
that.loadend = loadend; that.loadend = loadend;
that.loading = false; that.loading = false;
that.loadTitle = loadend ? '已全部加载' : '加载更多'; that.loadTitle = loadend ? '已全部加载' : '加载更多';
that.$set(that, 'productList', productList); setTimeout(() => {
that.$set(that, 'productList', productList);
}, 500)
// console.log(that.productList) // console.log(that.productList)
that.$set(that.where, 'page', that.where.page + 1); that.$set(that.where, 'page', that.where.page + 1);
if (that.where.page == 1 && res.data.list.length <= 0) that.emptyShow = true if (that.where.page == 1 && res.data.list.length <= 0) that.emptyShow = true
@ -584,7 +588,7 @@
}) })
}).catch(err => { }).catch(err => {
this.isshow = false this.isshow = false
uni.showToast({ uni.showToast({
title: err, title: err,
icon: 'none' icon: 'none'

View File

@ -813,6 +813,7 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
z-index: 100;
.iconfont { .iconfont {
color: #ffffff; color: #ffffff;

View File

@ -73,8 +73,8 @@
</div> </div>
</view> </view>
<view class="wrapper"> <view class="wrapper">
<view class='product_list acea-row row-between-wrapper'> <view class='product_list acea-row row-between-wrapper' >
<block v-for="(item,index) in productList" :key="index"> <block v-for="(item,index) in productList" :key="index" >
<view class='item'> <view class='item'>
<view class='image'> <view class='image'>
<image :src='item.image'></image> <image :src='item.image'></image>
@ -276,10 +276,7 @@
value: '2', value: '2',
text: '预览' text: '预览'
}, },
{
value: '3',
text: '删除'
}
] ]
} else { } else {
this.options = [{ this.options = [{
@ -290,12 +287,15 @@
value: '2', value: '2',
text: '预览' text: '预览'
}, },
{
value: '3',
text: '删除'
}
] ]
} }
if (item.is_show == 0) {
this.options.push({
value: '3',
text: '删除'
})
}
this.ll++ this.ll++
// console.log(this.ll) // console.log(this.ll)
if (this.ll % 2 == 0) { if (this.ll % 2 == 0) {
@ -307,6 +307,10 @@
},
yinc() {
console.log('1111111')
this.$set(this, 'num', -1);
}, },
menuAction(action, rowId, item, index) { menuAction(action, rowId, item, index) {
// console.log(action, rowId, item,'1111111') // console.log(action, rowId, item,'1111111')
@ -335,11 +339,12 @@
}, },
//线 //线
Fonline(item) { Fonline(item) {
navigateTo(1, '/pages/users/online_warehousing/index', { this.on_line = 0
mer_id: this.mer_id, this.checkboxList1 = item.attrValue
product_id: item.attrValue[0].product_id, this.data.product_id = item.attrValue[0].product_id
unique: item.attrValue[0].unique, this.data.unique = item.attrValue[0].unique
}); this.show = true
}, },
//线 //线
Fline(item) { Fline(item) {
@ -351,7 +356,17 @@
this.data.product_id = item.attrValue[0].product_id this.data.product_id = item.attrValue[0].product_id
this.data.unique = item.attrValue[0].unique this.data.unique = item.attrValue[0].unique
this.on_line = 1 this.on_line = 1
this.show = true if(this.checkboxList1.length>3){
this.show = true
}else{
navigateTo(1, '/pages/users/online_warehousing/index', {
mer_id: this.mer_id,
product_id: this.data.product_id,
unique: this.data.unique,
});
}
}, },
// //
@ -381,7 +396,7 @@
} }
} }
if (this.on_line == 0) { if (this.on_line == 0) {
console.log('12');
if (!this.data.product_id) { if (!this.data.product_id) {
this.show = false this.show = false
this.$util.Tips({ this.$util.Tips({