feat 添加店铺卡片

This commit is contained in:
lwh 2023-07-19 17:14:14 +08:00
parent e7976cf7de
commit 860f89d0c5
2 changed files with 84 additions and 0 deletions

View File

@ -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}}" />

View File

@ -359,4 +359,68 @@ page {
.swiper-item{
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;
}