微信小程序在線考試系統 畢業設計（3）題庫列表

wxml代碼

<navigator class="shijuan" url="/pages/tiku/kaoshi">
    <view class="shijuan_fengmian">
        <image  mode="widthFix" class="shijuan_fengmian_tu" src="/tupian/01.jpg"></image>
    </view>
    <view class="shijuan_xinxi">
        <view class="shijuan_xinxi1">Web入門HTML測試考試</view>
        <view class="shijuan_xinxi2">用於測試你的html基礎知識的掌握程度</view>
        <view class="shijuan_xinxi3">測試時間：90分鐘</view>
    </view>
</navigator>
<navigator class="shijuan" url="/pages/tiku/kaoshi">
    <view class="shijuan_fengmian">
        <image  mode="widthFix" class="shijuan_fengmian_tu" src="/tupian/02.jpg"></image>
    </view>
    <view class="shijuan_xinxi">
        <view class="shijuan_xinxi1">Web入門HTML測試考試</view>
        <view class="shijuan_xinxi2">用於測試你的html基礎知識的掌握程度</view>
        <view class="shijuan_xinxi3">測試時間：90分鐘</view>
    </view>
</navigator>
<navigator class="shijuan" url="/pages/tiku/kaoshi">
    <view class="shijuan_fengmian">
        <image  mode="widthFix" class="shijuan_fengmian_tu" src="/tupian/03.jpg"></image>
    </view>
    <view class="shijuan_xinxi">
        <view class="shijuan_xinxi1">Web入門HTML測試考試</view>
        <view class="shijuan_xinxi2">用於測試你的html基礎知識的掌握程度</view>
        <view class="shijuan_xinxi3">測試時間：90分鐘</view>
    </view>
</navigator>
<view class="shijuan">
    <view class="shijuan_fengmian">
        <image  mode="widthFix" class="shijuan_fengmian_tu" src="/tupian/04.jpg"></image>
    </view>
    <view class="shijuan_xinxi">
        <view class="shijuan_xinxi1">Web入門HTML測試考試</view>
        <view class="shijuan_xinxi2">用於測試你的html基礎知識的掌握程度</view>
        <view class="shijuan_xinxi3">測試時間：90分鐘</view>
    </view>
</view>
<view class="shijuan">
    <view class="shijuan_fengmian">
        <image  mode="widthFix" class="shijuan_fengmian_tu" src="/tupian/05.jpg"></image>
    </view>
    <view class="shijuan_xinxi">
        <view class="shijuan_xinxi1">Web入門HTML測試考試</view>
        <view class="shijuan_xinxi2">用於測試你的html基礎知識的掌握程度</view>
        <view class="shijuan_xinxi3">測試時間：90分鐘</view>
    </view>
</view>                
<view class="shijuan">
    <view class="shijuan_fengmian">
        <image  mode="widthFix" class="shijuan_fengmian_tu" src="/tupian/06.jpg"></image>
    </view>
    <view class="shijuan_xinxi">
        <view class="shijuan_xinxi1">Web入門HTML測試考試</view>
        <view class="shijuan_xinxi2">用於測試你的html基礎知識的掌握程度</view>
        <view class="shijuan_xinxi3">測試時間：90分鐘</view>
    </view>
</view>
<view class="shijuan">
    <view class="shijuan_fengmian">
        <image  mode="widthFix" class="shijuan_fengmian_tu" src="/tupian/07.jpg"></image>
    </view>
    <view class="shijuan_xinxi">
        <view class="shijuan_xinxi1">Web入門HTML測試考試</view>
        <view class="shijuan_xinxi2">用於測試你的html基礎知識的掌握程度</view>
        <view class="shijuan_xinxi3">測試時間：90分鐘</view>
    </view>
</view>
<view class="shijuan">
    <view class="shijuan_fengmian">
        <image  mode="widthFix" class="shijuan_fengmian_tu" src="/tupian/08.jpg"></image>
    </view>
    <view class="shijuan_xinxi">
        <view class="shijuan_xinxi1">Web入門HTML測試考試</view>
        <view class="shijuan_xinxi2">用於測試你的html基礎知識的掌握程度</view>
        <view class="shijuan_xinxi3">測試時間：90分鐘</view>
    </view>
</view>
<view class="shijuan">
    <view class="shijuan_fengmian">
        <image  mode="widthFix" class="shijuan_fengmian_tu" src="/tupian/09.jpg"></image>
    </view>
    <view class="shijuan_xinxi">
        <view class="shijuan_xinxi1">Web入門HTML測試考試</view>
        <view class="shijuan_xinxi2">用於測試你的html基礎知識的掌握程度</view>
        <view class="shijuan_xinxi3">測試時間：90分鐘</view>
    </view>
</view>
<view class="shijuan">
    <view class="shijuan_fengmian">
        <image  mode="widthFix" class="shijuan_fengmian_tu" src="/tupian/10.jpg"></image>
    </view>
    <view class="shijuan_xinxi">
        <view class="shijuan_xinxi1">Web入門HTML測試考試</view>
        <view class="shijuan_xinxi2">用於測試你的html基礎知識的掌握程度</view>
        <view class="shijuan_xinxi3">測試時間：90分鐘</view>
    </view>
</view>      

wxss代碼

 .shijuan{padding: 5px; display: flex;box-sizing: border-box;border-bottom: 1px dotted gainsboro;}
 .shijuan_fengmian{width: 30%; text-align: center;}
 .shijuan_fengmian_tu{width: 90%}
 .shijuan_xinxi{width: 70%; padding-left: 5px;box-sizing: border-box;}
 .shijuan_xinxi1{font-size: 14px;}
 .shijuan_xinxi2{color: gray;font-size: 12px;padding-top: 3px;}
 .shijuan_xinxi3{color: gray;font-size: 12px;padding-top: 3px;}