更新

src/components/parts/chat.vue

@@ -16,7 +16,7 @@
       </ul>
       <div class="input">
         <input v-model="text" />
-        <button type="button" @click="send">发送</button>
+        <button type="button" @click="send" class="anniu">发送</button>
       </div>
     </div>
   </div>
@@ -206,4 +206,15 @@ export default {
   margin: 0;
   padding: 0;
 }
+
+.anniu {
+  float: left;
+  background: #ff8500;
+  color: #fff;
+  height: 34px;
+  width: 21%;
+  max-width: 109px;
+  margin: 20px 0 0 0;
+  border-radius: 5px;
+}
 </style>

src/views/direct.vue

@@ -418,7 +418,8 @@ export default {
 <style lang="less" scoped>
 .w_1200 {
   margin: 0 auto;
-  width: 1200px;
+  width: 1200px
+  ;
 }
 
 .livetop {
@@ -720,7 +721,7 @@ p {
   float: left;
   width: 100%;
   border-bottom: 1px dashed #ff8500;
-  padding: 9px 0;
+     padding: 20px 0;
 }
 
 .jiabin .jiabinlist ul li:last-child {

src/views/service/index.vue

@@ -4,26 +4,28 @@
       <div class="w_1200">
         <div class="servicemain">
           <div class="serviceOne">
-            <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>
+            <el-col :span="24">
+              <el-col :span="12" class="infoleft">
+                <el-col class="lefttop" :span="24"><span class="title"> |</span> 政务公开</el-col>
+                <ul>
+                  <li v-for="(item, index) in zhengwuList" :key="index">
+                    <a href="">
+                      <el-image :src="item.pic"></el-image>
+                    </a>
+                  </li>
+                </ul>
+              </el-col>
+              <el-col :span="12" 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>
+              </el-col>
+            </el-col>
             <div class="infocontext">
               <div class="contexttop"><span class="title"> |</span> 公众参与</div>
               <ul>
@@ -137,7 +139,7 @@ export default {
 <style lang="less" scoped>
 .w_1200 {
   margin: 0 auto;
-  width: 1200px;
+  width: 80%;
   min-height: 600px;
 }
 .serviceOne {
@@ -146,14 +148,12 @@ export default {
 .infoleft {
   height: 320px;
   box-shadow: 0 0 10px #2d64b3;
-  width: 590px;
-  float: left;
+  width:50%;
 }
 .inforight {
   height: 320px;
   box-shadow: 0 0 10px #2d64b3;
-  width: 590px;
-  float: left;
+  width:49%;
   margin: 0 0 0 15px;
 }
 .lefttop {