修改主菜单切换样式

src/layouts/default/header/components/UpgradePrompt.vue

@@ -26,7 +26,7 @@
   // }
   localStorage.setItem(localKey, String(Date.now()));
 
-  const value = ref('服务平台');
+  const value = ref();
   const data = ref([
     {
       payload: {
@@ -56,7 +56,7 @@
       payload: {
         key: 6,
       },
-      value: '数据共享交换',
+      value: '数据要素',
     },
   ]);
 
@@ -97,16 +97,17 @@
       <template #label="{ payload, value: segmentValue }">
         <div
           @click="handleSelect(payload.key, segmentValue)"
+          :class="{ 'selected-item': segmentValue === value }"
           style="
-            font-size: 18px;
+            font-size: 16px;
             display: flex;
             justify-content: center;
             align-items: center;
-            width: 100%;
+            width: 70px;
             height: 35px;
           "
         >
-          <span> {{ segmentValue }} </span>
+          <span>{{ segmentValue }}</span>
         </div>
       </template>
     </Segmented>
@@ -116,3 +117,10 @@
     <!--    }}</a-button>-->
   </div>
 </template>
+
+<style lang="less" scoped>
+  /deep/ .ant-segmented-item-selected {
+    background-color: #007bff;
+    color: white;
+  }
+</style>