样式的修改

heyujie

2021-03-04 6573514c3ffbd390c125febed8dea040c0c48f80

样式的修改

 src/pages/ai/index/App.vue

@@ -115,7 +115,7 @@
                                  type="warning"

                                  size="small"

                                  class="bot-btn"

                                  >升级1</el-button

                                  >升级</el-button

                                >

                              </div>

                            </div>

@@ -254,7 +254,7 @@
                                  type="warning"

                                  size="small"

                                  class="bot-btn"

                                  >升级2</el-button

                                  >升级</el-button

                                >

                              </div>

                            </div>

@@ -666,7 +666,7 @@
                                  type="warning"

                                  size="small"

                                  class="bot-btn"

                                  >升级3</el-button

                                  >升级</el-button

                                >

                              </div>

                            </div>

@@ -754,7 +754,7 @@
                                  type="warning"

                                  size="small"

                                  class="bot-btn"

                                  >升级4</el-button

                                  >升级</el-button

                                >

                              </div>

                            </div>

@@ -847,10 +847,10 @@
      @close="closeDial"

    >

    <!-- <el-button-group> -->

      <div class="button-group">

  <el-button   plain size="small" @click="backwards" :disabled="backDisable"> &#60; </el-button>

      <div class="button-group" v-show="!backDisable||!forwardDisable">

  <el-button    size="small" @click="backwards" :disabled="backDisable"> <span>&#60;</span> </el-button>

  <!-- <el-button type="primary" size="small" icon="el-icon-arrow-left"></el-button> -->

  <el-button   plain size="small" @click="forwards" :disabled="forwardDisable">></el-button>

  <el-button    size="small" @click="forwards" :disabled="forwardDisable">></el-button>

  <!-- <el-button type="primary" size="small"><i class="el-icon-arrow-right el-icon--right"></i></el-button> -->



      </div>

@@ -916,20 +916,11 @@
                  <!-- <span

                  class="tag"

                  v-for="(id, index) in curCheckTarget.productLabelId"

                  :key="index+'i'"

                  :key="index+'i'" 
                >{{showNameById(id)}}</span> -->

                  <el-tag type="info" color="#fff">应用</el-tag>

                  <el-tag type="info" color="#fff">算法</el-tag>

                  <el-tag type="info" color="#fff">软件</el-tag>

                  <!-- <span

                  class="tag"

                >应用</span>

                <span

                  class="tag"

                >算法</span>

                <span

                  class="tag"

                >软件</span> -->

                  <el-tag type="info" color="#fff" v-if="!isSDKDialog">应用</el-tag>

                  <el-tag type="info" color="#fff" v-if="isSDKDialog">算法</el-tag>

                  <el-tag type="info" color="#fff" >软件</el-tag>

                </div>

                <div class="btns">

                  <el-button size="medium" type="warning" v-if="needToUpgradeInWin" @click="upgradeSDKinWin" >{{

@@ -956,7 +947,7 @@
                        >

                      </div>

            <div class="product-intruduction">

              <div class="part-title">简介</div>

              <div class="part-title" v-if="!showInputCode">简介</div>

              <div class="text">

                <div class="single-desc">

                  <div>版本：</div>

@@ -1805,26 +1796,41 @@
      font-size: 14px;

    }

    .el-dialog {

      width: 60%;

      width: 55%;

      min-width: 920px;

      position: relative;

    }

    .el-dialog__header {

      text-align: center;

      padding: 15px;

          padding: 6px;



      .el-dialog__headerbtn {

          position: absolute;

             top: 5px;



          right: 20px;

          padding: 0;

          background: transparent;

          outline: none;

          cursor: pointer;

          font-size: 20px;

      }

    }

    .el-dialog__body {

      background-color: rgba(222, 225, 230, 1);

      padding: 10px 5px;

      .button-group{

        position: absolute;

            top: 9px;

               top: 3px;



            left:6px;

                left: 10px;



      .el-button--small {

    padding: 6px 12px;

    }

        button{

          // margin-right: 6px;

          background-color: #ecf5ff;

          // background-color: #ecf5ff;

          font-size: 18px;

        line-height: 12px;  

        }

@@ -1840,6 +1846,7 @@
          background-color: rgba(253, 253, 253, 1);

          margin: 0 0.5%;

          height: 350px;

          border-radius: 2px;

          .banner {

        text-align: center;

            margin-top: 11px;

@@ -1869,9 +1876,10 @@
          height: 350px;

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

          position: relative;

          border-radius: 2px;

          overflow: hidden;

          .summary {

            height: 140px;

         height: 135px;

                margin: 5px 5px 0 5px;



            .icon {

@@ -1951,6 +1959,7 @@
          height: 260px;

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

          margin: 0 0.5%;

          border-radius: 2px;

          float: left;

          // background-color: lightblue;

          .part-title {

@@ -1967,11 +1976,15 @@
          .list-zone {

            overflow: auto;

            height: 225px;

            padding: 0 8px;

               padding: 0 12px;



            .list-item {

              .desc {

                background-color: rgba(242, 242, 242, 1.3);

                    margin: 4px 12px 0 12px;



              }

               margin-bottom: 12px;

            }

          }

        }

@@ -1982,6 +1995,7 @@
          width: 49%;

          // background-color: lightgoldenrodyellow;

          margin: 0 0.5%;

          border-radius: 2px;



          .part-title {

            display: block;

@@ -1997,7 +2011,8 @@
          .item-zone {

            overflow: auto;

            height: 225px;

            padding: 0 10px;

              padding: 0px 12px;



            .item {

              height: 165px;

              width: 130px;

@@ -2015,18 +2030,25 @@
                // width: 100%;

                // height: 68px;

                // width: 68px;

                position: absolute;

                // position: absolute;

                // margin: 0 auto;

                margin: 0 auto;

                top: 21%;

                left: 26%;

                // top: 21%;

                // left: 26%;

                img {

                  // display: block;

                  max-width: 60px;

                  max-height: 60px;

                      position: absolute;

    top: 20%;

    left: 26%;

                }

                .icon-name {

                  text-align: center;

                 text-align: center;

                position: absolute;

                top: 61%;

                left: 7%;

                width: 110px;

                }

              }

              .look-button {