微信小程序在线考试系统 毕业设计（7）考试记录

wxml代码

<view class="jilu"> <view class="jilu_biaoti"> <view class="jilu_biaoti1">2020-06-13</view> <view class="jilu_biaoti2">JavaScript考试</view> <view class="jilu_biaoti3"> 查看解析 </view> </view> <view class="jilu_neirong"> <view class="jilu_neirong1"> 对:8 | 错:0 </view> <view class="jilu_neirong2"> 分数：95 </view> <view class="jilu_neirong3"> 删除记录 </view> </view> </view> <view class="h15"></view> <view class="jilu"> <view class="jilu_biaoti"> <view class="jilu_biaoti1">2020-06-13</view> <view class="jilu_biaoti2">JavaScript考试</view> <view class="jilu_biaoti3"> 查看解析 </view> </view> <view class="jilu_neirong"> <view class="jilu_neirong1"> 对:8 | 错:0 </view> <view class="jilu_neirong2"> 分数：95 </view> <view class="jilu_neirong3"> 删除记录 </view> </view> </view>

wxss代码

.jilu{ display: flex; flex-direction: column; font-size: 15px; padding: 5px; border-bottom: 1px solid gainsboro; background-color: #f2f2f2;} .jilu_biaoti{display: flex; padding: 5px;} .jilu_biaoti1{width: 7em;} .jilu_biaoti2{flex-grow: 1;justify-content: start;} .jilu_biaoti3{width: 5em; background-color: #e4e4e4; text-align: center;} .jilu_neirong{display: flex;padding: 5px;} .jilu_neirong1{width: 7em;} .jilu_neirong2{flex-grow: 1;justify-content: start;} .jilu_neirong3{width: 5em; background-color: orange; color: white; text-align: center;}