feat: refine merged venue home and auth states

2026-06-09 11:59:50 +08:00
parent 4c20371c6d
commit 11fe7399f3
8 changed files with 212 additions and 65 deletions
@@ -0,0 +1,99 @@
+<template>
+  <view class="venue-switch-header" @tap="switchVenue">
+    <view class="venue-switch-main">
+      <text class="venue-switch-kicker">当前场馆</text>
+      <text class="venue-switch-name">{{ venueName }}</text>
+    </view>
+    <view class="venue-switch-action">
+      <text class="venue-switch-action__text">切换场馆</text>
+      <view class="venue-switch-action__arrow" />
+    </view>
+  </view>
+</template>
+
+<script setup>
+defineProps({
+  venueName: {
+    type: String,
+    required: true
+  }
+})
+
+const switchVenue = () => {
+  uni.navigateTo({ url: '/pages/venue-select/index?mode=switch' })
+}
+</script>
+
+<style lang="scss" scoped>
+.venue-switch-header {
+  min-height: 96rpx;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: $spacing-md;
+  margin-bottom: $spacing-md;
+  padding: 18rpx 20rpx;
+  border: 1rpx solid rgba(226, 232, 240, 0.96);
+  border-radius: $border-radius-base;
+  background: rgba(255, 255, 255, 0.98);
+  box-shadow: 0 10rpx 28rpx rgba(15, 23, 42, 0.04);
+}
+
+.venue-switch-header:active {
+  background: $bg-color-hover;
+}
+
+.venue-switch-main {
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 4rpx;
+}
+
+.venue-switch-kicker {
+  color: $text-color-light;
+  font-size: 20rpx;
+  font-weight: 700;
+  line-height: 1.2;
+}
+
+.venue-switch-name {
+  overflow: hidden;
+  color: $text-color-main;
+  font-size: 30rpx;
+  font-weight: 900;
+  line-height: 1.25;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.venue-switch-action {
+  flex-shrink: 0;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 6rpx;
+  height: 56rpx;
+  padding: 0 16rpx;
+  border: 1rpx solid $border-color;
+  border-radius: $border-radius-sm;
+  background: $bg-color-soft;
+  color: $text-color-regular;
+}
+
+.venue-switch-action__text,
+.venue-switch-action__arrow {
+  color: $text-color-regular;
+  font-size: 23rpx;
+  font-weight: 800;
+  line-height: 1;
+}
+
+.venue-switch-action__arrow {
+  width: 12rpx;
+  height: 12rpx;
+  border-top: 2rpx solid $text-color-muted;
+  border-right: 2rpx solid $text-color-muted;
+  transform: rotate(45deg);
+}
+</style>