系统设置v1.0

ZZJ

2021-09-27 8364714effe41c220244b4fea441fca025d5fc14

系统设置v1.0

 public/images/gengeralSettings/¿Ì¶È±ê.png

 src/pages/settings/views/generalSettings.vue

@@ -58,7 +58,7 @@
            <span class="desc">{{ deviceInfo.runningTime }}</span>

          </div>

        </div> -->

        <div class="lang" v-if="activePage == 0">

        <div class="lang videoTime" v-if="activePage == 0">

          <div class="min-dur">

            <div class="title">抓拍前录像时长</div>

            <div class="entity">

@@ -73,10 +73,11 @@
                  @input="min_len = min_video_len"

                  show-stops

                  :show-tooltip="true"

                  tooltip-class="toolClass"

                  :format-tooltip="formatTooltip"

                ></el-slider>

              </div>

              <el-input-number

              <!-- <el-input-number

                v-model="min_len"

                @change="fakeObj.min = +(min_len / 1.2)"

                controls-position="right"

@@ -86,7 +87,17 @@
                step-strictly

                size="small"

              ></el-input-number

              >&nbsp;s

              >&nbsp;s -->

               
              <el-input-number 
              v-model="min_len" 
              @change="fakeObj.min = +(min_len / 1.2)" 
              :min="5" 
              :step="5"

              :max="120" 
              step-strictly

              size="small"

              ></el-input-number>&nbsp;s

            </div>

          </div>

          <div class="min-dur">

@@ -109,7 +120,6 @@
              <el-input-number

                v-model="max_len"

                @change="fakeObj.max = +(max_len / 1.2)"

                controls-position="right"

                :min="5"

                :step="5"

                step-strictly

@@ -117,6 +127,7 @@
                size="small"

              ></el-input-number

              >&nbsp;s

              
            </div>

          </div>



@@ -713,24 +724,25 @@
      .min-dur {

        box-sizing: border-box;

        padding: 0 20px;

        background-color: rgba(248, 248, 248, 1);

        background-color: #F2F2F7;

        height: 105px;

        margin-bottom: 20px;

        margin-bottom: 4px;

        border-radius: 15px;

        .title {

          color: #333;

          height: 45px;

          line-height: 45px;



          text-align: left;

          box-sizing: border-box;

          padding: 0 6px;

          font-size: 14px;

          font-size: 16px;

          font-weight: 700;

        }

      }



      .min-dur:hover {

      /* .min-dur:hover {

        background-color: rgba(233, 233, 233, 1);

      }

      } */



      .entity {

        display: flex;

@@ -741,8 +753,8 @@
          min-width: 30px;

          line-height: 80px;

          margin-right: 10px;

          color: rgba(120, 120, 120, 1);

          font-size: 14px;

          color:#333 ;

          font-size: 8px;

        }

        .block {

          flex: 1;

@@ -781,15 +793,16 @@
    }

    .save-btn {

      background-color: var(--colorCard);

      width: 240px;

      width: 180px;

      height: 40px;

      margin: 0 auto;

      border-radius: 10px;

      border-radius: 25px;

      color: #fff;

      line-height: 40px;

      cursor: pointer;

      font-size: 14px;

      margin-top: 20px;

      font-size: 16px;

      font-weight: 700;

      margin-top: 55px;

    }

    .self-setting {

      .top-title {

@@ -1012,3 +1025,108 @@
  }

}

</style>



<style>



.videoTime .el-slider__button {

  margin-top: -25px !important;

  border: none !important;

  background-image: url(/images/gengeralSettings/刻度标.png);

}



.videoTime .el-tooltip {

background-color: #F2F2F7 !important;

  border: none !important;

}



.videoTime .el-slider__runway {

  background-color: #fff !important;

  height: 3px !important;

}



.videoTime .el-slider__stop {

  background-color: #C4C4C4 !important;

  height: 3px !important;

  width: 8px !important;

  border-radius:0 !important;

}



.videoTime .el-slider__bar {

  z-index: 999999999 !important;

  background-color: var(--colorCard) !important;

}



.videoTime .el-input-number.el-input-number--small {

  width: 90px;

  height: 24px;

  border-radius: 4px;

  line-height: 24px !important;

  font-weight: 700 !important;

}





.videoTime .el-input-number.el-input-number--small .el-input__inner {

font-size: 12px !important;

}



.el-input-number__decrease {

color: #333 !important;

/* top: 4px !important; */

 height: 22px !important;

 width: 20px !important;

 line-height: 22px  !important;

}



/* .el-input-number__decrease:hover i{

  color: var(--colorCard);

} */



.el-input-number__increase {

color: #333 !important;

 /* top: 4px !important; */

 height: 22px !important;

 width: 24px !important;

 line-height: 22px  !important;

}



.el-input-number__increase:hover i{

 /*  color: var(--colorCard); */

 color: #4E94FF;

}



.el-input__inner {

 height: 24px !important;

}





/* .el-tooltip__popper {

  font-size: 12px !important;

  background-color: transparent !important;

  color:var(--colorCard) !important;

}



.popper__arrow::after {

  border-color: transparent !important;

  border: none !important;

}



.popper__arrow:after {

  border-bottom-color: green !important;

}



.popper__arrow:after {

  border-top-color: pink !important;

}



.toolClass {

  border: none !important;

}



.toolClass {

  border: none !important;

}



.el-slider__button::after {

  border: none !important;

} */

</style>