fix: style

JX3BOX · Jan 2, 2024 · e235ed0 · e235ed0
1 parent f838a29
commit e235ed0
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/src/assets/css/horse/broadcast.less b/src/assets/css/horse/broadcast.less
@@ -73,12 +73,18 @@
                 padding: 0 10px;
                 gap: 5px;
                 color: #000;
+                box-sizing: border-box;
+                border: 1px solid #f5f5f5;
                 .mr(40px);
                 .bold;
                 .fz(14px);
                 &.no-horse {
                     justify-content: center;
                 }
+                &.active {
+                    border: 1px solid #e86f00;
+                    background: rgba(232, 111, 0, 0.1);
+                }
 
                 .u-col {
                     .flex;

diff --git a/src/components/horse/HorseBroadcastV2.vue b/src/components/horse/HorseBroadcastV2.vue
@@ -16,7 +16,12 @@
             ></jx3box-map>
             <div class="m-list">
                 <div class="m-item" v-for="(item, index) in listData" :key="index">
-                    <div class="m-horse" @click="active = index" v-if="item.fromTime">
+                    <div
+                        class="m-horse"
+                        @click="active = index"
+                        v-if="item.fromTime"
+                        :class="{ active: active === index }"
+                    >
                         <div class="u-col u-times" :class="item.subtype === 'foreshow' && 'u-times-lately'">
                             <span>{{ item.fromTime }}</span>
                             <span> ~ </span>