增加返回按钮

src/views/bigpage/index.vue

@@ -5,9 +5,15 @@
       <div class="left-tags">2023年8月11日 星期五 16:23:34</div>
       <div class="system-title" text="产品画像">产品画像</div>
       <div class="rigth-tags">
-        <div class="rigth-tags-diva">
+        <!-- <div class="rigth-tags-diva">
           <span class="rigth-tags-spana"><i class="el-icon-sunny"></i></span
           >晴天 17~28°C <span class="rigth-tags-spanb"> | </span>东南风3级
+        </div> -->
+        <div class="content-top-fanhui" @click="toBack">
+          <div class="content-top-fanhui-main">
+            <div class="black-bg"></div>
+            <span>返回</span>
+          </div>
         </div>
       </div>
     </div>
@@ -97,12 +103,57 @@ export default {
   },
   created() {},
   mounted() {},
-  methods: {},
+  methods: {
+    toBack() {
+      this.$router.go(-1);
+    },
+  },
   computed: {},
 };
 </script>
 <style scoped lang='scss'>
 @import "@/assets/styles/theme.scss";
+.content-top-fanhui {
+  margin-right: 10px;
+  background: linear-gradient(
+    0deg,
+    rgba(103, 200, 255, 0.2) 0%,
+    rgba(111, 176, 231, 0.1) 100%
+  );
+  cursor: pointer;
+  .content-top-fanhui-main {
+    padding: 2px 12px;
+    border: 1px solid;
+    border-image: linear-gradient(0deg, #1865f2, #7baaff) 10 10;
+    border-radius: 4px;
+    display: flex;
+    align-items: center;
+    .black-bg {
+      width: 26px;
+      height: 24px;
+      background: url("../../assets/images/daping/back.png") no-repeat center;
+      background-size: cover;
+      margin-top: 3px;
+    }
+    span {
+      font-size: 16px;
+      font-family: SourceHanSansSC;
+      font-weight: bold;
+      color: #feffff;
+      text-shadow: 0px 4px 9px rgba(0, 0, 0, 0.29);
+      background: linear-gradient(
+        0deg,
+        #caffff 0%,
+        #caffff 0%,
+        #ffffff 0%,
+        #74b4f4 38.96484375%,
+        #3883ff 100%
+      );
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+    }
+  }
+}
 
 div {
   text-align: left;