|
@@ -1,276 +1,283 @@
|
|
.userPage {
|
|
.userPage {
|
|
|
|
+ width: 100%;
|
|
|
|
+ background: url(../../assets/user/bg.png) top center no-repeat;
|
|
|
|
+ background-size: 100%;
|
|
|
|
+ // height: calc(100vh - 50px);
|
|
|
|
+ // padding-bottom: 50px;
|
|
|
|
+
|
|
|
|
+ .simple-header {
|
|
|
|
+ background: transparent;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .userPageBox {
|
|
|
|
+ height: 100%;
|
|
width: 100%;
|
|
width: 100%;
|
|
- background: url(../../assets/user/bg.png) top center no-repeat;
|
|
|
|
- background-size: 100%;
|
|
|
|
- // height: calc(100vh - 50px);
|
|
|
|
- // padding-bottom: 50px;
|
|
|
|
|
|
+ height: calc(100% - 50px);
|
|
|
|
+ padding-bottom: 10px;
|
|
|
|
+ overflow: auto;
|
|
|
|
+ overflow-x: hidden;
|
|
|
|
+ }
|
|
|
|
|
|
|
|
+ .userBaseBox {
|
|
|
|
+ width: 100%;
|
|
|
|
+ }
|
|
|
|
|
|
- .simple-header {
|
|
|
|
- background: transparent;
|
|
|
|
|
|
+ .baseRow {
|
|
|
|
+ width: 100%;
|
|
|
|
+ height: 20px;
|
|
|
|
+ margin-left: 15px;
|
|
|
|
+ margin-top: 5px;
|
|
|
|
+ justify-content: flex-start;
|
|
|
|
+
|
|
|
|
+ .group2 {
|
|
|
|
+ background-color: #ff3456;
|
|
|
|
+ border-radius: 2px;
|
|
|
|
+ width: 4px;
|
|
|
|
+ height: 16px;
|
|
|
|
+ margin-top: 4px;
|
|
}
|
|
}
|
|
|
|
|
|
- .userPageBox {
|
|
|
|
- height: 100%;
|
|
|
|
- width: 100%;
|
|
|
|
- height: calc(100% - 50px);
|
|
|
|
- padding-bottom: 10px;
|
|
|
|
- overflow: auto;
|
|
|
|
- overflow-x: hidden;
|
|
|
|
|
|
+ .baseText {
|
|
|
|
+ width: 150px;
|
|
|
|
+ height: 20px;
|
|
|
|
+ margin-top: 2px;
|
|
|
|
+ overflow-wrap: break-word;
|
|
|
|
+ color: rgba(64, 77, 116, 1);
|
|
|
|
+ font-size: 14px;
|
|
|
|
+ font-family: PingFangSC-Medium;
|
|
|
|
+ text-align: left;
|
|
|
|
+ white-space: nowrap;
|
|
|
|
+ line-height: 20px;
|
|
|
|
+ display: block;
|
|
|
|
+ margin-left: 15px;
|
|
}
|
|
}
|
|
-
|
|
|
|
- .userBaseBox {
|
|
|
|
- width: 100%;
|
|
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .userMessage {
|
|
|
|
+ text-align: center;
|
|
|
|
+ width: 80%;
|
|
|
|
+ margin: 0 auto;
|
|
|
|
+ margin-top: 30px;
|
|
|
|
+ line-height: 1.7;
|
|
|
|
+
|
|
|
|
+ .userText {
|
|
|
|
+ font-size: 14px;
|
|
|
|
+ font-family: PingFangSC-Medium;
|
|
|
|
+ margin: 0;
|
|
}
|
|
}
|
|
|
|
|
|
- .baseRow {
|
|
|
|
- width: 100%;
|
|
|
|
- height: 20px;
|
|
|
|
- margin-left: 15px;
|
|
|
|
- margin-top: 5px;
|
|
|
|
- justify-content: flex-start;
|
|
|
|
-
|
|
|
|
- .group2 {
|
|
|
|
- background-color: #FF3456;
|
|
|
|
- border-radius: 2px;
|
|
|
|
- width: 4px;
|
|
|
|
- height: 16px;
|
|
|
|
- margin-top: 4px;
|
|
|
|
|
|
+ .userLine {
|
|
|
|
+ width: 1px;
|
|
|
|
+ height: 3.5em;
|
|
|
|
+ font-size: 14px;
|
|
|
|
+ background: #e7eaf7;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .userInfoBox {
|
|
|
|
+ // margin-top: 25px;
|
|
|
|
+ padding: 0px 15px 20px;
|
|
|
|
+
|
|
|
|
+ .userInfo {
|
|
|
|
+ // width: 87%;
|
|
|
|
+ margin: 0 auto;
|
|
|
|
+ justify-content: flex-start;
|
|
|
|
+ margin-top: 20px;
|
|
|
|
+ position: relative;
|
|
|
|
+
|
|
|
|
+ .l-eye {
|
|
|
|
+ position: absolute;
|
|
|
|
+ right: 0;
|
|
|
|
+ font-size: 18px;
|
|
|
|
+ color: #ff3456;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .filedInpPad {
|
|
|
|
+ .van-cell {
|
|
|
|
+ padding: 0 !important;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .editIcon {
|
|
|
|
+ position: absolute;
|
|
|
|
+ right: 0;
|
|
|
|
+ font-size: 18px;
|
|
|
|
+ color: #ff3456;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .userInfoLeft {
|
|
|
|
+ width: 76px;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .relationClass {
|
|
|
|
+ .van-field__control {
|
|
|
|
+ height: 38px;
|
|
|
|
+ line-height: 38px;
|
|
|
|
+ padding: 6px;
|
|
|
|
+ border-radius: 2px;
|
|
|
|
+ background: #fff;
|
|
|
|
+ border: 1px solid #dddde8;
|
|
|
|
+ width: 62%;
|
|
}
|
|
}
|
|
|
|
|
|
- .baseText {
|
|
|
|
- width: 150px;
|
|
|
|
- height: 20px;
|
|
|
|
- margin-top: 2px;
|
|
|
|
- overflow-wrap: break-word;
|
|
|
|
- color: rgba(64, 77, 116, 1);
|
|
|
|
- font-size: 14px;
|
|
|
|
- font-family: PingFangSC-Medium;
|
|
|
|
- text-align: left;
|
|
|
|
- white-space: nowrap;
|
|
|
|
- line-height: 20px;
|
|
|
|
- display: block;
|
|
|
|
- margin-left: 15px;
|
|
|
|
|
|
+ .van-field__button {
|
|
|
|
+ // background-color: #FF3456;
|
|
|
|
+ background-color: #fa6f86;
|
|
|
|
+ color: #fff;
|
|
|
|
+ padding: 0 1em;
|
|
|
|
+ margin-left: 10px;
|
|
|
|
+ border-radius: 0.2em;
|
|
}
|
|
}
|
|
|
|
+ }
|
|
}
|
|
}
|
|
|
|
+ }
|
|
|
|
|
|
- .userMessage {
|
|
|
|
- text-align: center;
|
|
|
|
- width: 80%;
|
|
|
|
- margin: 0 auto;
|
|
|
|
- margin-top: 30px;
|
|
|
|
- line-height: 1.7;
|
|
|
|
-
|
|
|
|
- .userText {
|
|
|
|
- font-size: 14px;
|
|
|
|
- font-family: PingFangSC-Medium;
|
|
|
|
- margin: 0;
|
|
|
|
- }
|
|
|
|
|
|
+ .van-cell {
|
|
|
|
+ background: none;
|
|
|
|
+ }
|
|
|
|
|
|
- .userLine {
|
|
|
|
- width: 1px;
|
|
|
|
- height: 3.5em;
|
|
|
|
- font-size: 14px;
|
|
|
|
- background: #e7eaf7;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
|
|
+ .lineBox {
|
|
|
|
+ width: 100%;
|
|
|
|
+ height: 15px;
|
|
|
|
+ background-color: #f6f7fc;
|
|
|
|
+ }
|
|
|
|
|
|
- .userInfoBox {
|
|
|
|
- // margin-top: 25px;
|
|
|
|
- padding: 0px 15px 20px;
|
|
|
|
-
|
|
|
|
- .userInfo {
|
|
|
|
- // width: 87%;
|
|
|
|
- margin: 0 auto;
|
|
|
|
- justify-content: flex-start;
|
|
|
|
- margin-top: 20px;
|
|
|
|
- position: relative;
|
|
|
|
-
|
|
|
|
- .l-eye {
|
|
|
|
- position: absolute;
|
|
|
|
- right: 0;
|
|
|
|
- font-size: 18px;
|
|
|
|
- color: #FF3456;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- .filedInpPad {
|
|
|
|
- .van-cell {
|
|
|
|
- padding: 0 !important;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- .editIcon {
|
|
|
|
- position: absolute;
|
|
|
|
- right: 0;
|
|
|
|
- font-size: 18px;
|
|
|
|
- color: #FF3456;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- .userInfoLeft {
|
|
|
|
- width: 76px;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- .relationClass {
|
|
|
|
- .van-field__control {
|
|
|
|
- height: 38px;
|
|
|
|
- line-height: 38px;
|
|
|
|
- padding: 6px;
|
|
|
|
- border-radius: 2px;
|
|
|
|
- background: #fff;
|
|
|
|
- border: 1px solid #dddde8;
|
|
|
|
- width: 62%;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- .van-field__button {
|
|
|
|
- // background-color: #FF3456;
|
|
|
|
- background-color: #FA6F86;
|
|
|
|
- color: #fff;
|
|
|
|
- padding: 0 1em;
|
|
|
|
- margin-left: 10px;
|
|
|
|
- border-radius: 0.2em;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
|
|
+ .commonOperBox {
|
|
|
|
+ width: 100%;
|
|
|
|
+ background: #fff;
|
|
|
|
|
|
- .van-cell {
|
|
|
|
- background: none;
|
|
|
|
- }
|
|
|
|
|
|
+ .operListBox {
|
|
|
|
+ margin-top: 20px;
|
|
|
|
|
|
- .lineBox {
|
|
|
|
|
|
+ .taskListRow {
|
|
width: 100%;
|
|
width: 100%;
|
|
- height: 15px;
|
|
|
|
- background-color: #f6f7fc;
|
|
|
|
- }
|
|
|
|
|
|
+ height: 53px;
|
|
|
|
+ flex-wrap: wrap;
|
|
|
|
+
|
|
|
|
+ .taskIcon {
|
|
|
|
+ width: 13%;
|
|
|
|
+ height: 100%;
|
|
|
|
+ position: relative;
|
|
|
|
+
|
|
|
|
+ &.sysManageIcon::after {
|
|
|
|
+ content: "";
|
|
|
|
+ position: absolute;
|
|
|
|
+ background: #fff url("../../assets/user/sysManageIcon.png") top
|
|
|
|
+ center no-repeat;
|
|
|
|
+ background-size: 100%;
|
|
|
|
+ width: 0.55rem;
|
|
|
|
+ height: 0.55rem;
|
|
|
|
+ right: 0.2rem;
|
|
|
|
+ top: 0.4rem;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ &.announcementIcon::after {
|
|
|
|
+ content: "";
|
|
|
|
+ position: absolute;
|
|
|
|
+ background: #fff url("../../assets/user/announcementIcon.png") top
|
|
|
|
+ center no-repeat;
|
|
|
|
+ background-size: 100%;
|
|
|
|
+ width: 0.55rem;
|
|
|
|
+ height: 0.55rem;
|
|
|
|
+ right: 0.2rem;
|
|
|
|
+ top: 0.4rem;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ &.buyConfIcon::after {
|
|
|
|
+ content: "";
|
|
|
|
+ position: absolute;
|
|
|
|
+ background: #fff url("../../assets/user/payerIcon.png") top center
|
|
|
|
+ no-repeat;
|
|
|
|
+ background-size: 100%;
|
|
|
|
+ width: 0.55rem;
|
|
|
|
+ height: 0.55rem;
|
|
|
|
+ right: 0.2rem;
|
|
|
|
+ top: 0.4rem;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ &.sellConfIcon::after {
|
|
|
|
+ content: "";
|
|
|
|
+ position: absolute;
|
|
|
|
+ background: #fff url("../../assets/user/payeeIcon.png") top center
|
|
|
|
+ no-repeat;
|
|
|
|
+ background-size: 100%;
|
|
|
|
+ width: 0.55rem;
|
|
|
|
+ height: 0.55rem;
|
|
|
|
+ right: 0.2rem;
|
|
|
|
+ top: 0.4rem;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ &.changePasswordIcon::after {
|
|
|
|
+ content: "";
|
|
|
|
+ position: absolute;
|
|
|
|
+ background: #fff url("../../assets/user/changePasswordIcon.png") top
|
|
|
|
+ center no-repeat;
|
|
|
|
+ background-size: 100%;
|
|
|
|
+ width: 0.55rem;
|
|
|
|
+ height: 0.55rem;
|
|
|
|
+ right: 0.2rem;
|
|
|
|
+ top: 0.4rem;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ &.selfPayIcon::after {
|
|
|
|
+ content: "";
|
|
|
|
+ position: absolute;
|
|
|
|
+ background: #fff url("../../assets/user/self.png") top center
|
|
|
|
+ no-repeat;
|
|
|
|
+ background-size: 100%;
|
|
|
|
+ width: 0.55rem;
|
|
|
|
+ height: 0.55rem;
|
|
|
|
+ right: 0.2rem;
|
|
|
|
+ top: 0.4rem;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ &.feedbackIcon::after {
|
|
|
|
+ content: "";
|
|
|
|
+ position: absolute;
|
|
|
|
+ background: #fff url("../../assets/user/feedback.png") top center
|
|
|
|
+ no-repeat;
|
|
|
|
+ background-size: 100%;
|
|
|
|
+ width: 0.55rem;
|
|
|
|
+ height: 0.55rem;
|
|
|
|
+ right: 0.2rem;
|
|
|
|
+ top: 0.4rem;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ &.logoutIcon::after {
|
|
|
|
+ content: "";
|
|
|
|
+ position: absolute;
|
|
|
|
+ background: #fff url("../../assets/user/logoutIcon.png") top center
|
|
|
|
+ no-repeat;
|
|
|
|
+ background-size: 100%;
|
|
|
|
+ width: 0.55rem;
|
|
|
|
+ height: 0.55rem;
|
|
|
|
+ right: 0.2rem;
|
|
|
|
+ top: 0.4rem;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
|
|
- .commonOperBox {
|
|
|
|
- width: 100%;
|
|
|
|
- background: #fff;
|
|
|
|
-
|
|
|
|
- .operListBox {
|
|
|
|
- margin-top: 20px;
|
|
|
|
-
|
|
|
|
- .taskListRow {
|
|
|
|
- width: 100%;
|
|
|
|
- height: 53px;
|
|
|
|
- flex-wrap: wrap;
|
|
|
|
-
|
|
|
|
- .taskIcon {
|
|
|
|
- width: 13%;
|
|
|
|
- height: 100%;
|
|
|
|
- position: relative;
|
|
|
|
-
|
|
|
|
- &.sysManageIcon::after {
|
|
|
|
- content: "";
|
|
|
|
- position: absolute;
|
|
|
|
- background: #fff url("../../assets/user/sysManageIcon.png") top center no-repeat;
|
|
|
|
- background-size: 100%;
|
|
|
|
- width: 0.55rem;
|
|
|
|
- height: 0.55rem;
|
|
|
|
- right: 0.2rem;
|
|
|
|
- top: 0.4rem;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- &.announcementIcon::after {
|
|
|
|
- content: "";
|
|
|
|
- position: absolute;
|
|
|
|
- background: #fff url("../../assets/user/announcementIcon.png") top center no-repeat;
|
|
|
|
- background-size: 100%;
|
|
|
|
- width: 0.55rem;
|
|
|
|
- height: 0.55rem;
|
|
|
|
- right: 0.2rem;
|
|
|
|
- top: 0.4rem;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- &.buyConfIcon::after {
|
|
|
|
- content: "";
|
|
|
|
- position: absolute;
|
|
|
|
- background: #fff url("../../assets/user/payerIcon.png") top center no-repeat;
|
|
|
|
- background-size: 100%;
|
|
|
|
- width: 0.55rem;
|
|
|
|
- height: 0.55rem;
|
|
|
|
- right: 0.2rem;
|
|
|
|
- top: 0.4rem;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- &.sellConfIcon::after {
|
|
|
|
- content: "";
|
|
|
|
- position: absolute;
|
|
|
|
- background: #fff url("../../assets/user/payeeIcon.png") top center no-repeat;
|
|
|
|
- background-size: 100%;
|
|
|
|
- width: 0.55rem;
|
|
|
|
- height: 0.55rem;
|
|
|
|
- right: 0.2rem;
|
|
|
|
- top: 0.4rem;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- &.changePasswordIcon::after {
|
|
|
|
- content: "";
|
|
|
|
- position: absolute;
|
|
|
|
- background: #fff url("../../assets/user/changePasswordIcon.png") top center no-repeat;
|
|
|
|
- background-size: 100%;
|
|
|
|
- width: 0.55rem;
|
|
|
|
- height: 0.55rem;
|
|
|
|
- right: 0.2rem;
|
|
|
|
- top: 0.4rem;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- &.selfPayIcon::after {
|
|
|
|
- content: "";
|
|
|
|
- position: absolute;
|
|
|
|
- background: #fff url("../../assets/user/self.png") top center no-repeat;
|
|
|
|
- background-size: 100%;
|
|
|
|
- width: 0.55rem;
|
|
|
|
- height: 0.55rem;
|
|
|
|
- right: 0.2rem;
|
|
|
|
- top: 0.4rem;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- &.feedbackIcon::after {
|
|
|
|
- content: "";
|
|
|
|
- position: absolute;
|
|
|
|
- background: #fff url("../../assets/user/feedback.png") top center no-repeat;
|
|
|
|
- background-size: 100%;
|
|
|
|
- width: 0.55rem;
|
|
|
|
- height: 0.55rem;
|
|
|
|
- right: 0.2rem;
|
|
|
|
- top: 0.4rem;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- &.logoutIcon::after {
|
|
|
|
- content: "";
|
|
|
|
- position: absolute;
|
|
|
|
- background: #fff url("../../assets/user/logoutIcon.png") top center no-repeat;
|
|
|
|
- background-size: 100%;
|
|
|
|
- width: 0.55rem;
|
|
|
|
- height: 0.55rem;
|
|
|
|
- right: 0.2rem;
|
|
|
|
- top: 0.4rem;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- .taskRight {
|
|
|
|
- width: 87%;
|
|
|
|
- height: 100%;
|
|
|
|
- position: relative;
|
|
|
|
- border-bottom: 1px solid #e7eaf7;
|
|
|
|
-
|
|
|
|
- &::after {
|
|
|
|
- content: "";
|
|
|
|
- position: absolute;
|
|
|
|
- width: 6px;
|
|
|
|
- height: 12px;
|
|
|
|
- background: url('../../assets/right.png') top center no-repeat;
|
|
|
|
- background-size: 100%;
|
|
|
|
- right: 0.55rem;
|
|
|
|
- top: 0.5rem;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- .taskTitle {
|
|
|
|
- line-height: 53px;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
|
|
+ .taskRight {
|
|
|
|
+ width: 87%;
|
|
|
|
+ height: 100%;
|
|
|
|
+ position: relative;
|
|
|
|
+ border-bottom: 1px solid #e7eaf7;
|
|
|
|
+
|
|
|
|
+ &::after {
|
|
|
|
+ content: "";
|
|
|
|
+ position: absolute;
|
|
|
|
+ width: 6px;
|
|
|
|
+ height: 12px;
|
|
|
|
+ background: url("../../assets/right.png") top center no-repeat;
|
|
|
|
+ background-size: 100%;
|
|
|
|
+ right: 0.55rem;
|
|
|
|
+ top: 0.5rem;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .taskTitle {
|
|
|
|
+ line-height: 53px;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
|
|
+ }
|
|
}
|
|
}
|
|
-}
|
|
|
|
|
|
+ }
|
|
|
|
+}
|