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}}" /> -->
    <image src="{{pic}}" mode="" style="width: 700rpx; height: 600rpx;"/>
</view>

<!-- 用户展示 -->
<view class="seller">
    <!-- 用户信息：头像 产品名称、价格 卖家昵称 联系卖主按钮 -->
    <view class="seller_msg">
        <van-image round width="70" height="70" fit="cover" src="{{avatar}}" />
        <text class="commodity_name">{{title}}</text>
        <text class="price">￥{{price}}</text>
        <text class="seller_name">{{ownerName}}</text>
        <van-button color="#FFC300" custom-style="border-radius: 20rpx; color: #000000; font-size: 35rpx; position: absolute; top: 30rpx; right: 10rpx;" bind:tap="toChat">联系卖主</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;">{{desc}}</view>
    </view>
</view>

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