study.e406d228.chunk.css.map 10.6 KB
Newer Older
zhanghaozhe committed
1
{"version":3,"sources":["/Users/zhanghaozhe/server/mr-julyedu/src/components/study/study.scss","/Users/zhanghaozhe/server/mr-julyedu/src/common/v-list-base/index.scss","/Users/zhanghaozhe/server/mr-julyedu/src/components/study/myCourses/my-courses.scss","/Users/zhanghaozhe/server/mr-julyedu/src/common/course-base/course-base.scss","/Users/zhanghaozhe/server/mr-julyedu/src/components/study/freeCourses/free-courses.scss"],"names":[],"mappings":"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","file":"study.e406d228.chunk.css","sourcesContent":["@charset \"UTF-8\";\n/*\n *  @ 文字颜色\n */\n/*\n *  @ 文字大小\n */\n/*\n *  @ 背景颜色\n */\n/*\n *  @ 分割线颜色\n */\n/*\n *  @ 边框颜色\n */\n/*\n *  @ 标签颜色\n */\nhtml, body, #root {\n  height: 100% !important; }\n\n#study {\n  height: 100%;\n  background: #fff;\n  display: flex;\n  flex-flow: column;\n  overflow: hidden; }\n  #study .tab {\n    height: 44px;\n    max-height: 44px;\n    line-height: 44px;\n    text-align: center;\n    background: #F7F9FC;\n    flex: 1 0 auto;\n    display: flex;\n    justify-content: center; }\n    #study .tab > div {\n      flex: 1 0 auto; }\n    #study .tab a {\n      display: inline-block;\n      height: 44px;\n      font-size: 15px; }\n  #study .study-container {\n    padding-bottom: 50px;\n    flex: 1 1 auto;\n    overflow-y: auto;\n    box-sizing: border-box; }\n  #study .active {\n    color: #09f;\n    border-bottom: 1px solid #09f; }\n","@charset \"UTF-8\";\n/*\n *  @ 文字颜色\n */\n/*\n *  @ 文字大小\n */\n/*\n *  @ 背景颜色\n */\n/*\n *  @ 分割线颜色\n */\n/*\n *  @ 边框颜色\n */\n/*\n *  @ 标签颜色\n */\n.v-list-base-item {\n  padding: 10px 10px 0;\n  position: relative; }\n  .v-list-base-item .content {\n    display: flex;\n    height: 100%;\n    padding-bottom: 10px;\n    border-bottom: 1px solid #e7eaf1; }\n    .v-list-base-item .content .cover {\n      flex: 0 0 auto;\n      margin-right: 16px;\n      position: relative; }\n      .v-list-base-item .content .cover img {\n        width: 150px;\n        height: 108px;\n        border-radius: 3px; }\n    .v-list-base-item .content .course-status {\n      width: 100%;\n      height: 24px;\n      position: absolute;\n      bottom: -1px;\n      border-radius: 0 0 3px 3px;\n      text-align: center;\n      line-height: 24px;\n      color: #fff;\n      font-size: 13px; }\n","@charset \"UTF-8\";\n/*\n *  @ 文字颜色\n */\n/*\n *  @ 文字大小\n */\n/*\n *  @ 背景颜色\n */\n/*\n *  @ 分割线颜色\n */\n/*\n *  @ 边框颜色\n */\n/*\n *  @ 标签颜色\n */\n#study .info {\n  display: flex;\n  flex-wrap: wrap;\n  width: 55%; }\n  #study .info .title {\n    font-size: 15px;\n    font-weight: 400;\n    width: 100%;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis; }\n  #study .info .contact {\n    font-size: 13px;\n    color: #09f;\n    flex: 0 1 auto;\n    width: 100%; }\n  #study .info .process-status {\n    display: flex;\n    justify-content: space-between;\n    align-items: center; }\n  #study .info .process-wrapper {\n    position: relative;\n    width: 147px;\n    height: 6px;\n    background: #E5E5E5;\n    border-radius: 4px;\n    margin-right: 14px; }\n  #study .info .process-bar {\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    background-color: #09f;\n    border-radius: 4px; }\n  #study .info .process-text {\n    color: #09f;\n    font-size: 12px;\n    line-height: 15px; }\n  #study .info .des {\n    color: #999;\n    font-size: 11px;\n    align-self: flex-end;\n    line-height: 1; }\n    #study .info .des .time {\n      margin-right: 10px; }\n  #study .info .start-learn {\n    display: block;\n    box-sizing: border-box;\n    align-self: flex-end;\n    width: 78px;\n    height: 22px;\n    padding: 5px 14px;\n    -webkit-appearance: none;\n    outline: 0;\n    border: none;\n    background: #09f;\n    color: #fff;\n    border-radius: 3px; }\n\n#study .add-course {\n  padding: 10px 12px; }\n  #study .add-course button.add {\n    width: 150px;\n    height: 108px;\n    font-size: 15px;\n    font-family: HiraginoSansGB-W3;\n    font-weight: normal;\n    color: #09f;\n    border: 1px dashed #09f;\n    background: transparent; }\n\n#study .my-course-uid {\n  width: 375px;\n  height: 30px;\n  background: #FFF4CE;\n  line-height: 30px;\n  text-align: center;\n  font-size: 12px;\n  color: #333; }\n\n#study .empty {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding-top: 140px; }\n  #study .empty .iconfish {\n    width: 20px;\n    height: 20px;\n    color: #1a4263; }\n  #study .empty .empty-prompt {\n    margin-bottom: 30px;\n    font-size: 12px;\n    color: #666; }\n  #study .empty .select-course {\n    display: block;\n    width: 131px;\n    height: 30px;\n    border: 1px solid #09f;\n    border-radius: 15px;\n    background: transparent;\n    color: #09f;\n    font-size: 16px;\n    text-align: center;\n    line-height: 30px; }\n\n#study .status {\n  position: absolute;\n  top: 0;\n  right: 0;\n  padding: 2px 6px;\n  border-radius: 11px 0 0 11px;\n  font-size: 14px;\n  color: #fff;\n  background: linear-gradient(to bottom, #FF4000, #FD7700); }\n\n#study .course-expire {\n  display: inline-block;\n  text-align: center;\n  position: absolute;\n  bottom: 10px;\n  left: 0;\n  width: 92px;\n  height: 20px;\n  line-height: 21px;\n  background-color: #FF3A3A;\n  border-radius: 0 10px 10px 0;\n  color: #fff;\n  font-size: 12px; }\n","@charset \"UTF-8\";\n/*\n *  @ 文字颜色\n */\n/*\n *  @ 文字大小\n */\n/*\n *  @ 背景颜色\n */\n/*\n *  @ 分割线颜色\n */\n/*\n *  @ 边框颜色\n */\n/*\n *  @ 标签颜色\n */\n.course-base-item {\n  width: 47.8%;\n  margin-top: 15px;\n  margin-bottom: 5px;\n  position: relative; }\n  .course-base-item img {\n    width: 100%;\n    height: 119px;\n    min-height: 119px; }\n  .course-base-item .course-title {\n    font-size: 14px;\n    color: #333;\n    line-height: 19px;\n    margin-top: 9px; }\n","@charset \"UTF-8\";\n/*\n *  @ 文字颜色\n */\n/*\n *  @ 文字大小\n */\n/*\n *  @ 背景颜色\n */\n/*\n *  @ 分割线颜色\n */\n/*\n *  @ 边框颜色\n */\n/*\n *  @ 标签颜色\n */\n.free-courses {\n  padding: 15px;\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-between; }\n  .free-courses .course-base-item {\n    margin-top: 0;\n    margin-bottom: 15px; }\n    .free-courses .course-base-item img {\n      border-radius: 3px; }\n  .free-courses .top {\n    position: absolute;\n    top: 10px;\n    left: 0; }\n  .free-courses .tag-soon {\n    background: #FF2121;\n    color: #fff; }\n  .free-courses .tag-playing {\n    background: #09f;\n    color: #fff; }\n  .free-courses .tag-category {\n    background: #E0B97B;\n    color: #fff; }\n  .free-courses .course-item {\n    margin-top: 0;\n    margin-bottom: 16px; }\n    .free-courses .course-item .course-title {\n      margin-top: 0;\n      line-height: 34px;\n      width: 100%;\n      overflow: hidden;\n      white-space: nowrap;\n      text-overflow: ellipsis; }\n    .free-courses .course-item .bottom {\n      display: flex;\n      justify-content: space-between; }\n  .free-courses .live .bottom {\n    display: flex;\n    justify-content: flex-start;\n    color: #09f; }\n  .free-courses .animation-box {\n    width: 14px;\n    height: 12px;\n    display: flex;\n    justify-content: space-between;\n    margin-right: 5px; }\n    .free-courses .animation-box .column {\n      width: 2px;\n      height: 12px;\n      transform-origin: bottom center;\n      animation: scaleY 1.1s ease-out infinite;\n      background-color: #09f; }\n      .free-courses .animation-box .column-1 {\n        animation-delay: 0.2s; }\n      .free-courses .animation-box .column-2 {\n        animation-delay: 0.4s; }\n      .free-courses .animation-box .column-3 {\n        animation-delay: 0.6s; }\n\n@keyframes scaleY {\n  from {\n    transform: scaleY(0); }\n  50% {\n    transform: scaleY(1); }\n  to {\n    transform: scaleY(0); } }\n"]}