feat 添加店铺卡片
This commit is contained in:
parent
e7976cf7de
commit
860f89d0c5
@ -101,6 +101,26 @@
|
|||||||
</view>
|
</view>
|
||||||
</view>
|
</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">
|
||||||
<view class="desc-content__title" wx:if="{{details.desc.length > 0}}">
|
<view class="desc-content__title" wx:if="{{details.desc.length > 0}}">
|
||||||
<t-image t-class="img" src="{{recLeftImg}}" />
|
<t-image t-class="img" src="{{recLeftImg}}" />
|
||||||
|
@ -360,3 +360,67 @@ page {
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
height: 750rpx;
|
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