修改样式

src/views/coupon/components/coupon-bottom.vue

@@ -3,22 +3,21 @@
     <div class="coupon-main flex">
       <div class="flex coupon-bottom-left">
         <img
-          class="image"
+          class="purse"
           src="https://files.yunqueyi.com/image/png/common/20240425190946978.png"
-        >
+        />
         <span class="more">领更多好券</span>
       </div>
       <div class="flex coupon-bottom-right">
-        <div
-          class="center"
-          @click="goCenter"
-        >
-          去领券中心
-        </div>
-        <van-icon
+        <div class="center" @click="goCenter">去领券中心</div>
+        <!-- <van-icon
           name="arrow"
           color="#999999"
           size="12px"
+        /> -->
+        <img
+          class="arrow-right"
+          src="https://files.yunqueyi.com/image/png/common/20240612165652648.png"
         />
       </div>
     </div>
@@ -26,25 +25,25 @@
   </div>
 </template>
 <script>
-  export default {
-    components: {},
-    props: {},
-    emits: [],
-    data() {
-      return {};
-    },
-    mounted() {},
+export default {
+  components: {},
+  props: {},
+  emits: [],
+  data() {
+    return {};
+  },
+  mounted() {},
 
-    methods: {
-      goCenter() {
-        console.log(111,'111')
-        this.$router.push({
-          path: '/coupon-center',
-          // query: { backMethod: 'web' },
-        });
-      },
+  methods: {
+    goCenter() {
+      console.log(111, "111");
+      this.$router.push({
+        path: "/coupon-center",
+        // query: { backMethod: 'web' },
+      });
     },
-  };
+  },
+};
 </script>
 <style lang="less" scoped>
 .coupon-bottom {
@@ -60,7 +59,7 @@
     padding: 12px 20px;
     box-shadow: inset 0 -1px 0 0 #e7e8e7;
     justify-content: space-between;
-    .image {
+    .purse {
       height: 23px;
       width: 22px;
       margin-right: 8px;
@@ -78,20 +77,24 @@
       line-height: 14px;
       margin-right: 3px;
     }
+  }
 
+  &-right {
+    align-items: center;
   }
- 
-    &-right {
-      align-items: center;
-    }
   .bottom {
     height: 26px;
     width: 100%;
     background-color: #fff;
-
   }
   .flex {
     display: flex;
-  } 
+  }
+  .arrow-right {
+    display: flex;
+    height: 12px;
+    width: 6px;
+    margin-left: 3px;
+  }
 }
 </style>