[报单模块添加及筛选条件,及权证管理模块没有报单兼容插件]
This commit is contained in:
@@ -1,4 +1,3 @@
|
||||
|
||||
<template>
|
||||
<view class="goods--list">
|
||||
<block v-if="list.length > 0">
|
||||
@@ -6,8 +5,18 @@
|
||||
<view class="cover">
|
||||
<image class="cover--src" :src="item.cover" mode="aspectFill" />
|
||||
</view>
|
||||
<template v-if='notag === ""'>
|
||||
<span class='is_self'
|
||||
v-if='item.specal_tags.is_self'>{{item.specal_tags.is_self}}</span>
|
||||
</template>
|
||||
<view class="content">
|
||||
<view class="title">{{item.name}}</view>
|
||||
<view class="title">
|
||||
<template v-if='notag === ""'>
|
||||
<span class='is_allow_values'
|
||||
v-if='item.specal_tags.is_allow_values'>{{item.specal_tags.is_allow_values}}</span>
|
||||
</template>
|
||||
{{item.name}}
|
||||
</view>
|
||||
<view class="content-flex">
|
||||
<view class="price eb" v-if="priceType === 'EB'">
|
||||
{{item.price}}<text>易币</text>
|
||||
@@ -34,52 +43,73 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name : 'goodsList',
|
||||
props : {
|
||||
// 数据列表
|
||||
list: {
|
||||
type : Array,
|
||||
default : () => {
|
||||
return new Array
|
||||
export default {
|
||||
name: 'goodsList',
|
||||
props: {
|
||||
notag: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
// 数据列表
|
||||
list: {
|
||||
type: Array,
|
||||
default: () => {
|
||||
return new Array
|
||||
}
|
||||
},
|
||||
// 价格类型
|
||||
priceType: {
|
||||
type: String,
|
||||
default: 'EB'
|
||||
},
|
||||
// 列表空提示
|
||||
toast: {
|
||||
type: String,
|
||||
default: '暂无商品数据 -_-!'
|
||||
}
|
||||
},
|
||||
// 价格类型
|
||||
priceType: {
|
||||
type : String,
|
||||
default : 'EB'
|
||||
},
|
||||
// 列表空提示
|
||||
toast : {
|
||||
type : String,
|
||||
default : '暂无商品数据 -_-!'
|
||||
methods: {
|
||||
goods(e) {
|
||||
this.$emit('on-goods', e)
|
||||
}
|
||||
}
|
||||
},
|
||||
methods:{
|
||||
goods(e){
|
||||
this.$emit('on-goods', e)
|
||||
}
|
||||
}
|
||||
};
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.goods--list{
|
||||
.goods--list {
|
||||
padding: calc(#{$padding} - 10rpx);
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
.goods--item{
|
||||
|
||||
.goods--item {
|
||||
background: white;
|
||||
box-sizing: border-box;
|
||||
width: calc(50% - 20rpx);
|
||||
margin: 10rpx;
|
||||
border-radius: $radius/2;
|
||||
overflow: hidden;
|
||||
.cover{
|
||||
position: relative;
|
||||
|
||||
.is_self {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 20rpx;
|
||||
background-image: linear-gradient(to bottom, #ee4c47, #9e312f);
|
||||
// background-color: #ee4c47;
|
||||
box-shadow: 0 4rpx 10rpx 2rpx rgba($color: #000, $alpha: .3);
|
||||
color: #fff;
|
||||
font-size: 26;
|
||||
padding: 2rpx 20rpx 10rpx 20rpx;
|
||||
border-radius: 0 0 50rpx 50rpx;
|
||||
}
|
||||
|
||||
.cover {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
padding-top: 100%;
|
||||
.cover--src{
|
||||
|
||||
.cover--src {
|
||||
position: absolute;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
@@ -87,34 +117,50 @@ export default {
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
.content{
|
||||
|
||||
.content {
|
||||
padding: $padding/2;
|
||||
.title{
|
||||
|
||||
.title {
|
||||
font-size: $title-size-lg;
|
||||
line-height: 40rpx;
|
||||
height: 80rpx;
|
||||
text-align: justify;
|
||||
@extend .ellipsis;
|
||||
|
||||
.is_allow_values {
|
||||
color: #fff;
|
||||
background-image: linear-gradient(to left, $main-color, $mian-color-light);
|
||||
padding: 2rpx 14rpx;
|
||||
font-size: 20rpx;
|
||||
text-align: center;
|
||||
border-radius: 30rpx;
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
}
|
||||
.content-flex{
|
||||
|
||||
.content-flex {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding-top: $padding/2;
|
||||
.price{
|
||||
|
||||
.price {
|
||||
width: 50%;
|
||||
color: $text-price;
|
||||
font-weight: bold;
|
||||
font-size: $title-size;
|
||||
@extend .nowrap;
|
||||
text{
|
||||
|
||||
text {
|
||||
font-size: $title-size-sm;
|
||||
font-weight: normal;
|
||||
padding-left: $padding/4;
|
||||
line-height: 50rpx;
|
||||
}
|
||||
}
|
||||
.sales{
|
||||
|
||||
.sales {
|
||||
width: 50%;
|
||||
font-size: $title-size-sm;
|
||||
color: $text-gray;
|
||||
@@ -126,8 +172,9 @@ export default {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 数据空
|
||||
.goods--null{
|
||||
.goods--null {
|
||||
width: 100%;
|
||||
padding: 200rpx 0;
|
||||
text-align: center;
|
||||
|
||||
Reference in New Issue
Block a user