Browse Source

档案页面样式调整

雷佳斌 2 months ago
parent
commit
d8d6f89fd6
2 changed files with 979 additions and 837 deletions
  1. 809 837
      src/pages/customerProfile/index.jsx
  2. 170 0
      src/pages/customerProfile/index.less

File diff suppressed because it is too large
+ 809 - 837
src/pages/customerProfile/index.jsx


+ 170 - 0
src/pages/customerProfile/index.less

@@ -240,3 +240,173 @@
     color: #1E90FF;
     text-decoration: underline;
 }
+
+.valueContent {
+  margin: 20px 0;
+  padding: 30px;
+  background: white;
+  border-radius: 20px;
+
+  .item {
+    padding-bottom: 30px;
+
+    &-title {
+      display: flex;
+      flex-flow: row nowrap;
+      align-items: center;
+      justify-content: space-between;
+      color: #b7acac;
+      font-size: 27px;
+      padding-bottom: 10px;
+      position: relative;
+
+      .titleTips {
+        color: #ff0000;
+        font-size: 18px;
+        padding-left: 10px;
+      }
+
+      .edit {
+        position: absolute;
+        right: -30px;
+        padding: 30px;
+      }
+
+      .switchItem {
+        width: 40px;
+        height: 40px;
+        margin-left: 20px;
+      }
+
+      .tbuttom{
+        position: absolute;
+        right: 0;
+        color: #3864ef;
+      }
+    }
+
+    &-value {
+      color: #000000;
+      font-size: 30px;
+    }
+
+    .cassistant {
+      font-size: 25px;
+      color: red;
+      display: flex;
+      flex-direction: row;
+      flex-wrap: wrap;
+      margin-top: 10px;
+
+      .citems {
+        margin-right: 20px;
+        margin-bottom: 20px;
+        display: flex;
+        flex-direction: row;
+        position: relative;
+        padding-right: 40px;
+
+        .cclose {
+          position: absolute;
+          right: 0;
+          top: -20px;
+
+        }
+
+      }
+
+      .addbuttom {
+        font-size: 22px;
+        padding: 0 10px;
+        margin-left: 20px;
+      }
+
+    }
+
+    .timeContent {
+      background: rgba(0, 51, 255, .09);
+      border-radius: 30px;
+      padding: 30px;
+      margin-top: 45px;
+
+      .time {
+        display: flex;
+        flex-flow: row nowrap;
+        justify-content: space-between;
+        align-items: center;
+
+        .num {
+          font-size: 30px;
+        }
+
+        .journal {
+          font-size: 28px;
+          color: #007aff;
+        }
+      }
+
+      .timeAxis {
+        display: flex;
+        flex-flow: column nowrap;
+        padding-top: 30px;
+
+        .startTime {
+          display: flex;
+          align-items: center;
+          color: #b7acac;
+          font-size: 25px;
+        }
+
+        .axis {
+          width: 1px;
+          height: 40px;
+          border-left: 1px #b7acac solid;
+          margin-left: 11px;
+        }
+
+        .endTime {
+          display: flex;
+          align-items: center;
+          color: #b7acac;
+          font-size: 25px;
+        }
+
+        .circle {
+          margin-right: 15px;
+          width: 20px;
+          height: 20px;
+          border-radius: 30px;
+          border: 1px #b7acac solid;
+        }
+      }
+    }
+  }
+
+  .shareContent {
+    display: flex;
+    flex-flow: column nowrap;
+    justify-content: center;
+    align-items: center;
+    width: 100%;
+
+    .share {
+      overflow: visible;
+      width: 100px;
+      height: 100px;
+      padding: 0;
+      border-radius: 161px;
+      background: #0000;
+
+      .shareIcon {
+        width: 100px;
+        height: 100px;
+      }
+    }
+
+    .shareTitle {
+      padding-top: 15px;
+      font-size: 19px;
+      color: #767272;
+    }
+  }
+}