Merge pull request 'fix:地图弹框样式' (#288) from fix/change_task into test

Reviewed-on: #288

src/views/task/modal/MapModal.vue

@@ -67,8 +67,12 @@ defineExpose({
       aria-modal="true"
     >
       <div class="wrapper">
-        <div class="wrapper-title" style="color: #333">定位信息</div><div @click="closeModal" class="close">X</div>
+        <div class="wrapper-title" style="color: #333;font-weight:550;font-size:18px">定位信息</div>
+          <div @click="closeModal" class="close">    
+             <SvgIcon size="20" class="icon" name="close-none-border"  /></div>
+      
       </div>
+       <div class="topline"></div>
         <div class="mapmain">
     <div id="map-container" style="width: 100%; height: 100%"><MapDetail :obj="objdetail"/></div>
   </div>
@@ -77,17 +81,29 @@ defineExpose({
 </template>
 
 <style lang="less" scoped>
+.topline{
+      background: #E8E8E8;
+    height: 0.5px;
+    width: 800px;
+   margin-left: -22px;
+    //position: absolute;
+    top: 85px;
+}
 .close{
         position: absolute;
     right: 40px;
     font-size: 20px;
     cursor: pointer;
 }
+::v-deep .n-card > .n-card__content, .n-card > .n-card__footer{
+  padding-left:24px ;
+  padding-right: 24px;
+}
 .wrapper {
   display: flex;
   flex-direction: column;
-  border-bottom: 1px solid #e8e8e8;
+ // border-bottom: 1px solid #e8e8e8;
-  padding-bottom: 32px;
+  padding-bottom: 24px;
 
   &-title {
     font-weight: bold;
@@ -223,8 +239,9 @@ height: 463px;
     justify-content: space-between;
 }
 .mapmain {
-  height: 80%;
+  height: 355px;
   width: 100%;
+      padding-top: 24px;
 }
 ::v-deep(.n-card.n-card--content-segmented > .n-card__content:not(:first-child)) {
   border: 0px;