列表UI优化

src/components/ListBanner/index.vue

+<template>
+  <div class="banner  wow animate__animated animate__fadeIn">
+    <div class="title wow animate__animated animate__fadeInLeft">
+      <div class="img-container">
+        <img src="@/assets/imgs/list/ding.png" alt="" srcset="" />
+      </div>
+      <div class="text">{{ title }}</div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "ListBanner",
+  props: {
+    title: {
+      type: String,
+      default: "标题",
+    },
+  },
+};
+</script>
+
+<style lang='scss' scoped>
+.banner {
+  width: 100%;
+  height: 222px;
+  background-image: url("@/assets/imgs/list/banner.png");
+  background-size:100% 100%;
+  display: flex;
+  align-items: center;
+  .title {
+    padding: 0 13%;
+    display: flex;
+    align-items: flex-end;
+    .img-container {
+      width: 78px;
+      height: 78px;
+      margin-right: 26px;
+      img {
+        width: 100%;
+        height: 100%;
+      }
+    }
+    .text {
+      font-size: 42px;
+      font-family: "Alibaba-PuHuiTi";
+      font-weight: 400;
+      color: #2069c4;
+    }
+  }
+}
+</style>
\ No newline at end of file

src/icons/svg/search.svg

+<?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="1662104899558" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2853" xmlns:xlink="http://www.w3.org/1999/xlink" width="128" height="128"><path d="M966.4 924.8l-230.4-227.2c60.8-67.2 96-156.8 96-256 0-217.6-176-390.4-390.4-390.4-217.6 0-390.4 176-390.4 390.4 0 217.6 176 390.4 390.4 390.4 99.2 0 188.8-35.2 256-96l230.4 227.2c9.6 9.6 28.8 9.6 38.4 0C979.2 950.4 979.2 934.4 966.4 924.8zM102.4 441.6c0-185.6 150.4-339.2 339.2-339.2s339.2 150.4 339.2 339.2c0 89.6-35.2 172.8-92.8 233.6-3.2 0-3.2 3.2-6.4 3.2-3.2 3.2-3.2 3.2-3.2 6.4-60.8 57.6-144 92.8-233.6 92.8C256 780.8 102.4 627.2 102.4 441.6z" p-id="2854"></path></svg>
\ No newline at end of file