|
@@ -0,0 +1,237 @@
|
|
|
+.customerProfile {
|
|
|
+ min-height: calc(100vh - 30px);
|
|
|
+ background: #F5F5F5;
|
|
|
+ padding-bottom: 30px;
|
|
|
+
|
|
|
+ .titleContent {
|
|
|
+ position: relative;
|
|
|
+ // background: white;
|
|
|
+ // padding: 20px 20px;
|
|
|
+ // border-bottom: 1px #dadada solid;
|
|
|
+
|
|
|
+ .content {
|
|
|
+
|
|
|
+ .name {
|
|
|
+ font-size: 32px;
|
|
|
+ color: #1E90FF;
|
|
|
+ font-weight: bolder;
|
|
|
+ padding-bottom: 10px;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ align-items: flex-start;
|
|
|
+ justify-content: space-between;
|
|
|
+ background: white;
|
|
|
+ padding: 20px;
|
|
|
+ margin-bottom: 20px;
|
|
|
+
|
|
|
+ .bod {
|
|
|
+ // border-bottom: 2px solid #1E90FF;
|
|
|
+ // padding-bottom: 10px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .share {
|
|
|
+ margin: 0;
|
|
|
+ padding: 0;
|
|
|
+ font-size: 26px;
|
|
|
+ line-height: 24px;
|
|
|
+ color: #1E90FF;
|
|
|
+ padding: 10px 30px;
|
|
|
+ border: 1px solid #1E90FF;
|
|
|
+ border-radius: 30px;
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .button {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row-reverse;
|
|
|
+ padding: 20px 20px 0;
|
|
|
+ background: white;
|
|
|
+
|
|
|
+ .but {
|
|
|
+ background: #1E90FF;
|
|
|
+ padding: 10px 15px;
|
|
|
+ color: #FFFFFF;
|
|
|
+ font-size: 26px;
|
|
|
+ border-radius: 8px;
|
|
|
+ margin-left: 20px;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .row {
|
|
|
+ background: white;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ padding: 20px 20px;
|
|
|
+
|
|
|
+ .code {
|
|
|
+ font-size: 26px;
|
|
|
+ color: #767272;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .time {
|
|
|
+ font-size: 26px;
|
|
|
+ color: #767272;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .first {
|
|
|
+ background: #facd91;
|
|
|
+ padding: 20px 20px;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .two {
|
|
|
+ background: #81d3f8;
|
|
|
+ padding: 20px 20px;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .title {
|
|
|
+ font-weight: bolder;
|
|
|
+ margin: 20px 0 10px 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .tit {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ align-items: baseline;
|
|
|
+ justify-content: space-between;
|
|
|
+ font-size: 28px;
|
|
|
+ font-weight: bolder;
|
|
|
+ margin-top: 15px;
|
|
|
+ margin-bottom: 5px;
|
|
|
+
|
|
|
+ .up {
|
|
|
+ background: #70B603;
|
|
|
+ color: #FFFFFF;
|
|
|
+ padding: 10px 20px;
|
|
|
+ font-size: 26px;
|
|
|
+ border-radius: 8px;
|
|
|
+ font-weight: 400;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .txt {
|
|
|
+ color: red;
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 20px;
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .val {
|
|
|
+ position: relative;
|
|
|
+ font-size: 26px;
|
|
|
+ margin-bottom: 5px;
|
|
|
+
|
|
|
+ .num {
|
|
|
+ font-weight: bolder;
|
|
|
+ color: #1E90FF;
|
|
|
+ }
|
|
|
+
|
|
|
+ .mask {
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ right: 0;
|
|
|
+ bottom: 0;
|
|
|
+ left: 0;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ background: #facd91;
|
|
|
+ z-index: 99;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+.selectTitle {
|
|
|
+ font-weight: bolder;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ font-size: 28px;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+}
|
|
|
+
|
|
|
+.additem {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ font-size: 22px;
|
|
|
+ color: #4395ff;
|
|
|
+ margin-bottom: 15px;
|
|
|
+
|
|
|
+ .txt {
|
|
|
+ width: 16%;
|
|
|
+ display: flex;
|
|
|
+ // flex: 1;
|
|
|
+ }
|
|
|
+
|
|
|
+ .mobile {
|
|
|
+ width: 30%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .bt {
|
|
|
+ padding: 4px 10px;
|
|
|
+ background: #4395ff;
|
|
|
+ color: #FFFFFF;
|
|
|
+ border-radius: 6px;
|
|
|
+ margin-left: 15px;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .bts {
|
|
|
+ padding: 4px 10px;
|
|
|
+ color: #4395ff;
|
|
|
+ margin-left: 15px;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+.selproject {
|
|
|
+ margin-left: 32px;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ align-items: center;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ margin-bottom: 20px;
|
|
|
+
|
|
|
+ .selptxt {
|
|
|
+ background: #f50;
|
|
|
+ padding: 6px 16px;
|
|
|
+ margin: 6px;
|
|
|
+ border-radius: 8px;
|
|
|
+ color: #fff;
|
|
|
+
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.at-input, .at-input-number {
|
|
|
+ padding: 4rpx 0;
|
|
|
+ margin-left: 0rpx;
|
|
|
+}
|
|
|
+
|
|
|
+.at-input-number__btn {
|
|
|
+ display: none;
|
|
|
+}
|
|
|
+
|
|
|
+.at-input-number input {
|
|
|
+ background-color: #fff;
|
|
|
+ height: 44.8rpx;
|
|
|
+}
|