feat: 1调整部分命名 2新增发布公告页面UI

src/pages.json

@@ -81,6 +81,18 @@
       },
       "needLogin": false
     },
+    {
+      "path": "pages/info-publish/announce-notice",
+      "type": "page",
+      "layout": "default",
+      "style": {
+        "navigationStyle": "custom"
+      }
+    },
+    {
+      "path": "pages/info-publish/basic-info",
+      "type": "page"
+    },
     {
       "path": "pages/info-publish/info-publish",
       "type": "page"
@@ -94,7 +106,7 @@
       }
     },
     {
-      "path": "pages/info-publish/notice",
+      "path": "pages/info-publish/notice-manage",
       "type": "page",
       "layout": "default",
       "style": {

src/pages/info-publish/announce-notice.vue

@@ -41,9 +41,9 @@
     </div>
 
     <!-- 底部按钮 -->
-    <div class="bottom-button">
+    <view class="bottom-btns">
-      <button class="next-step" @click="handleNextStep">下一步</button>
+      <button class="nextstep-btn" @click="handlePublish">下一步</button>
-    </div>
+    </view>
   </div>
 </template>
 
@@ -153,18 +153,28 @@
     text-align: right;
   }
 
-  .bottom-button {
+  .bottom-btns {
-    padding: 15px;
+    position: fixed;
-    background: #ff4d4f;
+    right: 0;
-  }
+    bottom: 0;
+    left: 0;
+    display: flex;
+    padding: 10px 15px;
+    background-color: #fff;
+    box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.05);
 
-  .next-step {
+    .nextstep-btn {
-    width: 100%;
+      flex: 1;
-    height: 44px;
+      height: 40px;
-    font-size: 16px;
+      font-size: 14px;
-    color: #fff;
+      line-height: 40px;
-    background: #4080ff;
+      text-align: center;
-    border: none;
+      border-radius: 4px;
-    border-radius: 16px;
+    }
+
+    .nextstep-btn {
+      color: #fff;
+      background-color: #007aff;
+    }
   }
 </style>