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

10
pages/equity/index.vue
View File

@@ -37,7 +37,7 @@
</view> </view>
<view class="price"><text>¥</text>{{position.one.original_price}} <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 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> </span>
</view> </view>
<span class='is_self' v-if='position.one.specal_tags.is_self'>{{position.one.specal_tags.is_self}}</span> <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)"> <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> <image class="cover" :src="item.cover" mode="aspectFill"></image>
<view class="title">{{item.name}}</view> <view class="title">{{item.name}}</view>
<view style='font-size: 26rpx;color: #999;font-weight: normal;' v-if='item.price.pv>0'> <view style='font-size: 24rpx;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" /> + <span>{{item.price.pv}}</span><image style="width: 22rpx;" src="/static/icons/crystal-icon.png" mode="widthFix" />
</view> </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> </view>
</view> </view>
@@ -515,7 +515,7 @@
// 加水晶 // 加水晶
.goods-pv{ .goods-pv{
.goods-pv-icon{ .goods-pv-icon{
width: 28rpx; width: 20rpx;
vertical-align: middle; vertical-align: middle;
margin-left: 5rpx; margin-left: 5rpx;
margin-bottom: 5rpx; margin-bottom: 5rpx;

2
pages/goods/lists.vue
View File

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