.rrpage.data-v-716fbf2c { display: flex; flex-direction: column; /* 垂直方向排列 */ } .rtop-nav.data-v-716fbf2c { display: flex; flex-direction: row; position: fixed; /* 固定定位 */ top: 0; /* 微信小程序处改为0 */ width: 100%; /* 宽度为100% */ height: 80rpx; background-color: #f9f9f9; /* 背景色 */ border-bottom: 1px solid #ccc; /* 边框 */ font-size: 36rpx; font-weight: bold; justify-content: space-between; /* 两端对齐 */ } .rtop-left.data-v-716fbf2c { padding-left: 45rpx; flex-grow: 1; /* 让这个区域可扩展 */ } .rtop-scole.data-v-716fbf2c { text-align: center; /* 中间对齐 */ padding-right: 40px; flex-grow: 1; } .rtop-rank.data-v-716fbf2c { padding-right: 20px; } .rtop-left.data-v-716fbf2c { text-align: left; /* 姓名列靠左 */ } .rtop-scole.data-v-716fbf2c,.rtop-rank.data-v-716fbf2c{ text-align: right; } .rrpage-body.data-v-716fbf2c { width: 100%; margin-top: 70rpx; margin-bottom: 30rpx; flex-direction: column; } .rank-list.data-v-716fbf2c { display: flex; flex-direction: column; overflow-y: auto; /* 允许纵向滚动 */ border: 1px solid #ccc; border-radius: 5px; padding: 10px; background-color: white; } .rank-item.data-v-716fbf2c { display: flex; flex-direction: row; /* 水平方向排列 */ padding: 10px; border-bottom: 1px solid #eee; justify-content: space-between; /* 两端对齐 */ } .rank-item.data-v-716fbf2c:last-child { border-bottom: none; } .rank-info.data-v-716fbf2c { display: flex; align-items: center; /* 垂直居中对齐 */ } .rank-name.data-v-716fbf2c { font-size: 32rpx; overflow: hidden; /* 防止溢出 */ text-overflow: ellipsis; /* 溢出时显示省略号 */ white-space: nowrap; /* 不换行 */ text-align: left; /* 姓名列靠左 */ flex: 6; } .rank-score.data-v-716fbf2c{ text-align: center; /* 中间对齐 */ padding-left: 110px; flex: 1; } .rank-position.data-v-716fbf2c{ text-align: center; padding-left: 55px; flex:1; } .rank-score.data-v-716fbf2c, .rank-position.data-v-716fbf2c { font-size: 36rpx; } .rbtn-area.data-v-716fbf2c { position: fixed; /* 固定定位 */ bottom: 0; /* 微信改为0 */ left: 0; /* 从左侧开始 */ width: 100%; /* 宽度为100% */ height: 36px; background-color: dodgerblue; text-align: center; /* 文本居中 */ border-top: 1px solid #ccc; /* 顶部边框 */ padding: 10px 0; /* 内边距 */ font-size: 38rpx; } .navigator.data-v-716fbf2c { display: inline-block; /* 确保按钮显示正常 */ }