overseas 0.0.1

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

@@ -0,0 +1,369 @@
+@font-face {
+  font-family: "iconfont"; /* Project id 1924942 */
+  src: url('//at.alicdn.com/t/font_1924942_l9jdvry059.eot?t=1637736214198'); /* IE9 */
+  src: url('//at.alicdn.com/t/font_1924942_l9jdvry059.eot?t=1637736214198#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('//at.alicdn.com/t/font_1924942_l9jdvry059.woff2?t=1637736214198') format('woff2'),
+       url('//at.alicdn.com/t/font_1924942_l9jdvry059.woff?t=1637736214198') format('woff'),
+       url('//at.alicdn.com/t/font_1924942_l9jdvry059.ttf?t=1637736214198') format('truetype'),
+       url('//at.alicdn.com/t/font_1924942_l9jdvry059.svg?t=1637736214198#iconfont') format('svg');
+}
+
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-pdf:before {
+  content: "\e654";
+}
+
+.icon-close1:before {
+  content: "\e653";
+}
+
+.icon-alert-e656:before {
+  content: "\e656";
+}
+
+.icon-left-arrpw:before {
+  content: "\e657";
+}
+
+.icon-close-new-e658:before {
+  content: "\e658";
+}
+
+.icon-unselect:before {
+  content: "\e651";
+}
+
+.icon-selected:before {
+  content: "\e652";
+}
+
+.icon-telephone:before {
+  content: "\e650";
+}
+
+.icon-youtube-new:before {
+  content: "\e64c";
+}
+
+.icon-whatsapp:before {
+  content: "\e64d";
+}
+
+.iconicon-location:before {
+  content: "\e64b";
+}
+
+.iconwechat-qr-code-icon:before {
+  content: "\e64a";
+}
+
+.icon-alert:before {
+  content: "\e649";
+}
+
+.icon-star:before {
+  content: "\e648";
+}
+
+.icon-passed:before {
+  content: "\e647";
+}
+
+.icon-more-right:before {
+  content: "\e646";
+}
+
+.icon-more-left:before {
+  content: "\e645";
+}
+
+.icon-arrow-right:before {
+  content: "\e64f";
+}
+
+.icon-failed:before {
+  content: "\e644";
+}
+
+.icon-difficulty:before {
+  content: "\e643";
+}
+
+.icon-higher-department:before {
+  content: "\e642";
+}
+
+.icon-junior-department:before {
+  content: "\e641";
+}
+
+.icon-primary-department:before {
+  content: "\e640";
+}
+
+.icon-preschool-department:before {
+  content: "\e63f";
+}
+
+.icon-transfer1:before {
+  content: "\e63e";
+}
+
+.icon-reschedule:before {
+  content: "\e63d";
+}
+
+.icon-transfer:before {
+  content: "\e63c";
+}
+
+.icon-next:before {
+  content: "\e63b";
+}
+
+.icon-close-new:before {
+  content: "\e639";
+}
+
+.icon-arrow-left:before {
+  content: "\e63a";
+}
+
+.icon-upaid-courses:before {
+  content: "\e638";
+}
+
+.icon-top-dark:before {
+  content: "\e636";
+}
+
+.icon-bottom-dark:before {
+  content: "\e637";
+}
+
+.icon-switch:before {
+  content: "\e635";
+}
+
+.icon-info-circle:before {
+  content: "\e634";
+}
+
+.icon-success-circle:before {
+  content: "\e632";
+}
+
+.icon-user-switch:before {
+  content: "\e630";
+}
+
+.icon-download:before {
+  content: "\e631";
+}
+
+.icon-wish-list:before {
+  content: "\e62e";
+}
+
+.icon-edit:before {
+  content: "\e62f";
+}
+
+.icon-order:before {
+  content: "\e62c";
+}
+
+.icon-test:before {
+  content: "\e62d";
+}
+
+.icon-course:before {
+  content: "\e62b";
+}
+
+.icon-coupon:before {
+  content: "\e62a";
+}
+
+.icon-take-class-time:before {
+  content: "\e629";
+}
+
+.icon-wish:before {
+  content: "\e628";
+}
+
+.icon-success:before {
+  content: "\e61c";
+}
+
+.icon-mail:before {
+  content: "\e606";
+}
+
+.icon-asc-sort:before {
+  content: "\e604";
+}
+
+.icon-desc-sort:before {
+  content: "\e603";
+}
+
+.icon-show-more:before {
+  content: "\e602";
+}
+
+.icon-access-course-details:before {
+  content: "\e601";
+}
+
+.icon-attend-the-class:before {
+  content: "\e600";
+}
+
+.icon-camera-outline:before {
+  content: "\e616";
+}
+
+.icon-setting-outline:before {
+  content: "\e615";
+}
+
+.icon-home-outline:before {
+  content: "\e610";
+}
+
+.icon-file-outline:before {
+  content: "\e60f";
+}
+
+.icon-warning-outline:before {
+  content: "\e609";
+}
+
+.icon-success-outline:before {
+  content: "\e60a";
+}
+
+.icon-quote-left:before {
+  content: "\e627";
+}
+
+.icon-quote-right:before {
+  content: "\e626";
+}
+
+.icon-asc:before {
+  content: "\e625";
+}
+
+.icon-desc:before {
+  content: "\e624";
+}
+
+.icon-calendar-date-outline:before {
+  content: "\e623";
+}
+
+.icon-tel:before {
+  content: "\e622";
+}
+
+.icon-faq:before {
+  content: "\e621";
+}
+
+.icon-arrow-top:before {
+  content: "\e620";
+}
+
+.icon-arrow-bottom:before {
+  content: "\e61f";
+}
+
+.icon-arrow-top-outline:before {
+  content: "\e61e";
+}
+
+.icon-arrow-bottom-outline:before {
+  content: "\e61d";
+}
+
+.icon-arrow-right-outline:before {
+  content: "\e61b";
+}
+
+.icon-arrow-left-outline:before {
+  content: "\e61a";
+}
+
+.icon-logo:before {
+  content: "\e619";
+}
+
+.icon-linkedin:before {
+  content: "\e618";
+}
+
+.icon-quote:before {
+  content: "\e617";
+}
+
+.icon-close:before {
+  content: "\e614";
+}
+
+.icon-play:before {
+  content: "\e613";
+}
+
+.icon-menu-outline:before {
+  content: "\e612";
+}
+
+.icon-clock-outline:before {
+  content: "\e611";
+}
+
+.icon-ins:before {
+  content: "\e633";
+}
+
+.icon-download-outline:before {
+  content: "\e60e";
+}
+
+.icon-projector-outline:before {
+  content: "\e60d";
+}
+
+.icon-calendar-outline:before {
+  content: "\e60c";
+}
+
+.icon-desktop-outline:before {
+  content: "\e60b";
+}
+
+.icon-wechat:before {
+  content: "\e64e";
+}
+
+.icon-facebook:before {
+  content: "\e608";
+}
+
+.icon-backtop:before {
+  content: "\e607";
+}
+
+.icon-youtube:before {
+  content: "\e605";
+}

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

@@ -0,0 +1,8 @@
+.image-section-wrapper {
+  width: 100%;
+  max-width: 375px;
+  img {
+    display: block;
+    width: 100%;
+  }
+}

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