chache/packageA/pages/carvin/carvin.wxml

<view class="page-view" wx:if="{{cardata.url}}">
    <web-view src="{{cardata.url}}"></web-view>
</view>
<view class="page-view">
    <view class="top-title">
        <text class="top-title-b">VIN车辆查询报告</text>
        <text class="top-title-l">查询时间：{{cardata.time}}</text>
    </view>
    <view class="top-box">
        <view class="box-text">
            <view style="width: 130%;">
                <text class="brand-text" style="display: inline;">{{orderInfo.brand}}</text>
                <text class="order-text" style="display: inline;font-size: 24rpx">{{orderInfo.name}}</text>
            </view>
            <text class="order-text">VIN：{{orderInfo.vin}}</text>
            <text class="type-text">上市价：{{orderInfo.price}}</text>
        </view>
        <view class="box-img">
            <image class="logo-img" mode="widthFix" src="{{orderInfo.logo}}"></image>
        </view>
    </view>
    <view class="info-boxn">
        <view class="content-view">
            <view class="text-view first-top">
                <text class="name-line">品牌</text>
                <text class="info-line">{{orderInfo.brand}}</text>
            </view>
            <view class="text-view">
                <text class="name-line">VIN</text>
                <text class="info-line">{{orderInfo.vin}}</text>
            </view>
            <view class="text-view">
                <text class="name-line">排放标准</text>
                <text class="info-line">{{orderInfo.environmentalstandards}}</text>
            </view>
            <view class="text-view">
                <text class="name-line">种类</text>
                <text class="info-line">{{orderInfo.name}}</text>
            </view>
            <view class="text-view">
                <text class="name-line">厂商</text>
                <text class="info-line">{{orderInfo.manufacturer}}</text>
            </view>
            <view class="text-view">
                <text class="name-line">年份</text>
                <text class="info-line">{{orderInfo.yeartype}}</text>
            </view>
            <view class="text-view">
                <text class="name-line">油耗</text>
                <text class="info-line">{{orderInfo.comfuelconsumption}}</text>
            </view>
            <view class="text-view">
                <text class="name-line">发动机</text>
                <text class="info-line">{{orderInfo.engine}}</text>
            </view>
            <view class="text-view">
                <text class="name-line">燃油</text>
                <text class="info-line">{{orderInfo.fueltype}}</text>
            </view>
            <view class="text-view">
                <text class="name-line">变速箱</text>
                <text class="info-line">{{orderInfo.gearbox}}</text>
            </view>
            <view class="text-view">
                <text class="name-line">驱动方式</text>
                <text class="info-line">{{orderInfo.drivemode}}</text>
            </view>
            <view class="text-view">
                <text class="name-line">车形</text>
                <text class="info-line">{{orderInfo.fronttiresize}}</text>
            </view>
            <view class="text-view">
                <text class="name-line">排量</text>
                <text class="info-line">{{orderInfo.displacement}}</text>
            </view>
            <view class="text-view">
                <text class="name-line">汽油类型</text>
                <text class="info-line">{{orderInfo.fuelgrade}}</text>
            </view>
            <view class="text-view">
                <text class="name-line">上市价</text>
                <text class="info-line">{{orderInfo.price}}</text>
            </view>
            <view class="text-view">
                <text class="name-line">喷嘴</text>
                <text class="info-line">{{orderInfo.fuelmethod}}</text>
            </view>
            <view class="text-view">
                <text class="name-line">机油</text>
                <text class="info-line">{{orderInfo.machineoil.grade}} {{orderInfo.machineoil.level}} {{orderInfo.machineoil.viscosity}} {{orderInfo.machineoil.volume}}</text>
            </view>
            <view class="text-view">
                <text class="name-line">别名</text>
                <text class="info-line">{{orderInfo.groupname}}</text>
            </view>
            <view class="content-desc">
                <text class="content-title">该车配置</text>
                <text class="content-shuo">* 数据来自第三方，仅作参考</text>
            </view>
            <view class="veibao-text" wx:if="{{orderInfo.carlist.length>0}}" wx:for="{{orderInfo.carlist}}" wx:key="index">
                <view class="veibao-xiangmu">
                    <text class="xiangmu-title">配置{{index+1}}</text>
                    <text class="xiangmu-detail">{{item.name}}</text>
                </view>
                <view class="veibao-xiangmu">
                    <text class="xiangmu-title">品牌</text>
                    <text class="xiangmu-detail">{{item.typename}}</text>
                </view>
            </view>
        </view>
    </view>
</view>