我的

ghs/src/admin/home/me.vue

@@ -1,15 +1,150 @@
 <template>
-    <div>
-
-    </div>
+    <view class="me-content_box app-content">
+        <image :src="`${constant.imgUrl}/ghs/me/bg.png`" class="me-content_bg"></image>
+        <view class="me-user_box">
+            <view class="user-info_item">
+                <view>
+                    <view class="name">
+                        石少华
+                    </view>
+                    <view class="mobile">
+                        1734454545
+                    </view>
+                </view>
+                <i class="iconfont iconxiangyou"></i>
+            </view>
+        </view>
+        <view class="me-shop_box">
+            <view class="me-shop_content content_box">
+                <view class="me-shop_top">
+                    <view class="shop-top_left">
+                       <app-avatar-module src="https://imgm.gmw.cn/attachement/jpg/site215/20210129/3570070943574738873.jpg" :width="100"/> 
+                       <view class="top-info_box">
+                            <view >
+                                纯彩花艺
+                            </view>
+                            <view>
+                                集美店
+                            </view>
+                       </view>
+                    </view>
+                    <view class="chang-shop_btn">
+                        <i class="iconfont iconqiehuan1"></i>
+                        切换店铺
+                    </view>
+                </view>
+                <image :src="`${constant.imgUrl}/ghs/me/upgrade.png`"></image>
+            </view>
+        </view>
+    </view>
 </template>
 
 <script>
+    import AppAvatarModule from '@/components/module/app-avatar'
     export default { // 我的
-        name:"Me"
+        name:"Me",
+        components:{
+            AppAvatarModule
+        },
+        data(){
+            return {
+                constant: this.$constant,
+            }
+        }
     }
 </script>
 
 <style lang="scss" scoped>
+    .me-content_box {
+        position: relative;
+        .content_box {
+            background-color: #FFFFFF;
+            box-shadow: 0px 1px 0px 0px #EEEEEE;
+            border-radius: 10px; 
+        }
+        & .me-content_bg {
+            position: absolute;
+            top: 0;
+            width: 102%;
+            height: 410upx;
+        }
+        & .me-user_box {
+            position: relative;
+            padding: 150upx 30upx 0;
+            z-index: 10;
+            & > .user-info_item {
+                display: flex;
+                align-items: center;
+                 & > view:nth-child(1) {
+                     flex: 1;
+                     & > view {
+                        color: #FFFFFF;
+                        font-weight: 600;
+                        &.name {
+                           font-size: 36upx;
+                           margin-bottom: 20px;
+                        }
+                        &.mobile {
+                            font-size: 26upx;
+                        }
+                     }
+                }
+                & .iconxiangyou {
+                    font-size: 20upx;
+                    color: #FFFFFF;
+                }
+            }
+           
+        }
+        & .me-shop_box {
+            padding:50upx 20px 0;
+            & .me-shop_content {
+                position: relative;
+                z-index: 10;
+                & .me-shop_top {
+                    position: relative;
+                    & .shop-top_left {
+                       display: flex;
+                       padding: 40upx 30upx;
+                       align-items: center;
+                       & .top-info_box {
+                           padding-left: 30upx;
+                           & > view:nth-child(1){
+                               color: #333333;
+                               font-size: 32upx;
+                               font-weight: 600;
 
+                           }
+                           & > view:nth-child(2){
+                               color: #666666;
+                               font-size: 26upx;
+                               font-weight: 400;
+                               margin-top: 22upx;
+                           }
+                       }
+                    }
+                    & .chang-shop_btn {
+                        // padding: 20upx 13upx;
+                        width: 176upx;
+                        height: 50upx;
+                        border: 1px solid #DDDDDD;
+                        border-radius: 25px;
+                        color: #666666;
+                        position: absolute;
+                        right: 20upx;
+                        top: 40upx;
+                        text-align: center;
+                        line-height: 50upx;
+                        & .iconqiehuan1 {
+                            margin-right: 10upx;
+                        }
+                    }
+                }
+                & > image {
+                    width: 100%;
+                    height: 70upx;
+                }
+            }
+        }
+    }
 </style>

ghs/src/pages.json

@@ -37,8 +37,9 @@
 		{
 			"path": "admin/home/me",
 			"style": {
-				"navigationBarTitleText": "应用",
-				"enablePullDownRefresh": true
+				"navigationBarTitleText": "我的",
+				"enablePullDownRefresh": true,
+				"navigationStyle": "custom"
 			}
 		},
 		{