diff --git a/packages/user/index/index.css b/packages/user/index/index.css index 236ae862..4d73d001 100644 --- a/packages/user/index/index.css +++ b/packages/user/index/index.css @@ -1,18 +1,23 @@ +page { + background: #f6f7fb; +} .header { -margin: 40rpx 0 45rpx; -display: flex; -flex-direction: column; -align-items: center; + margin: 40rpx 0 45rpx; + display: flex; + flex-direction: column; + align-items: center; } .avatar_pic { width: 130rpx; height: 130rpx; border-radius: 50%; } +.header_desc { + margin-top: 10rpx; +} .main { margin: 45rpx 20rpx 62rpx; - background: #FFFFFF; - background: yellow; + background: #ffffff; border-radius: 20rpx 20rpx 20rpx 20rpx; } .tabel { @@ -22,96 +27,49 @@ align-items: center; } .left { font-size: 28rpx; -color: #999999; -margin-right: 68rpx; + color: #999999; + margin-right: 68rpx; + margin-left: 20rpx; } .right { display: flex; align-items: center; height: 100rpx; flex: 1; - border-bottom: 1rpx solid #EBEBEB; + border-bottom: 1rpx solid #ebebeb; } .right_radio { margin-left: 45rpx; } -.no_border{ - border-bottom: none; -} + .btn { margin: 62rpx 75rpx 60rpx; height: 90rpx; line-height: 90rpx; - background: linear-gradient( 91deg, #FF7658 0%, #FF370B 100%); + background: linear-gradient(91deg, #ff7658 0%, #ff370b 100%); border-radius: 100rpx 100rpx 100rpx 100rpx; text-align: center; font-weight: 600; font-size: 36rpx; - color: #FFFFFF; + color: #ffffff; } -/* .item{ - display:flex; - border-bottom:1px solid #e6e6e6; - height: 90rpx; +.tabel1 { + margin: 0 20rpx; + border-bottom: 1rpx solid #ebebeb; + height: 100rpx; display: flex; + align-items: center; justify-content: space-between; - align-items: center; - margin-left: 52rpx; - margin-right: 48rpx; +} +.tabel1 > .right { + flex: 1; + border-bottom: none; + justify-content: flex-end; } -.item-left { - display: flex; - align-items: center; +.no_border { + border-bottom: none; } -.item-title { - font-size: 26rpx; - color: #999999; -} -.item-icon { - width: 30rpx; - height: 30rpx; - margin-right: 20rpx; -} - -.item-right { - text-align: right; - font-size: 26rpx; - font-weight: 400; - color: #222222; -} -.right-icon { - width: 40rpx; - height: 40rpx; -} -.item-right-icon { - width: 13rpx; - height: 26rpx; -} */ -/* - -.item:last-child{ - border-bottom:none -} -.line { - background: #F9F9F9; - height: 20rpx; -} -.desc { - font-size: 26rpx; - font-weight: 400; - color: #FF512A; -} -.quit_login { - margin: 10rpx 50rpx 0; - background: #FF512A; - border-radius: 100rpx 100rpx 100rpx 100rpx; - height: 80rpx; - color: #FFFFFF; - font-size: 36rpx; - font-weight: 400; - line-height: 80rpx; -} */ .u-upload__wrap__preview { width: 130rpx; height: 130rpx; @@ -122,4 +80,4 @@ margin-right: 68rpx; width: 100% !important; height: 100% !important; object-fit: cover; -} \ No newline at end of file +} diff --git a/packages/user/index/index.vue b/packages/user/index/index.vue index 636a1162..8ae5e0d9 100644 --- a/packages/user/index/index.vue +++ b/packages/user/index/index.vue @@ -4,7 +4,7 @@ - 点击更换头像 + 点击更换头像 @@ -14,7 +14,7 @@ type="text" placeholder="请填写昵称" :value="name" - :data-name="name" + data-name="name" @input="headerInputClick" /> @@ -43,22 +43,30 @@ type="text" placeholder="请填写邮箱地址" :value="eMail" - :data-name="eMail" + data-name="eMail" @input="headerInputClick" /> - 保存设置 + 保存设置 - + 刷新登录 + - + 设置授权 @@ -70,55 +78,24 @@