From 90a3aa8e37baf8988229f2fb5f7b8d89ed95f75b Mon Sep 17 00:00:00 2001
From: guoyue <guoyue2@hisense.com>
Date: Tue, 13 Sep 2022 14:59:44 +0800
Subject: [PATCH] =?UTF-8?q?=E8=83=BD=E5=8A=9B=E4=BA=91=E5=9B=BE=E5=A2=9E?=
 =?UTF-8?q?=E5=8A=A0=E8=BF=94=E5=9B=9E=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/capabilityCloudBack.vue        | 34 +++++++++++++++++++
 front/src/views/capabilityCloud/index.vue     |  2 ++
 2 files changed, 36 insertions(+)
 create mode 100644 front/src/views/capabilityCloud/components/capabilityCloudBack.vue

diff --git a/front/src/views/capabilityCloud/components/capabilityCloudBack.vue b/front/src/views/capabilityCloud/components/capabilityCloudBack.vue
new file mode 100644
index 00000000..d549654d
--- /dev/null
+++ b/front/src/views/capabilityCloud/components/capabilityCloudBack.vue
@@ -0,0 +1,34 @@
+<template>
+  <div class="detail-back" @click="previousPage" :style="{ color: textColor }">
+    ＜返回
+  </div>
+</template>
+
+<script setup>
+import { reactive, ref, watch, defineProps } from 'vue'
+import { useRouter } from 'vue-router'
+const router = useRouter()
+
+const props = defineProps({
+  textColor: { type: String, default: '' },
+})
+
+const previousPage = () => {
+  window.history.go(-1)
+}
+</script>
+
+<style scoped lang="less">
+.detail-back {
+  position: absolute;
+  opacity: 0.7;
+  top: 0.5rem;
+  left: 100px;
+  font-size: 0.20rem;
+  cursor: pointer;
+  background: -webkit-linear-gradient(90deg, #99a8d0, #fff);
+  font-weight: 600;
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+</style>
\ No newline at end of file
diff --git a/front/src/views/capabilityCloud/index.vue b/front/src/views/capabilityCloud/index.vue
index 04dd8dc9..914a45c5 100644
--- a/front/src/views/capabilityCloud/index.vue
+++ b/front/src/views/capabilityCloud/index.vue
@@ -7,6 +7,7 @@
 -->
 <template>
   <div class="capability-cloud">
+    <capability-cloud-back></capability-cloud-back>
     <div class="header">
       <span class="title" @click="goHome">数字能力超市</span>
     </div>
@@ -29,6 +30,7 @@
   import Infrastructure from '@/views/capabilityCloud/components/Infrastructure.vue'
   import DataResources from '@/views/capabilityCloud/components/DataResources.vue'
   import KnowledgeBase from '@/views/capabilityCloud/components/KnowledgeBase.vue'
+  import capabilityCloudBack from '@/views/capabilityCloud/components/capabilityCloudBack.vue'
   import { useRouter } from 'vue-router'
   const router = useRouter()
   const goHome = () => {