一、页面部分
<view class="table">
<view class="row rowHeader">
<view class="cell span5">2026-08-08|"音速猫·感恩体育生"2026年第四届济南..</view>
</view>
<view class="row">
<view class="cell">400米</view>
<view class="cell cell-fixed">男子组U14</view>
<view class="cell">决赛</view>
<view class="cell">1'01"66</view>
<view class="cell">第二名</view>
<view class="cell cell-fixed-end">
<image src="./img/huangbt.png" class="table-huangbt"></image>
</view>
</view>
</view>
二、css部分：
.table { width: 100%; }
.row { display: flex; }
.cell {
flex: 1; /* 每列均分 */
border: 1px solid #eee;
padding: 8rpx;
text-align: center;
font-size: 24rpx;
}
.cell-fixed {
flex: 0 0 160rpx; /* 固定 200rpx，不伸缩 */
width: 160rpx;
}
.cell-fixed-end {
flex: 0 0 40rpx; /* 固定 200rpx，不伸缩 */
width: 40rpx;
}
.span5 {
flex: 6;
text-align: left;
color: #fff;
padding-left: 10rpx;
box-sizing: border-box;
}
.rowHeader{
background-color: #BD986B;
border-top-left-radius: 20rpx;
border-top-right-radius: 20rpx;
}