修改

public/img/up_down.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1782375366066" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8814" xmlns:xlink="http://www.w3.org/1999/xlink" width="48" height="48"><path d="M460.80041 972.796314V51.203686a51.19959 51.19959 0 0 0-102.399181 0v809.977521l-171.518628-147.454821a51.19959 51.19959 0 0 0-66.559468 77.823378l255.997952 220.158238A51.19959 51.19959 0 0 0 460.80041 972.796314zM563.19959 51.203686v921.592628a51.19959 51.19959 0 0 0 102.399181 0V162.818793l171.518628 147.454821a51.19959 51.19959 0 1 0 66.559468-77.823378l-255.997952-220.158238A51.19959 51.19959 0 0 0 563.19959 51.203686z" fill="#111111" p-id="8815"></path></svg>

src/views/platform/decoration/flashSale/index.vue

@@ -31,8 +31,7 @@
           <div v-for="(item, index) in brandList" :key="item.id" class="brand-item">
             <el-icon class="close-icon" @click.stop="handleRemoveBrand(index)"><CircleClose /></el-icon>
             <div class="sort-icon" @click.stop="handleSort(index)">
-              <span class="arrow-down">↓</span>
-              <span class="arrow-up">↑</span>
+              <img class="arrow-up" src="/img/up_down.svg" alt="" />
             </div>
             <div class="brand-logo">
               <el-image :src="item.logoUrl" fit="contain" class="logo-image">
@@ -668,15 +667,14 @@ onMounted(() => {
 
   .sort-icon {
     position: absolute;
-    top: 50%;
-    right: 6px;
+    top: 38%;
+    right: 9px;
     transform: translateY(-50%);
     cursor: pointer;
     display: flex;
     gap: 0;
 
-    .arrow-down,
-    .arrow-up {
+    .arrow-down {
       font-size: 16px;
       font-weight: bold;
       color: #999;
@@ -684,6 +682,10 @@ onMounted(() => {
         color: #409eff;
       }
     }
+    .arrow-up {
+      width: 16px;
+      height: 16px;
+    }
   }
 
   .brand-logo {