UI

src/assets/styles/base.scss

@@ -600,8 +600,8 @@ div::-webkit-scrollbar {
 			transition: all 0.5s ease-in-out !important;
 		}
 		.indent-left{
-			-webkit-transform: translateX(-20rem) !important;
-			transform: translateX(-20rem)  !important;
+			-webkit-transform: translateX(-23rem) !important;
+			transform: translateX(-23rem)  !important;
 			transition: all 0.5s ease-in-out  !important;
 		}
 		.indent-right{

src/views/afforestation.vue

@@ -8,7 +8,9 @@
       <!-- 左侧 -->
       <div class="leftbar" :class="indentleft" ref="left">
         <div class="forthis">
-          <div class="this-title">
+         <dv-border-box-13 backgroundColor="#040b1f" style="padding-bottom: 1rem;">
+         	<img src="../assets/images/integrated/light.png" style="width: 100%; margin-top: .4rem;" />
+         	<div class="this-title" style="margin: 1rem 0; padding-right:1rem">
             <el-date-picker v-model="pickYear" @change="getInit()" type="year" placeholder="选择年">
             </el-date-picker>
           </div>
@@ -21,8 +23,11 @@
               </div>
             </div>
           </div>
+		  </dv-border-box-13>
         </div>
         <div class="forthis">
+			<dv-border-box-13 backgroundColor="#040b1f" style="padding-bottom: 1rem;">
+				<img src="../assets/images/integrated/light.png" style="width: 100%; margin-top: .4rem;" />
           <div class="i-list-con h-51">
             <div class="d-l-con" :class="{on:listCurrentIndex2 == item.points}"
                  v-for="(item,index) in AfforestationAreaList" @click="setGraphicsList(item.points)">
@@ -32,6 +37,7 @@
               </div>
             </div>
           </div>
+		   </dv-border-box-13>
         </div>
       </div>
       <!-- 地图 -->