style(ui): 优化下拉菜单文字显示样式

为下拉菜单选项和按钮添加单行显示样式，防止文字溢出并保持布局整洁

 <!--
 <!--
   * @Date: 2025-05-29 15:34:17
   * @Date: 2025-05-29 15:34:17
  * @LastEditors: hookehuyr hookehuyr@gmail.com
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2025-06-27 15:09:17
+ * @LastEditTime: 2025-06-28 21:38:42
  * @FilePath: /mlaj/src/views/teacher/checkinPage.vue
  * @FilePath: /mlaj/src/views/teacher/checkinPage.vue
   * @Description: 文件描述
   * @Description: 文件描述
 -->
 -->
@@ -833,6 +833,28 @@ const handleAdd = (type) => {
 .van-back-top {
 .van-back-top {
   background-color: #4caf50;
   background-color: #4caf50;
 }
 }
+/* 下拉菜单选项文字单行显示 */
+.van-dropdown-item {
+  .van-cell__title {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    max-width: 100%;
+    flex: 0 0 80%; /* title占80%宽度 */
+  }
+
+  .van-cell__value {
+    flex: 0 0 20%; /* value占20%宽度 */
+  }
+}
+
+/* 下拉菜单按钮文字单行显示 */
+.van-dropdown-menu__title {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 100%;
+}
 .calendar-checkin {
 .calendar-checkin {
   .van-calendar__selected-day {
   .van-calendar__selected-day {
     background: #a2d8a3 !important;
     background: #a2d8a3 !important;

@@ -460,6 +460,29 @@ onUnmounted(() => {
   box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
   box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
 }
 }
 
 
+/* 下拉菜单选项文字单行显示 */
+.van-dropdown-item {
+  .van-cell__title {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    max-width: 100%;
+    flex: 0 0 80%; /* title占80%宽度 */
+  }
+  
+  .van-cell__value {
+    flex: 0 0 20%; /* value占20%宽度 */
+  }
+}
+
+/* 下拉菜单按钮文字单行显示 */
+.van-dropdown-menu__title {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 100%;
+}
+
 .van-circle {
 .van-circle {
   font-size: 12px;
   font-size: 12px;
   font-weight: bold;
   font-weight: bold;