Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout

zhongshujie

2025-01-22 697783bc171a448068b6341f4b71c902f1e1fac4

 src/books/kindergartenLanguageActivity/css/default.less

@@ -17,6 +17,60 @@
      height: 100%;
      font-size: 18px;

      .page-header-box {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 50px;
        .evenBox {
          position: relative;
          height: 100%;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          .evenIcon{
            height: 50px;
          }
          .evenContent {
            position: absolute;
            top: 5px;
            left: 0;
            font-size: 16px;
            font-weight: 700;
            font-family: '楷体';

            span:nth-child(1) {
              padding: 0 10px;
              border-right: 1px solid #00ADEF;
              margin-right: 10px;
            }
          }
        }
        .oddBox {
          width: 100%;
          display: flex;
          justify-content: flex-end;
          align-items: center;
          font-size: 16px;
          font-weight: 700;
          font-family: '楷体';
          span:nth-child(1) {
            margin-right: 10px;
          }

          span:nth-child(3) {
            padding: 0 10px;
            border-left: 1px solid #00ADEF;
            margin-left: 10px;
          }
          .oddIcon {
            width: 18px;
            margin-right: 5px;
          }
        }
      }

      .page-box {
        box-sizing: border-box;
        min-height: 1150px;
@@ -34,17 +88,24 @@

        .videoBox {
          width: 100%;
          padding: 30px 20px;
          padding-top: 60px;
          box-sizing: border-box;
          display: flex;
          justify-content: space-around;
          flex-wrap: wrap;
          align-items: center;
          background-image: url('../images/bj-v.png');
          background-repeat: no-repeat;
          background-position: center center;
          background-size: 100% 100%;

          .videoItem {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        

            .video-border {
              width: 230px;
              height: 180px;
@@ -78,6 +139,7 @@

          textarea:focus {
            outline: none;
            border-color: #000;
          }
        }