网络设置ui调整

heyujie

2021-10-09 e2097c64f20cb34a8d1598467d62286ce09c1550

 src/pages/settings/views/NetSettings.vue

@@ -123,13 +123,14 @@
            :value="isHighClass"

          ></switchBar>



          <div class="general-box">

          <div class="general-box" style="margin-bottom: 20px">

            <div class="in-title">IPV4</div>



            <el-form :model="ipv4Form" :rules="ipv4FormRules" ref="ipv4Form">

              <el-form-item>

                <div class="p-title">方法</div>

                <el-select v-model="value" placeholder="请选择" size="small">

                <el-select v-model="value" placeholder="请选择" size="small"

                :popper-append-to-body="false">

                  <el-option

                    v-for="item in options"

                    :key="item.value"

@@ -177,13 +178,13 @@
            </el-form>

          </div>



          <div class="general-box">

          <div class="general-box" style="margin-bottom: 20px">

            <div class="in-title">IPV6</div>



            <el-form :model="ipv6Form" :rules="ipv6FormRules" ref="ipv4Form">

              <el-form-item>

                <div class="p-title">方法</div>

                <el-select v-model="value" placeholder="请选择" size="small">

                <el-select v-model="value" placeholder="请选择" size="small" :popper-append-to-body="false">

                  <el-option

                    v-for="item in options"

                    :key="item.value"

@@ -561,7 +562,13 @@
.all {

  width: 100%;

}

.wire{

  width: 460px;

  margin: 0 auto;

}

.wire-detail {

  width: 460px;

  margin: 0 auto;

  .title {

    font-size: 16px;

    margin-bottom: 10px;

@@ -574,8 +581,8 @@
          // background-color: #f2f2f7;

          text-align: left;

          border-radius: 20px;

          border: 2px solid transparent;    display: flex;



    border: 2px solid transparent;

    display: flex;

        }

  .btns {

    display: flex;

@@ -675,7 +682,9 @@
      font-size: 16px;

      line-height: 48px;

      color: #333333;

      font-weight: bold;

      font-weight: bold;    background: #F2F2F7;

    border-radius: 8px;

    margin-bottom: 10px;

    }

    .el-form-item.is-required:not(.is-no-asterisk)

      > .el-form-item__label:before,

@@ -736,11 +745,10 @@
        background-color: #ffffff;

        border: 2px solid transparent;

        border-radius: 20px;

        height: 32px;

        height: 32px !important;

        padding: 0 15px;

        font-size: 14px;

        line-height: 32px;



        font-weight: bold;

      }

      .el-input__inner::placeholder {

@@ -812,13 +820,19 @@
      }

    }

    .wifi-detail {

      max-width: 600px;

      max-width: 454px;

      margin: 0 auto;

      .title {

        background: #f2f2f7;

        border-radius: 8px;

        height: 48px;

        margin-bottom: 4px;

      }

      .general-box {

        background: #f2f2f7;

        border-radius: 8px;

        padding-bottom: 10px;

        margin-bottom: 20px;



        .el-form-item {

          margin-bottom: 0px;

        }

@@ -852,21 +866,12 @@
        margin-top: 0;

        display: flex;

        justify-content: space-between;

        margin-bottom: 20px;

        .left {

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

          height: 40px;

          line-height: 40px;

          width: 48%;

          border-radius: 10px;

        margin-bottom: 4px;

        .cancel {

          width: 218px;

        }

        .right {

          background-color: rgba(61, 104, 225, 1);

          height: 40px;

          line-height: 40px;

          width: 48%;

          color: #fff;

          border-radius: 10px;

        .ok {

          width: 218px;

        }

      }

      .wifi-name {

@@ -880,13 +885,8 @@
      }

      .ad {

        height: 32px;

        /* margin: 4px 0px 4px 5px; */

        /* border-radius: 5px; */

        line-height: 31px;

        /* width: 27px; */

        text-align: center;

        font-size: 17px;

        /* font-weight: bold; */

        margin-left: 10px;

        cursor: pointer;

      }