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 @@