From fbf48d910ae20f1df53a018c5a37a9b63fb2a169 Mon Sep 17 00:00:00 2001
From: yangdelong <828900aaa>
Date: 星期一, 19 四月 2021 17:35:19 +0800
Subject: [PATCH] 左侧图层控制check样式修改
---
src/components/LayerController/modules/LcServiceLayerFilter.vue | 6 ++++--
src/components/LayerController/modules/LcServiceLayer.vue | 6 +++++-
src/components/BaseNav/PublicDataStandard.vue | 45 +++++++++++++++++++++++++++++++++++++++++++++
3 files changed, 54 insertions(+), 3 deletions(-)
diff --git a/src/components/BaseNav/PublicDataStandard.vue b/src/components/BaseNav/PublicDataStandard.vue
new file mode 100644
index 0000000..a1a6ef4
--- /dev/null
+++ b/src/components/BaseNav/PublicDataStandard.vue
@@ -0,0 +1,45 @@
+<template>
+ <div class="animation">
+ <div class="information">
+<!-- <span class="grid-content">姘哀鍖栫墿 : <i style="color: #e8ee0b">29.93</i> 鏍囧噯 : <i style="color: #fff">100</i></span>-->
+<!-- <span class="grid-content">浜屾哀鍖栫～ : <i style="color: #e8ee0b">17.34</i> 鏍囧噯 : <i style="color: #fff">50</i></span>-->
+<!-- <span class="grid-content">鐑熷皹 : <i style="color: #e8ee0b">6.93</i> 鏍囧噯 : <i style="color: #fff">30</i></span>-->
+<!-- <span class="grid-content">搴熸皵娴侀噺 : <i style="color: #e8ee0b">120343.18</i></span>-->
+ <span class="grid-content" v-for="item in dataStandard" :key="item.current.name">{{ item.current.name }} :
+ <i style="color: #e8ee0b">{{ item.current.val }}</i> {{ item.standard.name ?item.standard.name+':':'' }} <i style="color: #fff">{{ item.standard.val }}</i></span>
+ </div>
+ </div>
+</template>
+
+<script>
+export default {
+ name: 'PublicDataStandard',
+ props: {
+ dataStandard: {
+ type: Array,
+ default: () => {
+ return []
+ }
+ }
+ }
+}
+</script>
+
+<style lang="less" scoped>
+.animation {
+ .information {
+ padding: 0.02rem 0.04rem;
+
+ .grid-content {
+ font-size: 0.08rem;
+ background-color: #2e4967;
+ text-align: center;
+ border-radius: 0.01rem;
+ height: 0.15rem;
+ line-height: 0.15rem;
+ margin-right: 0.04rem;
+ padding: 0 0.04rem
+ }
+ }
+}
+</style>
diff --git a/src/components/LayerController/modules/LcServiceLayer.vue b/src/components/LayerController/modules/LcServiceLayer.vue
index 961561c..3f3c2b3 100644
--- a/src/components/LayerController/modules/LcServiceLayer.vue
+++ b/src/components/LayerController/modules/LcServiceLayer.vue
@@ -6,7 +6,7 @@
<div v-for="item in serviceLayers" :key="item.code" class="layerbox">
<i class="downUp el-icon-caret-bottom" @click="item.isShow=!item.isShow" :class="item.isShow?'':'active'" ></i><!-- el-icon-arrow-down -->
<!-- 涓�绾у浘灞傞亶鍘� -->
- <div style="padding-left:25px;padding-top:10px;color:#fff">
+ <div style="padding-left:25px;padding-top:10px;color:#fff;font-size: 16px;">
<input type="checkbox" :name="'wmsLayer_'+item.code" :checked="item.checked" :value="item.code" @change="swAllLayers(item,'')"/>{{ item.name }}
</div>
<div class="layerbox-item" v-show="item.isShow">
@@ -122,6 +122,10 @@
padding-top: 5px;
.basemap-layer-item {
margin-bottom: 5px;
+ 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;}
+
}
}
.layerbox-item-3{
diff --git a/src/components/LayerController/modules/LcServiceLayerFilter.vue b/src/components/LayerController/modules/LcServiceLayerFilter.vue
index 6903552..6a34372 100644
--- a/src/components/LayerController/modules/LcServiceLayerFilter.vue
+++ b/src/components/LayerController/modules/LcServiceLayerFilter.vue
@@ -136,8 +136,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;
--
Gitblit v1.8.0