统一样式-图层组件按钮添加

chenyabin

2021-04-07 7845b8946aa2e58f053b09cef897e6c58df60e8a

 src/components/panel/RightSearchPanel.vue

@@ -7,7 +7,7 @@
      <div class="container">
          <ul>
              <li style="text-align: right">
                  <buttom type="button" class="el-button special-button el-button--default el-icon-d-arrow-right"></buttom>
                  <button type="button" class="el-button special-button el-button--default el-icon-d-arrow-right"></button>
              </li>
          </ul>
        <ul  v-for="item in topicList" :key="item.name" :class="item.checked?'module-wrap map-btn-active':'module-wrap map-btn-unactive'" @click="()=>{selected(item)}" >
@@ -102,7 +102,7 @@
    },
    selected (val) {
      // console.log(val)
      this.title = val.name + '（检索）'
      this.title = val.name
      this.topicList.forEach((itm) => {
        itm.checked = val.name === itm.name
      })
@@ -257,10 +257,10 @@
        padding: 15px 3px;
        background: rgba(0, 16, 30, 0.7);
        color: #C0C4CC;
        border-radius:50%  0.03rem 0.03rem 50% ;
    }
    .el-button--default:hover{
        background: transparent;
        border-color: #0f93a9;
        background:@background-color;
    }

  .el-form-item__label {