|
|
@@ -61,18 +61,18 @@
|
|
|
class="absolute top-0 left-0"
|
|
|
style="width: 62px; height: 24px"
|
|
|
/>
|
|
|
- <img src="https://file.rongcyl.cn/festatic/bkm/card.png" style="width: 40vw; height: 40vw" />
|
|
|
- <div class="mt-1">冲四层闯关be be be</div>
|
|
|
- <div class="flex justify-between" style="font-size: 13px; margin-top: 6px">
|
|
|
+ <img src="https://file.rongcyl.cn/festatic/bkm/card.png" />
|
|
|
+ <div class="mt-1">冲四层闯关...</div>
|
|
|
+ <div class="flex justify-between" style="font-size: 13px; margin-top: 12rpx">
|
|
|
<div
|
|
|
style="
|
|
|
border-radius: 3px;
|
|
|
- height: 24px;
|
|
|
- line-height: 24px;
|
|
|
+ height: 20px;
|
|
|
+ line-height: 20px;
|
|
|
text-align: center;
|
|
|
background: #fc5b20;
|
|
|
color: #fff;
|
|
|
- padding: 0 5px;
|
|
|
+ padding: 0 8rpx;
|
|
|
"
|
|
|
>
|
|
|
创意热销
|
|
|
@@ -82,7 +82,10 @@
|
|
|
<span style="color: #666666">销量</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div style="color: #fc5b20; margin-top: 10px; font-size: 20px" class="bold">￥990</div>
|
|
|
+ <div style="color: #fc5b20; margin-top: 12rpx">
|
|
|
+ <span class="fs14">￥</span>
|
|
|
+ <span class="bold fs16">990</span>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="p">
|
|
|
@@ -181,19 +184,19 @@ export default {
|
|
|
margin-top: 20px;
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
- padding: 0 10px;
|
|
|
+ padding: 0 20rpx;
|
|
|
flex-wrap: wrap;
|
|
|
.card {
|
|
|
box-sizing: border-box;
|
|
|
- width: 48%;
|
|
|
- height: 270px;
|
|
|
+ width: 344rpx;
|
|
|
+ // height: 500rpx;
|
|
|
background: #fff;
|
|
|
border-radius: 10px;
|
|
|
- margin-bottom: 10px;
|
|
|
- padding: 10px;
|
|
|
+ margin-bottom: 20rpx;
|
|
|
+ padding: 20rpx;
|
|
|
img {
|
|
|
- width: 160px;
|
|
|
- height: 160px;
|
|
|
+ width: 308rpx;
|
|
|
+ height: 308rpx;
|
|
|
border-radius: 8px;
|
|
|
}
|
|
|
}
|
andy