feat: 提交

src/components/custom-page/custom-page.vue

@@ -23,6 +23,7 @@
                 <slot name="content"></slot>
             </view>
         </template>
+        <slot name="bg"></slot>
     </view>
 </template>
 

src/pages/panel/constants/panel-navbar.scss

@@ -17,15 +17,15 @@
         &-weather{
             color: #1D2129;
             text-align: right;
-            .place{
-                font-size: 28rpx;
+            display: flex;
+            align-items: center;
+            image{
+                width: 80rpx;
+                height: 80rpx;
             }
             .info{
-                display: flex;
-                align-items: center;
-                image{
-                    width: 40rpx;
-                    height: 40rpx;
+                .place{
+                    font-size: 28rpx;
                 }
                 .txt{
                     margin-left: 8rpx;
@@ -42,7 +42,7 @@
         align-items: center;
         margin: 0 32rpx;
         border-radius: 16rpx;
-        padding: 0 72rpx 12rpx 72rpx;
+        padding: 12rpx 72rpx 12rpx 72rpx;
         .list-item {
             text-align: center;
             &-image {

src/pages/panel/index.vue

 <template>
     <custom-page>
-        <image class="page-bg" src="/static/image/panel/page-bg.png" />
+        <template #bg>
+            <image class="page-bg" src="/static/image/panel/page-bg.png" />
+        </template>
         <!-- 导航栏 -->
         <panel-navbar></panel-navbar>
         <!-- 菜单图标 -->

src/pages/panel/panel-navbar.vue

@@ -5,9 +5,9 @@
                 <image src="/static/image/panel/logo.png" />
             </view>
             <view class="navbar-box-weather">
-                <view class="place">武汉-WUH</view>
+                <image src="/static/image/panel/weather.png" />
                 <view class="info">
-                    <image src="/static/image/panel/weather.png" />
+                    <view class="place">武汉-WUH</view>
                     <view class="txt">晴转多云 22°</view>
                 </view>
             </view>