init

wx214944c362629fc7/pages/user/index.wxss

@@ -0,0 +1,123 @@
+.user {
+    background: #fff;
+    margin-bottom: 150rpx;
+    position: relative;
+}
+
+.user-header {
+    align-content: center;
+    background-color: #fd0;
+    background-position: 100%;
+    background-repeat: no-repeat;
+    background-size: auto 100%;
+    display: flex;
+    height: 310rpx;
+    padding-top: 1px;
+    width: 100%;
+}
+
+.user-header .user-header-cont {
+    align-items: center;
+    display: flex;
+    margin: auto auto 135rpx;
+    width: 79%;
+}
+
+.user-header .user-header-cont .user-header-avatar {
+    border: 5rpx solid #fff;
+    border-radius: 50%;
+    display: block;
+    height: 120rpx;
+    margin-right: 30rpx;
+    overflow: hidden;
+    width: 120rpx;
+}
+
+.user-header .user-header-cont .user-header-avatar image {
+    border-radius: 50%;
+    height: 120rpx;
+    width: 120rpx;
+}
+
+.user-header .user-header-cont .user-header-cont-name {
+    font-size: 32rpx;
+    padding: 20rpx 0;
+}
+
+.order-navbar {
+    background: #fff;
+    border-radius: 5rpx;
+    border-top: 1rpx solid #eee;
+    bottom: -370rpx;
+    box-shadow: 0 1rpx 5rpx 0 rgba(0,0,0,.05);
+    font-size: 30rpx;
+    left: 19rpx;
+    margin: auto;
+    padding: 15rpx 0;
+    position: absolute;
+    width: 95%;
+}
+
+.order-navbar-header {
+    align-items: center;
+    border-bottom: 1px solid #eee;
+    height: 70rpx;
+    justify-content: space-between;
+    margin: auto;
+    padding-bottom: 10rpx;
+    width: 91%;
+}
+
+.order-navbar-footer {
+    padding: 10rpx 0;
+    width: 100%;
+}
+
+.order-navbar-footer .order-navbar-item .order-navbar__icon {
+    color: #000;
+    display: block;
+    font-size: 36rpx;
+    margin: 0 auto;
+    padding: 10rpx 0;
+    text-align: center;
+}
+
+.order-navbar-footer .order-navbar-item .order-navbar__name {
+    color: #666;
+    display: block;
+    font-size: 24rpx;
+    margin-right: 10rpx;
+    text-align: center;
+}
+
+.order-navbar-footer .order-navbar-item .order-badge {
+    background: #ff495e;
+    border-radius: 100%;
+    color: #fff;
+    font-size: 22rpx;
+    line-height: 28rpx;
+    min-height: 30rpx;
+    min-width: 30rpx;
+    padding: 1rpx;
+    position: absolute;
+    right: 55rpx;
+    text-align: center;
+    top: 0;
+}
+
+.menus-list .menus-item {
+    border-bottom: 1rpx solid #eee;
+    padding: 28rpx;
+    position: relative;
+}
+
+.menus-list .menus-item .menus-item__name {
+    color: #444;
+    margin-left: 20rpx;
+}
+
+.qrimg {
+    height: 540rpx;
+    margin-left: -33rpx;
+    width: 620rpx;
+}