Explorar o código

refactor(页面布局): 移除自定义导航栏相关代码并简化样式

移除about页面的自定义导航栏代码及相关配置,统一使用默认导航栏样式
优化index页面布局,移除多余的overflow-hidden样式
修复upload组件图片显示条件判断
feige996 hai 10 meses
pai
achega
119edac05a

+ 1 - 2
src/pages.json

@@ -52,8 +52,7 @@
       "path": "pages/about/about",
       "type": "page",
       "style": {
-        "navigationBarTitleText": "关于",
-        "navigationStyle": "custom"
+        "navigationBarTitleText": "关于"
       }
     }
   ],

+ 0 - 2
src/pages/about/about.vue

@@ -2,14 +2,12 @@
 {
   style: {
     navigationBarTitleText: '关于',
-    navigationStyle: 'custom', // 开启自定义导航栏
   },
 }
 </route>
 
 <template>
   <view>
-    <fg-navbar>关于</fg-navbar>
     <view
       class="bg-white overflow-hidden pt-2 px-4"
       :style="{ marginTop: safeAreaInsets?.top + 'px' }"

+ 2 - 2
src/pages/about/components/upload.vue

@@ -14,8 +14,8 @@
     <template v-else>
       <view class="m-2">上传后返回的接口数据:</view>
       <view class="m-2">{{ data }}</view>
-      <view class="h-80 w-full">
-        <image v-if="data" :src="data.url" mode="scaleToFill" />
+      <view v-if="data" class="h-80 w-full">
+        <image :src="data.url" mode="scaleToFill" />
       </view>
     </template>
   </view>

+ 2 - 4
src/pages/index/index.vue

@@ -2,16 +2,14 @@
 <route lang="json5" type="home">
 {
   style: {
+    // 'custom' 表示开启自定义导航栏,默认 'default'
     navigationStyle: 'custom',
     navigationBarTitleText: '首页',
   },
 }
 </route>
 <template>
-  <view
-    class="bg-white overflow-hidden pt-2 px-4"
-    :style="{ marginTop: safeAreaInsets?.top + 'px' }"
-  >
+  <view class="bg-white pt-2 px-4" :style="{ marginTop: safeAreaInsets?.top + 'px' }">
     <view class="mt-12">
       <image src="/static/logo.svg" alt="" class="w-28 h-28 block mx-auto" />
     </view>