暂降治理评估

src/components/icon/back/index.vue

@@ -1,27 +1,36 @@
 <template>
-  <div style='width: 12px;'></div>
-  <el-icon color='black' class='backIcon'>
-    <close @click='go(-1)' />
-  </el-icon>
+    <!--  <div style='width: 12px;'></div>-->
+    <!--  <el-icon color='black' class='backIcon'>-->
+    <!--    <close @click='go(-1)' />-->
+    <!--  </el-icon>-->
+    <el-button @click='go(-1)' :class='{positionStyle:custom,ml10:true}' :icon='Back'>返回</el-button>
 </template>
 
 <script setup lang='ts'>
 import { useRouter } from 'vue-router'
-import { Close } from '@element-plus/icons-vue'
+import { Back } from '@element-plus/icons-vue'
+
 const { go } = useRouter()
+defineProps(['custom'])
 </script>
 
 <style scoped>
 .backIcon {
-  position: absolute;
-  top: 0;
-  right: 0;
-  font-size: 25px;
-  cursor: pointer;
+    position: absolute;
+    top: 0;
+    right: 0;
+    font-size: 25px;
+    cursor: pointer;
 }
 
 .backIcon:hover {
-  border-radius: 25px;
-  background-color: lightgrey;
+    border-radius: 25px;
+    background-color: lightgrey;
+}
+
+.positionStyle {
+    position: absolute;
+    right: 20px;
+    top: 20px;
 }
 </style>