处理开台

unpackage/dist/dev/mp-weixin/pages/index/index.wxss

@@ -58,6 +58,20 @@
   text-align: center;
   padding: 20rpx 60rpx;
 }
+
+/* Grid布局 - 每行两列 */
+.room-grid.data-v-1cf27b2a {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  /* 两列等宽 */
+  gap: 20rpx;
+  /* 间距 */
+  padding: 20rpx;
+  background: #f5f5f5;
+}
+.room-grid-item.data-v-1cf27b2a {
+  border-radius: 16rpx;
+}
 .grid-item-content.data-v-1cf27b2a {
   display: flex;
   flex-direction: column;
@@ -66,23 +80,54 @@
   height: 100%;
   text-align: center;
 }
-.room-name.data-v-1cf27b2a {
+.grid-item-content .room-name.data-v-1cf27b2a {
   font-size: 32rpx;
-}
-.room-footer.data-v-1cf27b2a {
-  margin: 20rpx 0;
-  color: #666;
-}
-.room-footer .room-id.data-v-1cf27b2a {
-  font-size: 26rpx;
-  margin-bottom: 10rpx;
-}
-.room-footer .remark.data-v-1cf27b2a {
-  font-size: 24rpx;
-  padding: 10rpx;
+  padding: 20rpx 0;
   text-align: center;
 }
-.buttons.data-v-1cf27b2a {
+.grid-item-content .room-info.data-v-1cf27b2a {
+  text-align: left;
+  padding: 20rpx 10rpx;
+  color: #666;
+  width: 100%;
+  min-height: 160rpx;
+  box-sizing: border-box;
+}
+.grid-item-content .room-info .room-id.data-v-1cf27b2a {
+  font-size: 24rpx;
+}
+.grid-item-content .room-info .remark.data-v-1cf27b2a {
+  font-size: 24rpx;
+  display: -webkit-box;
+  /* 使元素成为伸缩容器 */
+  -webkit-box-orient: vertical;
+  /* 设置伸缩方向为纵向 */
+  overflow: hidden;
+  /* 隐藏超出的内容 */
+  -webkit-line-clamp: 2;
+  /* 限制显示2行 */
+  line-height: 36rpx;
+  word-wrap: break-word;
+  /* 强制长单词或长数字换行 */
+  word-break: break-word;
+  /* 强制长单词或长数字换行 */
+  white-space: normal;
+  /* 确保文本正常换行 */
+  /* 设置行高 */
+}
+.grid-item-content .room-buttons.data-v-1cf27b2a {
+  padding: 20rpx 10rpx;
   display: flex;
-  gap: 16rpx;
+  gap: 20rpx;
+  justify-content: space-around;
+  width: 100%;
+  box-sizing: border-box;
+}
+.title.data-v-1cf27b2a {
+  padding: 0 20rpx;
+  margin-top: 20rpx;
+  margin-bottom: 20rpx;
+  font-size: 28rpx;
+  font-weight: 400;
+  text-align: center;
 }