界面优化修改
This commit is contained in:
jia
parent
b72f983d4b
commit
ef052ab708
@ -1,7 +1,11 @@
|
||||
<template>
|
||||
<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="tag">
|
||||
@ -65,25 +69,33 @@
|
||||
|
||||
}
|
||||
|
||||
.item-img {
|
||||
width: 100%;
|
||||
.pictrue {
|
||||
width: 100% !important;
|
||||
height: 345rpx;
|
||||
|
||||
image {
|
||||
width: 100%;
|
||||
height: 345rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.item-info {}
|
||||
|
||||
.title {
|
||||
|
||||
font-size: 30rpx;
|
||||
font-family: PingFang SC-Medium, PingFang SC;
|
||||
font-weight: 500;
|
||||
color: #333333;
|
||||
margin: 12px 0;
|
||||
padding-right: 12rpx;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
|
||||
|
||||
margin-left: 21rpx;
|
||||
}
|
||||
|
||||
@ -136,6 +148,7 @@
|
||||
margin-top: 12rpx;
|
||||
height: 26rpx;
|
||||
line-height: 26rpx;
|
||||
|
||||
.relase-one {
|
||||
// font-style: italic;
|
||||
transform: skewX(-15deg);
|
||||
@ -143,7 +156,7 @@
|
||||
font-family: SF Pro Display-Regular Italic, SF Pro Display;
|
||||
font-weight: 600;
|
||||
color: #FF6D20;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.relase-two {
|
||||
|
||||
@ -1,8 +1,10 @@
|
||||
<template>
|
||||
<view class="wf-item-page">
|
||||
|
||||
<image :src="item.image[0]" mode="widthFix" class="item-img" />
|
||||
|
||||
<view class='pictrue'>
|
||||
<!-- <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">
|
||||
<image src="@/static/images/sp.png" mode="aspectFit"></image>
|
||||
</view>
|
||||
@ -16,26 +18,33 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
string
|
||||
} from '../../plugin/clipboard/clipboard'
|
||||
export default {
|
||||
props: {
|
||||
item: {
|
||||
type: Object,
|
||||
require: true
|
||||
},
|
||||
index: {
|
||||
type: string,
|
||||
require: true
|
||||
}
|
||||
|
||||
|
||||
},
|
||||
|
||||
|
||||
|
||||
data() {
|
||||
return {
|
||||
|
||||
|
||||
}
|
||||
},
|
||||
|
||||
|
||||
methods: {
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
@ -51,10 +60,17 @@
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.item-img {
|
||||
width: 100%;
|
||||
.pictrue {
|
||||
width: 100% !important;
|
||||
height: 345rpx;
|
||||
|
||||
image{
|
||||
width: 100% ;
|
||||
height: 345rpx;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.item-info {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
@ -789,6 +789,7 @@
|
||||
</block>
|
||||
</swiper>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="recording" v-if="recording">
|
||||
<image src="/static/images/recording.png" />
|
||||
@ -1944,6 +1945,7 @@
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
margin-bottom: var(--status-bar-height);;
|
||||
}
|
||||
|
||||
.broadcast-details .footerCon.on {
|
||||
|
||||
@ -824,7 +824,7 @@
|
||||
|
||||
if (that.loadend) return;
|
||||
if (that.loading) return;
|
||||
console.log(that.loadend,that.loading)
|
||||
|
||||
if (isPage === true) that.$set(that, 'productList', []);
|
||||
that.loading = true;
|
||||
that.loadTitle = '';
|
||||
|
||||
@ -157,7 +157,7 @@
|
||||
}
|
||||
},
|
||||
onShow() {
|
||||
|
||||
|
||||
|
||||
//监听网络状态变化
|
||||
uni.onNetworkStatusChange((res) => {
|
||||
@ -193,14 +193,14 @@
|
||||
},
|
||||
|
||||
onLoad() {
|
||||
this.selfLocation()
|
||||
this.selfLocation()
|
||||
this.getCateList()
|
||||
//this.getArticle()
|
||||
this.getGoods(true)
|
||||
this.Area()
|
||||
//this.setPermissions()
|
||||
// this.openTongZhi()
|
||||
|
||||
|
||||
},
|
||||
|
||||
onTabItemTap(e) {
|
||||
@ -213,16 +213,17 @@
|
||||
|
||||
},
|
||||
onReachBottom() {
|
||||
|
||||
|
||||
if (this.productList.length > 0) {
|
||||
setTimeout(() => {
|
||||
this.getGoods(false);
|
||||
}, 500)
|
||||
|
||||
} else {
|
||||
this.getGoods()
|
||||
this.get_host_product();
|
||||
}
|
||||
|
||||
|
||||
|
||||
},
|
||||
|
||||
mounted() {
|
||||
@ -511,9 +512,9 @@
|
||||
let that = this;
|
||||
if (that.loadend) return;
|
||||
if (that.loading) return;
|
||||
|
||||
|
||||
if (isPage === true) that.$set(that, 'productList', []);
|
||||
|
||||
|
||||
that.loading = true;
|
||||
that.loadTitle = '';
|
||||
graphicLstApi(that.where).then(res => {
|
||||
@ -523,7 +524,10 @@
|
||||
that.loadend = loadend;
|
||||
that.loading = false;
|
||||
that.loadTitle = loadend ? '已全部加载' : '加载更多';
|
||||
that.$set(that, 'productList', productList);
|
||||
setTimeout(() => {
|
||||
that.$set(that, 'productList', productList);
|
||||
}, 500)
|
||||
|
||||
// console.log(that.productList)
|
||||
that.$set(that.where, 'page', that.where.page + 1);
|
||||
if (that.where.page == 1 && res.data.list.length <= 0) that.emptyShow = true
|
||||
@ -554,7 +558,7 @@
|
||||
|
||||
},
|
||||
selfLocation() {
|
||||
|
||||
|
||||
if (uni.getStorageSync('loction') == true) {
|
||||
this.isshow = false
|
||||
} else {
|
||||
@ -573,7 +577,7 @@
|
||||
lat: latitude,
|
||||
long: longitude
|
||||
}).then(res => {
|
||||
|
||||
|
||||
let town = res.data.address_reference.town.title
|
||||
let street_id = res.data.address_reference.town.id
|
||||
this.street = res.data.address_component.street
|
||||
@ -584,7 +588,7 @@
|
||||
|
||||
})
|
||||
}).catch(err => {
|
||||
this.isshow = false
|
||||
this.isshow = false
|
||||
uni.showToast({
|
||||
title: err,
|
||||
icon: 'none'
|
||||
@ -593,7 +597,7 @@
|
||||
},
|
||||
fail: (err) => {
|
||||
this.isshow = false
|
||||
|
||||
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
@ -813,6 +813,7 @@
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
z-index: 100;
|
||||
|
||||
.iconfont {
|
||||
color: #ffffff;
|
||||
|
||||
@ -73,8 +73,8 @@
|
||||
</div>
|
||||
</view>
|
||||
<view class="wrapper">
|
||||
<view class='product_list acea-row row-between-wrapper'>
|
||||
<block v-for="(item,index) in productList" :key="index">
|
||||
<view class='product_list acea-row row-between-wrapper' >
|
||||
<block v-for="(item,index) in productList" :key="index" >
|
||||
<view class='item'>
|
||||
<view class='image'>
|
||||
<image :src='item.image'></image>
|
||||
@ -276,10 +276,7 @@
|
||||
value: '2',
|
||||
text: '预览'
|
||||
},
|
||||
{
|
||||
value: '3',
|
||||
text: '删除'
|
||||
}
|
||||
|
||||
]
|
||||
} else {
|
||||
this.options = [{
|
||||
@ -290,12 +287,15 @@
|
||||
value: '2',
|
||||
text: '预览'
|
||||
},
|
||||
{
|
||||
value: '3',
|
||||
text: '删除'
|
||||
}
|
||||
|
||||
]
|
||||
}
|
||||
if (item.is_show == 0) {
|
||||
this.options.push({
|
||||
value: '3',
|
||||
text: '删除'
|
||||
})
|
||||
}
|
||||
this.ll++
|
||||
// console.log(this.ll)
|
||||
if (this.ll % 2 == 0) {
|
||||
@ -307,6 +307,10 @@
|
||||
|
||||
|
||||
|
||||
},
|
||||
yinc() {
|
||||
console.log('1111111')
|
||||
this.$set(this, 'num', -1);
|
||||
},
|
||||
menuAction(action, rowId, item, index) {
|
||||
// console.log(action, rowId, item,'1111111')
|
||||
@ -335,23 +339,34 @@
|
||||
},
|
||||
//线上
|
||||
Fonline(item) {
|
||||
navigateTo(1, '/pages/users/online_warehousing/index', {
|
||||
mer_id: this.mer_id,
|
||||
product_id: item.attrValue[0].product_id,
|
||||
unique: item.attrValue[0].unique,
|
||||
});
|
||||
this.on_line = 0
|
||||
this.checkboxList1 = item.attrValue
|
||||
this.data.product_id = item.attrValue[0].product_id
|
||||
this.data.unique = item.attrValue[0].unique
|
||||
this.show = true
|
||||
|
||||
},
|
||||
//线下
|
||||
Fline(item) {
|
||||
|
||||
|
||||
|
||||
|
||||
this.checkboxList1 = item.attrValue
|
||||
|
||||
|
||||
this.data.product_id = item.attrValue[0].product_id
|
||||
this.data.unique = item.attrValue[0].unique
|
||||
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) {
|
||||
console.log('12');
|
||||
|
||||
if (!this.data.product_id) {
|
||||
this.show = false
|
||||
this.$util.Tips({
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user