overseas 2.0.7

package/packages/theme-style/src/index.scss

@@ -0,0 +1,20 @@
+// base
+@import './icon.scss';
+@import './image.scss';
+@import './button.scss';
+@import './dialog.scss';
+@import './common.scss';
+@import './bottom-popup.scss';
+@import './class-choose.scss';
+// business
+@import './bottom-fixed-button.scss';
+@import './page-render.scss';
+@import './grade-panel.scss';
+@import './tips-popup.scss';
+@import './switch-student.scss';
+@import './student-info.scss';
+@import './user-login.scss';
+@import './material-panel.scss';
+@import './selector-panel.scss';
+@import './notified-panel.scss';
+@import './registration-panel.scss'

package/packages/theme-style/src/material-list.scss

@@ -0,0 +1,118 @@
+.material-list {
+  width: 343px;
+  border-radius: 16px;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: center;
+  margin: 0 auto;
+  background-image: url("./img/body_bg.png");
+  background-size: cover;
+  background-repeat: "no-repeat";
+  margin-top: 24px;
+  margin-bottom: 16px;
+  .material-panel_title {
+    text-align: center;
+    padding: 3px 16px;
+    height: 33px;
+    min-width: 184px;
+    font-size: 20px;
+    font-family: "SFProRounded-Semibold", "SF Pro Rounded", "SFPro-Semibold",
+      "Helvetica", "Roboto", "Arial", sans-serif;
+    font-weight: 600;
+    color: #ffffff;
+    line-height: 24px;
+    background-image: url("./img/title_bg.png");
+    background-size: cover;
+    position: relative;
+    top: -8px;
+  }
+  .material-panel_body {
+    width: 100%;
+    margin: 8px 0px;
+    border-radius: 16px;
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    align-items: center;
+    position: relative;
+    .material-list-box {
+      max-height: 278px;
+      overflow: auto;
+      scrollbar-width: none;
+      &::-webkit-scrollbar {
+        display: none; /* Chrome Safari */
+      }
+    }
+    &.more {
+      margin: 8px 0px 0px;
+      .material-panel-masking {
+        position: absolute;
+        bottom: 0;
+        width: 343px;
+        height: 25px;
+        background: linear-gradient(
+          180deg,
+          rgba(255, 243, 220, 0) 0%,
+          #fff3dc 100%
+        );
+      }
+      .material {
+        &:last-child {
+          margin-bottom: 25px;
+        }
+      }
+    }
+
+    .material {
+      display: flex;
+      justify-content: flex-start;
+      align-items: center;
+      margin-bottom: 10px;
+      width: 311px;
+      height: 68px;
+      background: #ffffff;
+      border-radius: 10px;
+      padding: 10px;
+      // &:last-child {
+      //   margin-bottom: 0px;
+      // }
+
+      .material-icon {
+        width: 42px;
+        height: 48px;
+        background-image: url("./img/pdf.png");
+        background-size: cover;
+        flex-shrink: 0;
+      }
+      .material-info {
+        margin-left: 10px;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: flex-start;
+        .material-info_title {
+          font-size: 16px;
+          font-family: SFProRounded-Medium, SFProRounded;
+          font-weight: 500;
+          color: #172b4d;
+          line-height: 19px;
+          margin-bottom: 7px;
+          width: 239px;
+          white-space: nowrap;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          text-align: start;
+        }
+        .material-info_size {
+          font-size: 12px;
+          font-family: SFProRounded-Medium, SFProRounded;
+          font-weight: 500;
+          color: #a2aab8;
+          line-height: 14px;
+        }
+      }
+    }
+  }
+}

package/packages/theme-style/src/material-panel.scss

@@ -0,0 +1,2 @@
+@import "./bottom-fixed-button.scss";
+@import "./material-list.scss";

package/packages/theme-style/src/notified-panel.scss

@@ -0,0 +1,207 @@
+.notified-panel {
+  width: 100%;
+  padding: 10px;
+  background-size: 100%;
+  background-repeat: no-repeat;
+  .notified-header {
+    padding: 24px 16px;
+    border-bottom: 1px dashed #dddddd;
+    background-color: #fff;
+
+    .notified-title {
+      font-size: 20px;
+      font-family: PingFangSC-Semibold, PingFang SC;
+      font-weight: 600;
+      color: #222222;
+      line-height: 33px;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+
+    .notified-desc {
+      font-size: 14px;
+      font-family: PingFangSC-Regular, PingFang SC;
+      font-weight: 400;
+      color: #222222;
+      line-height: 20px;
+      margin-top: 10px;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      display: -webkit-box;
+      -webkit-box-orient: vertical;
+      -webkit-line-clamp: 2;
+      word-break: break-all;
+    }
+  }
+
+  .notified-form {
+    padding: 24px 16px;
+    background-color: #fff;
+
+    .form-item {
+      margin-bottom: 24px;
+    }
+
+    .name-item {
+      display: flex;
+
+      .form-name + .form-name {
+        margin-left: 17px;
+      }
+    }
+
+    .item-label {
+      font-size: 14px;
+      font-family: PingFangSC-Semibold, PingFang SC;
+      font-weight: 600;
+      color: #222222;
+      margin-bottom: 8px;
+    }
+
+    .item-body {
+      .van-cell {
+        padding: 0 16px;
+      }
+      .van-cell::after {
+        border-bottom:none
+      }
+      .van-cell__value {
+        margin-left: -16px;
+      }
+      .van-field__body {
+        border: 1px solid #dfdfdf;
+        padding: 10px;
+      }
+      .van-field--error {
+        .van-field__body {
+          border: 1px solid #ee0a24;
+        }
+      }
+    }
+
+    .grade-body {
+      .van-dropdown-menu__title {
+        width: 90%;
+      }
+    }
+
+    .phone-body {
+      display: flex;
+      width: 306px;
+
+      .van-dropdown-menu {
+        width: 80px;
+        border: 1px solid #dfdfdf;
+        border-right: 0px;
+      }
+      .van-cell {
+        padding: 0;
+      }
+      .van-cell__value {
+        margin-left: 0;
+      }
+
+      // .van-cell__value {
+      //   margin-left: -10px;
+      // }
+      // .van-field__body {
+      //   border: 1px solid #dfdfdf;
+      //   padding: 10px;
+      // }
+      // .van-field--error {
+      //   .van-field__body {
+      //     border: 1px solid #ee0a24;
+      //   }
+      // }
+    }
+
+    // .name-body {
+    //   display: flex;
+    //   .van-field+.van-field {
+    //     margin-left: 17px;
+    //   }
+    // }
+    .customize-body {
+      .van-dropdown-menu__title {
+        width: 90%;
+      }
+
+      .van-checkbox,
+      .van-radio {
+        width: 306px;
+        background: #ffffff;
+        border-top: 1px solid #dfdfdf;
+        border-left: 1px solid #dfdfdf;
+        border-right: 1px solid #dfdfdf;
+        padding: 10px;
+        display: flex;
+        align-items: flex-start;
+
+        &:last-child {
+          border-bottom: 1px solid #dfdfdf;
+        }
+
+        .van-checkbox__label,
+        .van-radio__label {
+          font-size: 14px;
+          font-family: PingFangSC-Regular, PingFang SC;
+          font-weight: 400;
+          color: #222222;
+          .van-cell {
+            border: 1px solid #dfdfdf;
+          }
+        }
+        .van-checkbox__icon {
+          font-size: 14px;
+        }
+      }
+      
+      .customize34 {
+        &.van-cell {
+          padding: 0px;
+        }
+        .van-cell__value {
+          margin-left: 0px;
+        }
+        .van-field__body {
+          border: none;
+          padding: 0;
+        }
+        .van-field--error {
+          .van-field__body {
+            border: 1px solid #ee0a24;
+          }
+        }
+      }
+    }
+  }
+  .label-required {
+    &::after {
+      content: "*";
+      color: #f56c6c;
+      margin-left: 4px;
+    }
+  }
+  .van-button {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .activeRadioIcon {
+    width: 12px;
+    height: 12px;
+    border: 4px solid #ff9f0a;
+    border-radius: 50%;
+  }
+  .inactiveRadioIcon {
+    width: 12px;
+    height: 12px;
+    border: 1px solid rgba(34, 34, 34, 0.4);
+    border-radius: 50%;
+  }
+  .van-radio__icon {
+    display: flex;
+    align-items: center;
+  }
+}

package/packages/theme-style/src/page-render.scss

@@ -0,0 +1,3 @@
+.ts-page-render-wrapper {
+  position: relative;
+}

package/packages/theme-style/src/registration-panel.scss

@@ -0,0 +1,158 @@
+.registration-panel {
+  width: 100%;
+  padding: 10px;
+  background-size: 100%;
+  background-repeat: no-repeat;
+
+  .registration-form {
+    padding: 24px 16px;
+    background-color: #fff;
+
+    .form-item {
+      margin-bottom: 24px;
+    }
+
+    .item-body {
+      .van-cell {
+        padding: 0;
+      }
+
+      .van-cell::after {
+        border-bottom: none
+      }
+
+      .van-field__body {
+        border: 1px solid #dfdfdf;
+        padding: 10px;
+      }
+
+      .van-field--error {
+        .van-field__body {
+          border: 1px solid #ee0a24;
+        }
+      }
+    }
+
+    .phone-body {
+      display: flex;
+
+      .van-dropdown-menu {
+        width: 80px;
+        border: 1px solid #dfdfdf;
+        border-right: 0px;
+      }
+
+      .van-cell {
+        padding: 0;
+      }
+
+      .van-cell__value {
+        margin-left: 0;
+      }
+    }
+
+    .code-body {
+      display: flex;
+
+      .van-cell {
+        padding: 0;
+        flex: 1;
+      }
+
+      .code-box {
+        min-width: 120px;
+        white-space: nowrap;
+        line-height: 44px;
+        border-left: 0px;
+        font-size: 14px;
+        text-align: center;
+        height: 46px;
+        position: relative;
+        color: #FF9F0A;
+        cursor: pointer;
+
+        &.hide {
+          color: #999;
+        }
+
+        .pa-box {
+          border: 1px solid #dfdfdf;
+        }
+
+        &::before {
+          content: '';
+          width: 1px;
+          height: 12px;
+          position: absolute;
+          left: 0;
+          top: 17px;
+          background: #dfdfdf;
+        }
+
+        &.countdown span {
+          color: #222;
+        }
+      }
+
+      .van-field__body {
+        border: 1px solid #dfdfdf;
+        border-right: 0;
+        padding: 10px;
+      }
+    }
+  }
+
+  .label-required {
+    &::after {
+      content: "*";
+      color: #f56c6c;
+      margin-left: 4px;
+    }
+  }
+
+  .van-button {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    &.hide {
+      opacity: .5;
+    }
+  }
+
+  .van-radio__icon {
+    display: flex;
+    align-items: center;
+  }
+
+  .agreement-box {
+    margin-top: 10px;
+    display: flex;
+
+    .text {
+      a.link-text {
+        text-decoration: none;
+        color: #3370ff;
+      }
+    }
+
+    .icon {
+      width: 16px;
+      height: 16px;
+      margin: 2px 5px 0 0;
+      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAsFJREFUWEfNV81rE1EQn5mXJiloCwq1lqXm7e5BL1oQ9aQHFRHx89KTPemf5U1PvfiJiFQPnvxAqL3oYbMvlKW1BYWq0CTNzsjURNIPTWgTtu+2vHkzv/ebmd++Qeh+DYRhOJ6m6RgRHWTm/QCQbx6vE9FPZv5mjFmIomgeANa6cY2djMIwHErTdAIRA0Qc6GSv+yKyJiJlY8xsFEU//nfmfwCMtfYkABwnIlK/zPwVAOZFZKnRaKwkSVJT557nFXK53DAiHgKAcSIaBQBkZgaAOefcRwBItwOyLQDP8waLxeIlEVGHIiIOAD7EcbzSDQO+7w8DwClEtAoEEZeq1erLJElWN5/fAsDzvAP5fP4yIu4DAKXvdblcXu4m8GabIAhGAOA8AAyJyK96vf4iSZLv7XYbAOjN8/n8LQ0uIgvMPFOpVKo7Cd46UyqVikR0ERHHmiAetjPRDsCEYXhVadfgcRw/BwDNYS8W+b5/RUFoOqIoetaqib8ArLWniWhCaU/T9NFub74ZtTJhjLmp6WDmWefce7VZB9BstUki0u/HO815J6qaNXGDmcUYM60tug7AWnuOiI6KSBzH8UwnR7vZ931f68Fn5i/OuTcKYMD3/duImBOR6W5bbacgtEURcVJEGnEcP8AwDAMRudAsPC2Ovi9r7TUiOoyIr9Bae5aIjjHzW+fcXN+j/0n5CSI6w8yfMQgCrcyRNE2fVCoVldq+r1KpNGqMuQ4Ay8rAFBEN1mq1+9tJZT/QqOAVCoUpZl5VAHeIyJTL5Xs9FJ5OuCkIgrvMnO4JANmmYC8UYasN3znnPnVKXi/2N7RhS4iYedE597QXATr52CBEmUvxXvgZZf87brKQ3YOkWTTZPskURNaP0nUiMn2Wt/o308GkTUS2jGYisigiOpot/2M000HkyK5Hs3Yly3I43ayofRnPfwOhCholyfS56QAAAABJRU5ErkJggg==) 0 0/16px auto no-repeat;
+
+      &.on {
+        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAmRJREFUWEfFlz9oE3EUxz8vLQ2XRDeh4B9QBAcRNyuCUBxcioPgX3BprW6Kg9jNwa3iIHZSa7IIigoO0sVBCoKkbiIOgihYhaKb5owJbZ787rjkvNz1LrmUy5KQ37v3/bz3e+/d7yck/OgTStSsCZAjiO4H2QW62X1cfoF+RuUd6CtK9QU5RS2Ja4kz0vn8bnJDM4ieBSnG2bvraqPyiNbarEw3Pq33TCSA3iFPybqBcAVkJJlw0EqbKLep1a/LZRphPkIBtFIchdZzkIP9CXeBVCF3XCbtleBKF4BWRvbB8AKwfTDibS/LsDohk833fr//AbiR69sNEPc0l0EO+DPRBnD2fJO1OLi0R+VPq/yuj3s10QEoW7OIXBtw2sPdqd6UqfqM08BO05hWG8p96L/ae8XWJmutvaZFXYBy4T7CdK9uUtkr8zL154I4E862VpIPmRjZHcdg7JZr9OYSfH8Z8YDaFOujomXrNCKPU0XjPbzzBBx+ALlh9x/7GzzdE+1a9YxouXAX4WJqgKB4IgDuiVasKshYKoAw8dYqLJ6Dry/Wca1LopXCD2BLpNXWo3Bozl1eutrtMEr89Xn48iwurp8mA39B8pGWJz9CcZu7bKLyO04nbvqv0RuAH8L89hdcGGBc/C5AzBaYthp/2KlsT8h8e9Xel7hD52xBfBGGpdofXXBrYiP3DEwRJm3DKIi+xU0JmDbsZRAFIdKImyQ4g6jXUewftWFtmTz97ih2QLJ8GTkAWb+O3SxkeCBxALI+kjkQWR5K26Mhy2N5ByLDi0kbIsurmX+WZHY5DQ60jbqe/wOZCDtUSNIy8AAAAABJRU5ErkJggg==) 0 0/16px auto no-repeat;
+      }
+    }
+
+    .text {
+      flex: 1;
+      font-size: 14px;
+      font-family: PingFangSC-Regular, PingFang SC;
+      font-weight: 400;
+      color: #7A7A7A;
+      line-height: 20px;
+    }
+  }
+}

package/packages/theme-style/src/selector-panel.scss

@@ -0,0 +1,86 @@
+.selection-list-wrapper {
+  margin: 10px auto 0;
+  width: 343px;
+  box-sizing: border-box;
+  background: #ffffff;
+  border-radius: 10px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+
+  .selection-list-title{
+    width: 295px;
+    font-size: 16px;
+    font-family: 'SFProRounded-Medium', 'SFProRounded','SFPro-Medium','Helvetica','Roboto','Arial','sans-serif';
+    font-weight: 500;
+    color: #172B4D;
+    line-height: 22px;
+    margin-top: 16px;
+    // 多行标题 ，待解决
+    word-wrap: break-word;
+    // white-space:pre-wrap;
+    text-align: center;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+  .selection-list-container {
+    width: 100%;
+    padding-top: 10px;
+    padding-left: 16px;
+    padding-right: 16px;
+
+    ul,li{
+      list-style: none;
+      padding: 0;
+      margin: 0;
+      display: inline;
+    }
+    .selection-item-wrapper{
+      display: flex;
+      flex-wrap: wrap;
+      margin-right: -10px;
+    }
+
+    .selection-item{
+      margin-right: 10px;
+      margin-bottom: 10px;
+      padding: 10px;
+      width: 97px;
+      height: 36px;
+      background: #F8F9FA;
+      border-radius: 6px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+
+      .item-text{
+        color: #A2AAB8;
+        // height: 16px;
+        // line-height: 16px;
+        font-size: 14px;
+      }
+    }
+
+    .active{
+      background: #FFAA0A linear-gradient(45deg, #FFD518 0%, #FFAA0A 100%);
+
+      .item-text{
+        color: #ffffff;
+      }
+    }
+    .double{
+      width: 150px;
+    }
+    .only-one{
+      width: 312px;
+      margin-right: 0;
+    }
+
+    .btn{
+      margin-top: 6px;
+      margin-bottom: 16px;
+    }
+  }
+}

package/packages/theme-style/src/student-info.scss

@@ -0,0 +1,114 @@
+.icon-close-new-e658{
+  font-size: 32px;
+}
+.invalid {
+  font-size: 12px;
+  color: #ff503f;
+  text-align: right;
+  padding-right: 15px;
+}
+.icon-left{
+  font-size: 32px;
+}
+.popup-body-wrapper {
+  height: 100%;
+  position: relative;
+
+  .popup-tips {
+    width: 100%;
+    height: 81px;
+    font-size: 14px;
+    color: #a2aab8;
+    line-height: 16px;
+    margin-top: 10px;
+  }
+
+  .btn {
+    position: absolute;
+    // bottom: 54px;
+    // margin-bottom: 54px;
+  }
+}
+
+.popup-txt {
+  background: #fff;
+  margin: 10px 0;
+  width: 100%;
+  display: inline-block;
+  border-radius: 10px;
+  padding: 0 16px;
+  font-size: 16px;
+  line-height: 22px;
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  pre {
+    font-size: 16px;
+    line-height: 19px;
+  }
+
+  .student-info {
+    height: 60px;
+    display: flex;
+    align-items: center;
+    position: relative;
+
+    span {
+      height: 22px;
+      line-height: 22px;
+    }
+
+    input {
+      display: block;
+      outline-style: none;
+      outline-width: 0px;
+      border: none;
+      border-style: none;
+      text-shadow: none;
+      outline-color: transparent;
+      box-shadow: none;
+      width: 200px;
+      height: 22px;
+      position: absolute;
+      right: 0;
+      font-size: 16px;
+      font-family: SFProRounded-Medium, SFProRounded;
+      font-weight: 500;
+      color: #A2AAB8;
+      line-height: 22px;
+    }
+  }
+}
+
+.desc ::v-deep .el-dialog.common-dialog .el-dialog__body .dialog-body {
+  background: #fff;
+
+  .result-understanding-dialog {
+    max-height: 380px;
+    overflow-y: scroll;
+  }
+
+  .txt {
+    padding: 0 24px;
+    font-weight: 500;
+    color: #172b4d;
+    font-size: 16px;
+    line-height: 19px;
+    word-break: break-word !important;
+
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6,
+    pre {
+      font-size: 16px;
+      line-height: 19px;
+    }
+  }
+}