kun 9/25 9:21

src/views/project/project.vue

@@ -1,10 +1,11 @@
 <template>
   <div class="wrapper">
-    <headerNav :index_num="index_num"></headerNav>
+    <header-nav :index_num="index_num"></header-nav>
     <div id="box">
       <!-- 公告 -->
       <div class="top">
-        <img :src="imgUrl.xlb" alt />
+        <img :src="imgUrl.xlb"
+             alt />
         <div>
           <span>世界婚博会已通过初审</span>
           <time>[2019-07-31]</time>
@@ -43,15 +44,18 @@
         </div>
         <!-- 下拉框 -->
         <div class="select">
-          <select class="one" name="date">
+          <select class="one"
+                  name="date">
             <option value>2017/10/14 至 2017/10/15</option>
             <option value>2017/10/14 至 2017/10/15</option>
           </select>
-          <select class="two" name="type">
+          <select class="two"
+                  name="type">
             <option value>类型1</option>
             <option value>类型2</option>
           </select>
-          <select class="three" name="area">
+          <select class="three"
+                  name="area">
             <option value>区域1</option>
             <option value>区域2</option>
           </select>
@@ -61,17 +65,18 @@
         <div class="con">
           <!-- 导航 -->
           <div class="top-t">
-            <h3
-              @click="btn(index)"
-              v-for="(item,index) in text"
-              :key="index"
-              :class="sub == index ? 'style' : ''"
-            >{{item}}</h3>
+            <h3 @click="btn(index)"
+                v-for="(item,index) in text"
+                :key="index"
+                :class="sub == index ? 'style' : ''">{{item}}</h3>
           </div>
           <!-- 主题内容 -->
           <div class="cc">
             <template v-for="(item,index) in sData">
-              <div class="list" :key="index" v-if="index < 9" @click="$jump('schedule')">
+              <div class="list"
+                   :key="index"
+                   v-if="index < 9"
+                   @click="$jump('schedule')">
                 <div class="div">
                   <div class="bb">
                     <h3>世界婚博会</h3>
@@ -81,10 +86,14 @@
                 </div>
                 <dl>
                   <dt>
-                    <img :src="imgUrl.tg" v-if="item.state == 0" />
-                    <img :src="imgUrl.btg" v-if="item.state == 1" />
-                    <img :src="imgUrl.shz" v-if="item.state == 2" />
-                    <img :src="imgUrl.zxz" v-if="item.state == 3" />
+                    <img :src="imgUrl.tg"
+                         v-if="item.state == 0" />
+                    <img :src="imgUrl.btg"
+                         v-if="item.state == 1" />
+                    <img :src="imgUrl.shz"
+                         v-if="item.state == 2" />
+                    <img :src="imgUrl.zxz"
+                         v-if="item.state == 3" />
                   </dt>
                   <dd>
                     <span class="iconfont icon-zuzhijiegou"></span>
@@ -105,31 +114,29 @@
         </div>
         <!-- 分页按钮 -->
         <div class="page">
-          <el-pagination
-            @size-change="handleSizeChange"
-            @current-change="handleCurrentChange"
-            :current-page="currentPage"
-            :page-size="pageSize"
-            background
-            layout="prev, pager, next"
-            :total="10"
-          ></el-pagination>
+          <el-pagination @size-change="handleSizeChange"
+                         @current-change="handleCurrentChange"
+                         :current-page="currentPage"
+                         :page-size="pageSize"
+                         background
+                         layout="prev, pager, next"
+                         :total="10"></el-pagination>
         </div>
       </div>
     </div>
-    <footerNav class="footer"></footerNav>
+    <footer-nav class="footer"></footer-nav>
   </div>
 </template>
 
 <script>
 /* eslint-disable */
-import headerNav from "../../components/headerNav";
+import HeaderNav from "../../components/HeaderNav";
 /* eslint-disable */
-import footerNav from "../../components/footerNav";
+import FooterNav from "../../components/FooterNav";
 export default {
   components: {
-    headerNav,
-    footerNav
+    HeaderNav,
+    FooterNav
   },
   props: {},
   data() {