修改关于我们的二级菜单和人才招聘的显示问题

src/pages/about.vue

@@ -49,10 +49,19 @@
         }  
         },
         methods: {
+            add(){
+                $('.com li').click(function(){
+                    $(this).addClass('active').siblings().removeClass('active')
+                    // $('.content ul').eq($(this).index()).css('display','block').siblings().css('display','none');
+                })
+            }
             },
             computed: {...mapGetters(['gettersMsg'])},
             created () {
 
+            },
+            mounted(){
+                this.add()
             }
             
         
@@ -64,11 +73,6 @@
         box-sizing: border-box;
     }
     /*背景图  */
-    .router-link-active{
-        /* background-color: red; */
-        background-color: #B5A14E;
-        color: #fff;
-    }
     .background {
         min-width: 1200px;
         /* width: 100%; */

src/pages/talents.vue

@@ -12,19 +12,20 @@
             </div>
             <div class="content">
                 <p class="ip">厦门</p>
-                <div class="data"></div>
+                <!-- <div class="lalala"><div class="data"></div></div>  -->
                 <div class="pos" v-for="(item,index) in items">
                     <div class="top" @click="show(index)">
-                        <div class="name">{{item.name}}</div>
+                        <div class="name">{{item.post_title}}</div>
                         <div class="dic">{{item.dic}}</div>
                         <div class="date">
-                            <span>{{item.date}}</span>
+                            <span>{{time}}</span>
                             <span class="fa fa-angle-down"></span>
                         </div>
                     </div>
                     <div class="bom">
                                             
                     </div>
+                    <!-- <div class="boms"></div> -->
                 </div>
             </div>
 
@@ -44,17 +45,8 @@
             return {
                 msg: "talents",
                 navActive:'',
-                items:[
-                    // {name:'会计总监',dic:'会计',date:'2017-05-03',},
-                    // {name:'移动产品经理',dic:'技术',date:'2017-05-03',},
-                    // {name:'视觉设计师',dic:'设计',date:'2017-05-03',},
-                    // {name:'网页设计师',dic:'设计',date:'2017-05-03',},
-                    // {name:'会计总监',dic:'会计',date:'2017-05-03',},
-                    // {name:'移动产品经理',dic:'技术',date:'2017-05-03',},
-                    // {name:'视觉设计师',dic:'设计',date:'2017-05-03',},
-                    // {name:'网页设计师',dic:'设计',date:'2017-05-03',}                
-                ],
-                data:[]
+                items:[],
+                time:[]
 
                 
             };
@@ -67,19 +59,12 @@
             getLiveList() {
                 this.$http.post('/api/postlist?category_id=2')
                     .then((res) => {
-                        
-                        res.body.data.forEach(e => {
-                            this.data=e
-                            // console.log(e.post_content)
-                            // $('.data').html(e.post_content)
-                            console.log(this.data)
+                        this.items=res.body.data
+                        this.items.forEach(e => {
+                            this.time=e.published_time.substring(e.published_time.length-9,e.published_time.length-20)
+                            console.log()
+                            $('.bom').html(e.post_content)
                         });
-                        // this.data=res.body.data[0].
-                        
-                        console.log(res.body.data)
-                        // console.log(this.data)
-                        // var _htmlData=$(this.data);
-                        // console.log(this._htmlData)
                     })
                     .catch((err) => {
                         console.log(err)
@@ -94,6 +79,9 @@
         created () {
             this.getLiveList()
             this.lalala()
+        },
+        mounted () {
+            this.getLiveList()
         }
     };
 
@@ -160,13 +148,13 @@
     .top{
         display: flex;
          border-bottom: 1px solid #aaa; 
-        height: 3.6vw;
-        line-height: 3.6vw;
+        height: 50px;
+        line-height: 50px;
     }
     .name{
         width: 55%;
         text-align: left;
-        padding-left: 1.5vw;
+        padding-left: 30px;
     }
     .dic{
         width: 15%;
@@ -176,13 +164,14 @@
         text-align: right;
     }
     .fa{
-        margin-left: 2.9vw;
-        padding-right: 1.5vw;
+        margin-left: 56px;
+        padding-right: 28px;
     }
 
     .bom{
         text-align: left;
-        margin-top: 2vw;
+        padding-left: 30px;
+        /* margin-top: 2vw; */
          display: none; 
     }
     .show{
@@ -192,21 +181,6 @@
         background-color: #F2F2F2;
         border: none;
     }
-    .bom div{
-        padding-left: 1.5vw;
-    }
-    .bom div h1,p{
-        margin-top: 1.3vw;
-    }
-    .bom div span{
-        display: block;
-        width: 12vw;
-        height: 2.5vw;
-        text-align: center;
-        line-height: 2.5vw;
-        color: #fff;
-        background-color: #B5A14E;
-        margin-top: 2.3vw;
-    }
+
     
 </style>
\ No newline at end of file