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 {

10
pages/equity/index.vue
View File

@@ -37,7 +37,7 @@
</view>
<view class="price"><text>¥</text>{{position.one.original_price}}
<span style='font-size: 26rpx;color: #555;font-weight: normal;padding-left: 10rpx;' v-if='position.one.price.pv>0'>
贡献值:<span>{{position.one.price.pv}}</span><image style="width: 20rpx;" src="/static/icons/crystal-icon.png" mode="widthFix" />
+ <span>{{position.one.price.pv}}</span><image style="width: 20rpx;" src="/static/icons/crystal-icon.png" mode="widthFix" />
</span>
</view>
<span class='is_self' v-if='position.one.specal_tags.is_self'>{{position.one.specal_tags.is_self}}</span>
@@ -46,10 +46,10 @@
<view class="itme-list" v-for="(item, index) in position.two" :key="index" @click="onGoods(item)">
<image class="cover" :src="item.cover" mode="aspectFill"></image>
<view class="title">{{item.name}}</view>
<view style='font-size: 26rpx;color: #999;font-weight: normal;' v-if='item.price.pv>0'>
贡献值:<span>{{item.price.pv}}</span><image style="width: 28rpx;" src="/static/icons/crystal-icon.png" mode="widthFix" />
<view style='font-size: 24rpx;color: #999;font-weight: normal;' v-if='item.price.pv>0'>
+ <span>{{item.price.pv}}</span><image style="width: 22rpx;" src="/static/icons/crystal-icon.png" mode="widthFix" />
</view>
<view class="price"><text>¥</text>{{item.original_price}}</view>
<view class="price" style="font-size: 28rpx;"><text>¥</text>{{item.original_price}}</view>
</view>
</view>
</view>
@@ -515,7 +515,7 @@
// 加水晶
.goods-pv{
.goods-pv-icon{
width: 28rpx;
width: 20rpx;
vertical-align: middle;
margin-left: 5rpx;
margin-bottom: 5rpx;

2
pages/goods/lists.vue
View File

@@ -221,7 +221,7 @@
// 加水晶
.goods-pv{
.goods-pv-icon{
width: 28rpx;
width: 20rpx !important;
vertical-align: middle;
margin-left: 5rpx;
margin-bottom: 5rpx;

BIN
static/imgs/baodan_hot.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB