style:图形定位

@@ -11,6 +11,7 @@
     "@antv/g2": "^4.2.8",
     "@babel/polyfill": "^7.12.1",
     "@riophae/vue-treeselect": "^0.4.0",
+    "@union/gis-sdk": "^1.1.0",
     "axios": "^0.21.1",
     "bpmn-js": "^7.4.0",
     "bpmn-js-properties-panel": "^0.37.2",
@@ -30,8 +31,7 @@
     "vue-router": "3.0.2",
     "vue-seamless-scroll": "^1.1.23",
     "vuex": "3.1.0",
-    "x2js": "^3.4.4",
-    "@union/gis-sdk": "1.1.0"
+    "x2js": "^3.4.4"
   },
   "devDependencies": {
     "@vue/cli-plugin-babel": "4.4.4",

 <template>
   <div class="gis">
-    <div class="main-container" ref="main">
+    <div class="gis-container" ref="main">
       <div class="flex-transverse" ref="transverse">
         <div id="arcgisMap0" class="flex-single"></div>
       </div>
@@ -46,7 +46,7 @@
     mounted () {
       let doc = document.querySelector('.gis');
       this.$nextTick(() => {
-        Object.assign(doc.style, { width: doc.clientWidth + 'px', height: '700px' });
+        Object.assign(doc.style, { width: + doc.clientWidth + 'px', height: '700px' });
       })
     },
     created () {
@@ -89,8 +89,8 @@
 
 </script>
 
-<style>
-  .main-container {
+<style scoped lang="scss">
+  .gis-container {
     display: -webkit-flex;
     display: flex;
     -webkit-flex-wrap: wrap;