1

src/views/home/components/map/index.vue

@@ -1,21 +1,24 @@
 <template>
   <div class="h-full">
-    <div class="flex align-middle">
-      <el-date-picker v-model="year" type="year" placeholder="选择年">
-      </el-date-picker>
-      <el-button type="primary" style="margin-left: 4px">导出</el-button>
+	<div class="c-title">
+		 <span>积分排行榜</span>
+		<el-date-picker v-model="year" type="year" placeholder="选择年" style="padding-left: 40px;">
+		</el-date-picker>
+	</div>
+    <div class="flex align-middle ">
+      <!--el-button type="primary" style="margin-left: 4px">导出</el-button-->
       <el-button @click="back" type="text" v-if="currentMap != '衡阳市'"
         >返回></el-button
       >
     </div>
     <div style="display: flex; justify-content: space-between; height: 100%">
-      <div id="hy-map" style="width: 65%; height: 97%"></div>
-      <div class="item-container">
+      <div id="hy-map" style="width: 100%; height: 97%"></div>
+      <!--div class="item-container">
         <div class="item" v-for="(ite, i) in itemData" :key="i">
           <div class="val">121</div>
           <div class="lab">{{ ite.lable }}</div>
         </div>
-      </div>
+      </div-->
     </div>
   </div>
 </template>
@@ -204,6 +207,11 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
+.c-title {
+  border-left: 4px solid rgb(64, 158, 255);
+  padding-left: 10px;
+  color: #fff;
+}
 .item-container {
   // height: 20%;
   height: 97%;