更新

package-lock.json

@@ -1131,6 +1131,11 @@
       "integrity": "sha1-YjqkBiNVDjuUdnz/6wlqb7WX7Qk=",
       "dev": true
     },
+    "@stomp/stompjs": {
+      "version": "5.4.4",
+      "resolved": "https://registry.npm.taobao.org/@stomp/stompjs/download/@stomp/stompjs-5.4.4.tgz",
+      "integrity": "sha1-9R0u35oA+sZF3eOklHONlsoX5ao="
+    },
     "@types/color-name": {
       "version": "1.1.1",
       "resolved": "https://registry.npm.taobao.org/@types/color-name/download/@types/color-name-1.1.1.tgz?cache=0&sync_timestamp=1580841712213&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40types%2Fcolor-name%2Fdownload%2F%40types%2Fcolor-name-1.1.1.tgz",

package.json

@@ -8,6 +8,7 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
+    "@stomp/stompjs": "^5.4.4",
     "axios": "^0.19.2",
     "core-js": "^3.6.4",
     "element-ui": "^2.13.1",

src/main.js

@@ -11,7 +11,7 @@ import '@/plugins/loading';
 import '@/plugins/var';
 import '@/plugins/methods';
 import '@/plugins/setting';
-
+import InitStomp from '@/plugins/stomp';
 Vue.config.productionTip = false;
 
 new Vue({
@@ -19,6 +19,7 @@ new Vue({
   store,
   render: h => h(App),
 }).$mount('#app');
+InitStomp();
 window.vm = new Vue({
   router,
 });

src/views/service/index.vue

@@ -4,28 +4,26 @@
       <div class="w_1200">
         <div class="servicemain">
           <div class="serviceOne">
-            <el-col :span="24">
-              <el-col class="infoleft" :span="12">
-                <el-col class="lefttop"><span class="title"> |</span> 政务公开</el-col>
-                <ul>
-                  <li v-for="(item, index) in zhengwuList" :key="index">
-                    <a href="">
-                      <el-image :src="item.pic" class="leftimage"></el-image>
-                    </a>
-                  </li>
-                </ul>
-              </el-col>
-              <el-col class="inforight" :span="12">
-                <el-col class="lefttop"><span class="title"> |</span> 常用服务</el-col>
-                <ul>
-                  <li v-for="(item, index) in serviceList" :key="index">
-                    <a href="">
-                      <el-image :src="item.pic" class="rightimage"></el-image>
-                    </a>
-                  </li>
-                </ul>
-              </el-col>
-            </el-col>
+            <div class="infoleft">
+              <div class="lefttop"><span class="title"> |</span> 政务公开</div>
+              <ul>
+                <li v-for="(item, index) in zhengwuList" :key="index">
+                  <a href="">
+                    <el-image :src="item.pic"></el-image>
+                  </a>
+                </li>
+              </ul>
+            </div>
+            <div class="inforight">
+              <div class="lefttop"><span class="title"> |</span> 常用服务</div>
+              <ul>
+                <li v-for="(item, index) in serviceList" :key="index">
+                  <a href="">
+                    <el-image :src="item.pic"></el-image>
+                  </a>
+                </li>
+              </ul>
+            </div>
             <div class="infocontext">
               <div class="contexttop"><span class="title"> |</span> 公众参与</div>
               <ul>
@@ -139,20 +137,21 @@ export default {
 <style lang="less" scoped>
 .w_1200 {
   margin: 0 auto;
-  width: 80%;
+  width: 1200px;
   min-height: 600px;
 }
 .infoleft {
-  width: 48%;
   height: 320px;
   box-shadow: 0 0 10px #2d64b3;
-  // width: 777px;
+  width: 590px;
+  float: left;
 }
 .inforight {
-  margin: 0 0 0 2%;
   height: 320px;
   box-shadow: 0 0 10px #2d64b3;
-  // width: 825px;
+  width: 590px;
+  float: left;
+  margin: 0 0 0 15px;
 }
 .lefttop {
   width: 96%;
@@ -170,28 +169,17 @@ export default {
 }
 .infoleft ul li {
   float: left;
-  width: 21%;
+  width: 120px;
   height: 115px;
-  margin: 0 13px 10px 16px;
-}
-
-.leftimage {
-  width: 100%;
-  height: 100%;
+  margin: 0 13px 10px 14px;
 }
 
 .inforight ul li {
   float: left;
-  width: 235px;
-
+  width: 169px;
   height: 115px;
   margin: 0 13px 15px 14px;
 }
-
-.rightimage {
-  width: 235px;
-  height: 100px;
-}
 .infocontext {
   height: 237px;
   box-shadow: 0 0 10px #2d64b3;
@@ -213,12 +201,11 @@ export default {
 
 .infocontext ul li {
   float: left;
-  width: 249px;
+  width: 185px;
   height: 146px;
-  margin: 0px 0px 0 17px;
+  margin: 0px 0px 0 13px;
 }
 .newimg {
-  width: 249px;
-  height: 152px;
+  width: 185px;
 }
 </style>