动态

src/views/dynamicManagement/publishDynamic.vue

@@ -3,12 +3,7 @@
     <!-- 头部导航 -->
     <div class="header-bar">
       <div class="header-left">
-        <el-button text @click="handleGoBack">
-          <el-icon :size="20">
-            <ArrowLeft />
-          </el-icon>
-          返回
-        </el-button>
+        <el-button class="return-btn" @click="handleGoBack"> 返回 </el-button>
       </div>
       <div class="header-title">发布动态</div>
       <div class="header-right" />
@@ -106,7 +101,7 @@
   </div>
 </template>
 
-<script setup lang="ts">
+<script setup lang="ts" name="publishDynamic">
 import { ref, reactive, onMounted } from "vue";
 import { useRouter } from "vue-router";
 import { ElMessage, ElMessageBox } from "element-plus";
@@ -441,7 +436,7 @@ onMounted(() => {
   display: flex;
   flex-direction: column;
   min-height: 100vh;
-  background: #f5f7fa;
+  background: #ffffff;
 
   // 头部导航
   .header-bar {
@@ -452,11 +447,12 @@ onMounted(() => {
     align-items: center;
     justify-content: space-between;
     height: 60px;
-    padding: 0 20px;
-    background: #ffffff;
-    box-shadow: 0 2px 4px rgb(0 0 0 / 5%);
     .header-left {
       flex: 1;
+      .return-btn {
+        background: #ffffff;
+        border: 1px solid #dcdfe6;
+      }
       :deep(.el-button) {
         padding: 8px 0;
         font-size: 16px;
@@ -551,17 +547,10 @@ onMounted(() => {
 
   // 底部操作按钮
   .footer-actions {
-    position: fixed;
-    right: 0;
-    bottom: 0;
-    left: 0;
     z-index: 99;
     display: flex;
     gap: 16px;
     justify-content: center;
-    padding: 16px 20px;
-    background: #ffffff;
-    box-shadow: 0 -2px 8px rgb(0 0 0 / 8%);
     .el-button {
       min-width: 180px;
       height: 48px;