图层控制面板加宽。

chenyabin

2021-04-27 bdce5b978229a100b7d7a01acbdeefbd9e2b0902

 src/components/LayerController/modules/LcServiceLayerFilter.vue

@@ -20,15 +20,12 @@
</template>

<script>
import { LayerSewersPoint } from '@src/conf/layers/LayerSewers'

export default {
  name: 'LcServiceLayerFilter',
  components: { },
  data () {
    return {
      visible: {},
      layerSewersPoint: LayerSewersPoint,
      layers: [],
      filterConfig: [] // 附属要素
    }
@@ -115,7 +112,8 @@
    .inner-panel {
        font-size: 13px;
        position: absolute;
        left: 1.82167rem;
       // left: 1.82167rem;
        left: 2.13167rem;
        z-index: 1000;
        top: 50px;
        .filter-group {
@@ -139,8 +137,10 @@
                    padding-bottom: 5px;
                    //overflow-y: hidden;
                }

                //
              input[type="checkbox"]{width:10px;height:10px;display: inline-block;text-align: center;vertical-align: middle; line-height: 10px;position: relative;}
              input[type="checkbox"]::before{content: "";position: absolute;top: 0;left: 0;background: #fff;width: 100%;height: 100%;border: 1px solid #d9d9d9}
              input[type="checkbox"]:checked::before{content: "\2713";background-color: @color-highlight;position: absolute;top: 0;left: 0;width:100%;border: 1px solid #fff700;color:@background-color;font-size: 10px;font-weight: bold;}
              //
                //::-webkit-scrollbar {
                //    width: 7px;
                //    height: 5px !important;