'!'

src/pages/merchant/userInfo/userInfo.scss

@@ -0,0 +1,127 @@
+.merchant-root {
+    box-sizing: border-box;
+    background-color: #4eb331;
+    position: sticky;
+    top: 0;
+    z-index: 1;
+
+    .store-timer {
+        text-align: center;
+        color: #fcff06;
+        height: 0rpx;
+        line-height: 50rpx;
+        overflow: hidden;
+        transition: all 0.5s;
+
+        .text {
+            margin-left: -60rpx;
+        }
+    }
+
+    .store-active {
+        height: 50rpx;
+    }
+
+    .info-root {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        padding: 0rpx 20rpx 20rpx 20rpx;
+
+        .user-infor-root {
+            display: flex;
+            align-items: center;
+
+            image {
+                width: 140rpx;
+                height: 140rpx;
+                border-radius: 50%;
+                background-color: #fff;
+                border: 4rpx solid #fff;
+            }
+
+            .isHeight {
+                height: 190rpx;
+            }
+
+            .storeName-style-timer {
+                display: flex;
+                flex-direction: column;
+                color: #fff;
+                width: 380rpx;
+                margin-left: 25rpx;
+
+                .timer-root {
+                    margin-top: 5rpx;
+                    line-height: 1;
+                    padding: 10rpx 10rpx;
+                    background-color: rgba(0, 0, 0, 0.15);
+                    border-radius: 10rpx;
+                }
+
+                .name,
+                .state,
+                .timer-root {
+                    display: inline-block;
+                    max-width: 380rpx;
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                    white-space: nowrap;
+                    margin-bottom: 10rpx;
+                }
+
+                .state,
+                .timer {
+                    font-size: 28rpx;
+                }
+
+                .state {
+                    display: flex;
+                    align-items: center;
+
+                    .tip{
+                        display: flex;
+                        line-height: 46rpx;
+                        .title{
+                            font-size: 24rpx;
+                        }
+                    }
+
+                    .do-business-root {
+                        display: flex;
+                        align-items: center;
+                        justify-content: center;
+                        background: #3e8f27;
+                        border-radius: 80rpx;
+                        color: #cccccc;
+                        margin-right: 10rpx;
+                        transition: all 0.4s;
+
+                        .text {
+                            padding: 0 15rpx;
+                        }
+                    }
+
+                    .business-active {
+                        background-color: #ffad49;
+                        color: #fff;
+                    }
+                }
+            }
+        }
+
+        .esc-switchSoter {
+            width: 152rpx;
+
+            button {
+                font-size: 24rpx;
+                color: #4eb331;
+                white-space: nowrap;
+            }
+
+            .swithcStore-btn {
+                margin-top: 20rpx;
+            }
+        }
+    }
+}