界面优化修改
This commit is contained in:
parent
b72f983d4b
commit
ef052ab708
@ -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);
|
||||||
|
@ -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;
|
||||||
|
@ -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 {
|
||||||
|
@ -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 = '';
|
||||||
|
@ -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'
|
||||||
|
@ -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;
|
||||||
|
@ -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({
|
||||||
|
Loading…
x
Reference in New Issue
Block a user