按钮样式修改

haoxuan

2023-09-14 da0a3c5dcb95cae59af0719d42f2b8f9225a5df5

按钮样式修改

 src/components/AddIssue.vue

@@ -115,9 +115,9 @@
                  width: 100%;
                  text-align: center;
                  margin-bottom: 15px;
                  margin-top: 10px;
                  line-height:35px;
                "
                :class="showBtn == 3&&isLoading?'margin-top-10px':'margin-top-40px'"
              >
              <template v-if="showBtn == 2">
                  <div class="gif">
@@ -162,7 +162,9 @@
          </div>
        </template>
        <template v-else>
         
          <div class="btn" @click="closeClick">
              <img src="../../public/btn1.png" />
          </div>
          <div class="btn" v-if="showBtn == 1" @click="confirmClick1">
            <img src="../../public/confirm1.png" />
          </div>
@@ -177,9 +179,6 @@
          >
            <i class="el-icon-loading icon-loading" v-if="isLoading"/>
            <img src="../../public/confirm1.png" />
          </div>
          <div class="btn" @click="closeClick">
              <img src="../../public/btn1.png" />
          </div>
        </template>
      </div>
@@ -390,8 +389,15 @@
  .dialog-footer {
    position: absolute;
    bottom: 30px;
    width:94%;
    width:100%;
    text-align:center;
  }
}
.margin-top-10px{
  margin-top:10px;
}
.margin-top-40px{
  margin-top:40px;
}
.color_4efefa {
  color: #4efefa !important;
@@ -464,7 +470,6 @@
.btn {
  width: 150px;
  height: auto;
  float: right;
  display: inline-block;
  position:relative;
  img {
@@ -589,6 +594,7 @@
        // background: #15d815;
        background:red;
        border-radius: 50%;
        margin-top:-5px;
        vertical-align: middle;
      }
  }