TmOct5/BlockChainH5
1
0
Fork 0
Code Issues Pull Requests Projects Releases 1 Wiki Activity

修改钻石大小及组件图片调整

Browse Source
This commit is contained in:
张冬雪
2021-11-23 14:20:36 +08:00
parent 02a59e7720
commit 08965725ff
4 changed files with 33 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
components/goods-list/goods-list.vue
View File

@@ -6,15 +6,16 @@
<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>
<span class='is_self' v-if='item.specal_tags.is_self'>{{item.specal_tags.is_self}}</span>
</template>
<template v-if='notag === ""'>
<span class='is_allow_values' v-if='item.specal_tags.is_allow_values'>
<image src="/static/imgs/baodan_hot.png" mode="widthFix" />
</span>
</template>
<view class="content">
<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">
@@ -96,7 +97,7 @@
position: absolute;
top: 0;
right: 20rpx;
background-image: linear-gradient(to bottom, #ee4c47, #9e312f);
background-image: linear-gradient(to bottom, #ee4c47, #f80000);
// background-color: #ee4c47;
box-shadow: 0 4rpx 10rpx 2rpx rgba($color: #000, $alpha: .3);
color: #fff;
@@ -105,6 +106,16 @@
border-radius: 0 0 50rpx 50rpx;
}
.is_allow_values {
position: absolute;
top: 264rpx;
left: 0;
image {
width: 180rpx;
}
}
.cover {
position: relative;
width: 100%;
@@ -129,15 +140,15 @@
text-align: justify;
@extend .ellipsis;
.is_allow_values {
color: #fff;
background-image: linear-gradient(to left, $mian-color, $mian-color-light);
padding: 2rpx 14rpx;
font-size: 20rpx;
text-align: center;
border-radius: 30rpx;
margin-right: 20rpx;
}
// .is_allow_values {
// color: #fff;
// background-image: linear-gradient(to left, $mian-color, $mian-color-light);
// padding: 2rpx 14rpx;
// font-size: 20rpx;
// text-align: center;
// border-radius: 30rpx;
// margin-right: 20rpx;
// }
}
.content-flex {