overseas 0.0.1

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;
+    }
+  }
+}

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

@@ -0,0 +1,176 @@
+.icon-close-new-e658{
+  font-size: 32px;
+}
+.icon-left{
+  font-size: 32px;
+}
+.popup-body-wrapper {
+  height: 100%;
+
+  .coupon-tip-container {
+    // width: 343px;
+    // height: 44px;
+    // background: #fff;
+    // border-radius: 36px;
+    // border: 1px solid red;
+
+    .coupon-tip {
+      margin-bottom: 10px;
+      padding: 8px 20px;
+      width: 100%;
+      font-size: 12px;
+      line-height: 14px;
+      color: #ffaa0a;
+      height: 44px;
+      background: #fff;
+      border-radius: 36px;
+      display: flex;
+      align-items: center;
+
+      i,
+      span {
+        display: inline-block;
+        vertical-align: middle;
+      }
+
+      .icon-alert {
+        font-size: 18px;
+      }
+
+      span {
+        margin-left: 10px;
+        width: 272px;
+        word-break: keep-all;
+      }
+    }
+  }
+
+  .stu-switch-btn {
+    margin-top: 74px;
+  }
+
+  .empty-box {
+    width: 100%;
+    height: 54px;
+  }
+
+  .guide-to-add-student,
+  .students-list-title {
+    font-size: 14px;
+    line-height: 16px;
+    color: #a2aab8;
+    margin: 0 4px;
+  }
+
+  .guide-to-add-student {
+    margin: 10px 4px 0;
+
+    .btn-add-student {
+      color: #ffaa0a;
+      text-decoration: underline;
+      cursor: pointer;
+    }
+  }
+}
+
+.stu-switch-popup-txt {
+  margin: 10px 0;
+  width: 100%;
+  display: inline-block;
+  border-radius: 10px;
+  font-size: 16px;
+  line-height: 22px;
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  pre {
+    font-size: 16px;
+    line-height: 19px;
+  }
+}
+// 学生列表
+
+.students-list-wrapper {
+  border-radius: 10px;
+  overflow: hidden;
+
+  .students-list{
+    background: #fff;
+  }
+}
+
+.student-card-wrapper {
+  width: 100%;
+  height: 82px;
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-bottom-color: #f4f6fa;
+  border-bottom-style: solid;
+
+  .student-card-container {
+    width: 100%;
+  }
+
+  .card-main-container {
+    display: flex;
+    margin-left: 14px;
+
+    .stu-avatar-container {
+      margin-right: 10px;
+      width: 54px;
+      height: 54px;
+      border: 2px solid #f4f6fa;
+      border-radius: 50%;
+
+      img {
+        width: 54px;
+        height: 54px;
+        border-radius: 50%;
+      }
+    }
+
+    .stu-info-container {
+      .stu-name {
+        margin: 8px 0 3px;
+        font-size: 16px;
+        line-height: 19px;
+      }
+
+      .stu-no {
+        height: 16px;
+        font-size: 14px;
+        line-height: 16px;
+        color: #a2aab8;
+      }
+    }
+  }
+
+  .btn-select-student {
+    width: 22px;
+    height: 22px;
+    margin-right: 16px;
+    // background: url('~package/business/switch-student/src/images/student_Unselected.png') center no-repeat;
+    // background-size: 100%;
+
+    .icon-selected {
+      font-size: 22px;
+      color: #ffaa0a;
+    }
+
+    .icon-unselect {
+      font-size: 22px;
+      color: #ffecca;
+    }
+  }
+
+  // .active {
+  //   background: url('images/student_selected.png') center no-repeat;
+  //   background-size: 100%;
+  // }
+}

package/packages/theme-style/src/tips-popup.scss

@@ -0,0 +1,60 @@
+.tips-popup-wrapper {
+  min-width: 80vw;
+
+
+  .tips-popup-container {
+    margin: 0 16px;
+    border-radius: 16px 16px 0 0;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    background: #fff;
+
+    .title {
+      margin-top: 34px;
+      font-size: 18px;
+      color: #172b4d;
+      line-height: 21px;
+      text-align: center;
+    }
+
+    .message {
+      font-size: 14px;
+      color: #a2aab8;
+      line-height: 16px;
+      margin: 22px 16px 24px;
+      text-align: center;
+    }
+  }
+
+  .btn-wrapper {
+    margin: 0 16px;
+    border-radius: 0 0 16px 16px;
+    display: flex;
+    justify-content: center;
+    align-items: flex-start;
+    background: #fff;
+
+    .btn {
+      margin-bottom: 16px;
+    }
+  }
+
+  .btn-wrapper-2 {
+    margin: 0 16px;
+    border-radius: 0 0 16px 16px;
+    display: flex;
+    justify-content: space-around;
+    align-items: flex-start;
+    background: #fff;
+
+    .btn-left {
+      background: #fff3dc;
+      color: #ffaa0a;
+    }
+
+    .btn {
+      margin-bottom: 16px;
+    }
+  }
+}

package/packages/theme-style/src/user-login.scss

@@ -0,0 +1,93 @@
+.login-box {
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, .5);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  .sub-box {
+    width: 90%;
+    height: 65%;
+    position: relative;
+    padding-top: 70px;
+    background: #fff;
+    border-radius: 10px;
+  }
+}
+.fade-enter-active, .fade-leave-active {
+  transition: opacity .5s;
+}
+.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
+  opacity: 0;
+}
+.insertput{
+  text-align: center;
+  position: relative;
+  input {
+    background-color: #f4f6fa;
+    border: 0;
+    width: 90%;
+    outline: none;
+    height: 60px;
+    border-radius: 50px;
+    margin-top: 15px;
+    font-size: 18px;
+    padding-left: 20px;
+  }
+  &.code {
+    span {
+      position: absolute;
+      right: 35px;
+      color: #ff850a;
+      top: 50%;
+    }
+  }
+}
+.logo {
+  img {
+    width: 80px;
+    height: 80px;
+  }
+  text-align: center;
+  position: absolute;
+  top: -40px;
+  left: 50%;
+  transform: translateX(-50%);
+
+}
+.centent {
+  font-size: 14px;
+  font-weight: 500;
+  color: #A2AAB8;
+  line-height: 16px;
+  padding: 20px;
+}
+
+.footer {
+  line-height: 48px;
+  position: absolute;
+  width: 80%;
+  bottom: 15px;
+  left: 50%;
+  transform: translateX(-50%);
+  text-align: center;
+  margin: 0 auto;
+  p {
+    float: left;
+  }
+  .cancel {
+    width: 30%;
+    height: 48px;
+    background: #FFF3DC;
+    border-radius: 24px;
+    color: #FFAA0A;
+    margin-right: 10px;
+  }
+  .sign-in {
+    width: 65%;
+    height: 48px;
+    background: linear-gradient(45deg, #FFD518 0%, #FFAA0A 100%);
+    border-radius: 24px;
+    color: #fff;
+  }
+}