mini-system-examination-signup/pages/card/carddetail.wxml

<cu-custom bgColor="bg-darkblue" isBack="{{true}}" isRelaunch="{{false}}">
    <view slot="content" style="color:#FFFFFF;">准考证</view>
</cu-custom>
<scroll-view style="width:100%;">
    <view class="content-view">
        <view class="content-detail">
            <view class="text-black text-xl text-bold margin-top-sm text-center">
                2019年注册安全工程师准考证
            </view>
            <view class="table-list margin-top-sm">
                <!-- 图片和短 -->
                <view class="table-title-border">
                    <view class="table-item-content">
                        <view class="table-item-content-item border-bottom  border-right">
                            <view class="table-item-content-item-title">考生姓名</view>
                            <view class="table-item-content-item-content">张三</view>
                        </view>
                        <view class="table-item-content-item  border-bottom  border-right">
                            <view class="table-item-content-item-title">性别</view>
                            <view class="table-item-content-item-content">男</view>
                        </view>
                        <view class="table-item-content-item  border-bottom border-right">
                            <view class="table-item-content-item-title">证件号码</view>
                            <view class="table-item-content-item-content">111111111111111116</view>
                        </view>
                        <view class="table-item-content-item border-right">
                            <view class="table-item-content-item-title">报名序号</view>
                            <view class="table-item-content-item-content">1123412341234</view>
                        </view>
                    </view>
                    <view class="table-title-item">
                        <image
                            src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fwww.qiezichina.com%2FPublic%2Fueditor%2Fimages%2F2017%2F10%2F12%2FjT3Af1507783336.jpg&refer=http%3A%2F%2Fwww.qiezichina.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1622193850&t=5f7d149a157aac28dac15eb79f39a578"
                            mode="scaleToFill" style="width:230rpx;height:300rpx;border-radius:10rpx;"></image>
                    </view>
                </view>
                <!-- 长条 -->
                <view class="table-item border-bottom border-left border-right">
                    <view class="table-item-content-item-title-4">档案号</view>
                    <view class="table-item-content-item-content">1234123412341234123412341234</view>
                </view>
                <view class="table-item border-bottom border-left border-right">
                    <view class="table-item-content-item-title-4">报考专业</view>
                    <view class="table-item-content-item-content">建筑施工安全</view>
                </view>
                <view class="table-item border-bottom border-left border-right">
                    <view class="table-item-content-item-title-4">工作单位</view>
                    <view class="table-item-content-item-content">内蒙古呼和浩特市</view>
                </view>
                <view class="table-item border-bottom border-left border-right">
                    <view class="table-item-content-item-title-4">考点地址</view>
                    <view class="table-item-content-item-content">内蒙古呼和浩特市</view>
                </view>
                <!-- 考试科目 -->
                <view class="table-item border-left border-right border-bottom">
                    <view class="table-item-title-1  ">考试科目</view>
                    <view class="table-item-title-1 border-left ">考试时间</view>
                    <view class="table-item-title-4  border-left">考场</view>
                    <view class="table-item-title-4  border-left ">座位</view>
                </view>
                <view class="table-item border-left border-right border-bottom">
                    <view class="table-item-title-1">安全生产法律法规</view>
                    <view class="table-item-title-1 border-left">2021-11-11 09:00-11:20</view>
                    <view class="table-item-title-4 border-left">10</view>
                    <view class="table-item-title-4 border-left">99</view>
                </view>
                <view class="table-item border-left border-right border-bottom">
                    <view class="table-item-title-1">安全生产法律法规</view>
                    <view class="table-item-title-1 border-left">2021-11-11 09:00-11:20</view>
                    <view class="table-item-title-4 border-left">10</view>
                    <view class="table-item-title-4 border-left">99</view>
                </view>
                <view class="table-item border-left border-right border-bottom">
                    <view class="table-item-title-1">安全生产法律法规</view>
                    <view class="table-item-title-1 border-left">2021-11-11 09:00-11:20</view>
                    <view class="table-item-title-4 border-left">10</view>
                    <view class="table-item-title-4 border-left">99</view>
                </view>
                <view class="table-notice border-left border-right border-bottom">
                    <view class="text-blod text-lg">考试须知</view>
                    <view class="margin-top-smm">
                        考试须知考试须知考试须知考试须知考试须知考试须知考试须知考试须知考试须知考试须知考试须知考试须知考试须知考试须知考试须知考试须知考试须知考试须知考试须知考试须知考试须知</view>
                </view>
            </view>
        </view>
    </view>
</scroll-view>