1/fore-end/pages/details/details.wxml

<!--pages/details/details.wxml-->
<!-- 商品图片展示 -->
<view class="detail_pic">
    <van-image width="350" height="300" fit="cover" radius="10" src="{{pic}}" />
</view>

<!-- 用户展示 -->
<view class="seller">
    <!-- 用户信息：头像 产品名称、价格 卖家昵称 联系卖主按钮 -->
    <view class="seller_msg">
        <van-image round width="70" height="70" fit="cover" src="/assets/home_img/head_portrait.jpg" />
        <text class="commodity_name">{{title}}</text>
        <text class="price">￥{{price}}</text>
        <text class="seller_name">deter</text>
        <van-button color="#FFC300" custom-style="border-radius: 20rpx; color: #000000; font-size: 35rpx; position: absolute; top: 30rpx; right: 10rpx;">联系卖主</van-button>
    </view>
    <!-- 卖的商品信息 -->
    <view class="sell_msg">
        <text class="sell_title">{{title}}\n</text>
        <view class="sell_detail" style="width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;">女士T恤+短裤+鞋，未穿过，出售，价格可谈,女士T恤+短裤+鞋，未穿过，出售，价格可谈</view>
    </view>
</view>

<!-- 推荐商品 -->
<view class="recommend">
    <commodity-card></commodity-card>
</view>