微信小程序在线考试系统 毕业设计（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;}