refactor(app): 优化个人主页编辑页面布局和文案

- 添加 BottomAppBar 组件
- 调整 SectionHeading 标题和副标题文案
- 优化保存按钮布局

packages/app/src/pages/mine/homepage/edit/index.vue

@@ -10,6 +10,7 @@ import { storeToRefs } from 'pinia'
 import { pick } from 'radash'
 import { requestToast } from '../../../../core/utils/common'
 import UploadEvo from '@/components/upload-evo.vue'
+import BottomAppBar from "@/components/bottom-app-bar.vue";
 
 const userStore = useUserStore()
 const { userInfo } = storeToRefs(userStore)
@@ -105,7 +106,7 @@ onMounted(async () => {
       </Card>
       <Card>
         <div>
-          <SectionHeading title="个人信息" subtitle="请输入个人身份"></SectionHeading>
+          <SectionHeading title="个人身份" subtitle="请输入关于自己身份体现"></SectionHeading>
           <div
             class="mt-4.5 mx--3.5 text-black/40 text-xs font-normal font-['PingFang_SC'] leading-snug"
           >
@@ -157,10 +158,9 @@ onMounted(async () => {
           </SectionHeading>
         </div>
       </Card>
-      <!-- <BottomAppBar>
-
-    </BottomAppBar> -->
-      <div class=""><wd-button block :round="false" @click="handleSubmit">保存</wd-button></div>
+      <BottomAppBar fixed placeholder>
+        <div class=""><wd-button block :round="false" @click="handleSubmit">保存</wd-button></div>
+      </BottomAppBar>
     </template>
   </div>
 </template>