feat 添加店铺卡片
This commit is contained in:
parent
e7976cf7de
commit
860f89d0c5
@ -101,6 +101,26 @@
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 店铺 -->
|
||||
<view style="padding: 10px;" class="shop-big-box">
|
||||
<view style="padding: 10px;" class="shop-left-box">
|
||||
<view class="shop-left-img-box" >
|
||||
<image alt=""
|
||||
src="https://tool.aerwen.net/prod-api/Uploads/uploads/20230719/35BB64FE6D80E253.jpg"
|
||||
class="shop-left-img" />
|
||||
</view>
|
||||
<view>
|
||||
<view class="shop-name">三星官方旗舰店</view>
|
||||
<view class="shop-sold">已售:244万</view>
|
||||
<view class="shop-intro">三星手机官方旗舰店</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="shop-right-box">
|
||||
<view class="shop-right-button">进店逛逛 ></view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="desc-content">
|
||||
<view class="desc-content__title" wx:if="{{details.desc.length > 0}}">
|
||||
<t-image t-class="img" src="{{recLeftImg}}" />
|
||||
|
@ -360,3 +360,67 @@ page {
|
||||
width: 100%;
|
||||
height: 750rpx;
|
||||
}
|
||||
|
||||
|
||||
/* 店铺 */
|
||||
|
||||
.shop-big-box {
|
||||
margin-top: 25rpx;
|
||||
border-radius: 10rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.shop-left-img-box {
|
||||
height: 180rpx;
|
||||
width: 180rpx;
|
||||
overflow: hidden;
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
|
||||
.shop-left-img {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
object-fit: cover;
|
||||
border: 1rpx solid rgb(204, 204, 204);
|
||||
}
|
||||
|
||||
.shop-left-box {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.shop-name {
|
||||
font-size: 30rpx;
|
||||
font-weight: bold;
|
||||
width: 250rpx;
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
-webkit-line-clamp: 1;
|
||||
}
|
||||
|
||||
.shop-sold {
|
||||
font-size: 28rpx;
|
||||
margin: 30rpx 0rpx;
|
||||
}
|
||||
|
||||
.shop-intro {
|
||||
font-size: 25rpx;
|
||||
width: 250rpx;
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
-webkit-line-clamp: 1;
|
||||
}
|
||||
|
||||
.shop-right-button {
|
||||
margin-top: 20rpx;
|
||||
padding: 15rpx 20rpx;
|
||||
background-color: rgb(251, 48, 44);
|
||||
border-radius: 50rpx;
|
||||
color: white;
|
||||
font-size: 25rpx;
|
||||
}
|
Loading…
Reference in New Issue
Block a user