修改

src/views/introduction/communication.vue

@@ -1,11 +1,40 @@
 <template>
      <div style="heigh:100%;width:100%">
-            <div class='comClass'>
+            <div class='comClass' style="text-align:center">
                   <div style="font-size: 3rem;
                                 font-family: Microsoft YaHei;
                                 font-weight: bold;
                                 color: #23FFFC;
                                 text-align:center;padding-top:10vh">乡镇现场护路专员</div>
+
+                  <div style="">
+                             <div style="display:flex;flex-direction:row;">
+                                      <div style="font-size: 2rem;
+                                                  font-family: Microsoft YaHei;
+                                                  font-weight: 400;
+                                                  line-height: 7.2rem;
+                                                  color: #23FFFC;
+                                                  ">北新镇护路办</div>
+                                      <div style="display:flex;flex-direction:row">
+                                              <div style="line-height: 7.2rem;"><img src='../../assets/images/图层 1596.png' style="width:2reem;height:2rem;line-height: 7.2rem;"/></div>
+                                              <div style="font-size: 2rem;
+                                                          font-family: Microsoft YaHei;
+                                                          font-weight: 400;
+                                                          line-height: 7.2rem;
+                                                          color: #D6DEE7;">王运瑞</div>
+                                      </div>
+                                      <div style="display:flex;flex-direction:row">
+                                              <div style="line-height: 7.2rem;"><img src='../../assets/images/手机.png' style="width:2reem;height:2rem;line-height: 7.2rem;"/></div>
+                                              <div style="font-size: 2rem;
+                                                          font-family: Microsoft YaHei;
+                                                          font-weight: 400;
+                                                          line-height: 7.2rem;
+                                                          color: #D6DEE7;">18994195518</div>
+                                      </div>
+                             </div>
+
+                            
+                  </div>
             </div>
      </div>
 </template>
@@ -37,7 +66,7 @@ export default {
 
 <style scoped>
 .comClass{
-          background: url("~@/assets/images/bg/切图2.png") no-repeat;
+          background: url("~@/assets/images/bg/切图1.png") no-repeat;
           background-size: 100% 100%;
           width:100%;
           height:95vh;

src/views/introduction/index.vue

@@ -45,7 +45,7 @@ export default {
     name: "big",
     data() {
       return {
-            currentindex:1,
+            currentindex:3,
             videoUrl:'rtmp://39.104.22.45:30498/rtp/34020001001320000001_34020001001320000001',
             currenttime: moment().format("YYYY-MM-DD HH:mm:ss"),
             currentindexNew:7,

src/views/introduction/zone.vue

@@ -1,23 +1,23 @@
 <template>
      <div style="heigh:100%;width:100%">
             <div class='comClass'>
-                  <el-row type="flex" justify="space-around">
+                  <!-- <el-row type="flex" justify="space-around">
                       <el-col :span='3'>
                            <div style="float:right;padding-top:30vh" @click="changeShow"><img src='~@/assets/images/bg/下一页2.png'></img></div>
                       </el-col>
-                      <el-col :span='18'>
+                      <el-col :span='18'> -->
                             <div style="font-size: 3rem;
                                         font-family: Microsoft YaHei;
                                         font-weight: bold;
                                         color: #23FFFC;
-                                        text-align:center;margin-top:10vh">{{title}}</div>
-                             <div style="padding-left:2rem;padding-top:5vh" v-show='isShow'><img src='~@/assets/images/bg/1.png'></img></div>
-                             <div style="padding-left:5rem;padding-top:5vh" v-show='!isShow'><img src='~@/assets/images/bg/2.png'></img></div>
-                      </el-col>
+                                        text-align:center;padding-top:10vh">{{title}}</div>
+                             <div style="padding-left:2rem;padding-top:5vh;text-align:center"><img src='~@/assets/images/bg/1.png'></img></div>
+                             <!-- <div style="padding-left:5rem;padding-top:5vh" v-show='!isShow'><img src='~@/assets/images/bg/2.png'></img></div> -->
+                      <!-- </el-col>
                       <el-col :span='3'>
                            <div style="padding-top:30vh" @click="changeShow"><img src='~@/assets/images/bg/下一页.png'></img></div>
                       </el-col>
-                  </el-row>
+                  </el-row> -->
             </div>
      </div>
 </template>