界面

assets/details.scss

@@ -131,6 +131,6 @@
         text-align : center;
         position   : fixed;
         bottom     : 0;
-        left       : 0;
+        max-width: 500px;
     }
 }

assets/new.scss

@@ -336,7 +336,7 @@ $f0f0f0:#f0f0f0;
                         }
                     }
                     .pay_more{
-                        padding: 0 0.8rem;
+                        padding: 0 1.6rem;
                         border-radius: 5rem;
                         color: #A17046;
                         background-color: #F9F0E8;

components/areaSelect.vue

@@ -221,8 +221,7 @@ export default {
   background-color: #ff5c5c;
   text-align: center;
   bottom: 0;
-  left: 0;
-  right: 0;
+  max-width: 500px;
   color: #fff;
   font-size: 18px;
   border: 0;

components/industrySelect.vue

@@ -56,8 +56,7 @@ export default {
   background-color: #ff5c5c;
   text-align: center;
   bottom: 0;
-  left: 0;
-  right: 0;
+  max-width: 500px;
   color: #fff;
   font-size: 18px;
   border: 0;

components/meSearch.vue

@@ -14,7 +14,6 @@ export default{
   width: 100%;
   height: 4rem;
   line-height: 4rem;
-  padding: 0 1.5rem;
   background-color: #F8F9FA;
   
 }

pages/index.vue

@@ -93,7 +93,7 @@ export default {
   },
   methods: {
     Subscribe(e) {
-      this.$router.push({ path: '/bidding/sub' })
+      this.$router.push({ path: '/bidding/subList' })
     }
   }
 }

pages/me/detailList.vue

@@ -1,100 +1,115 @@
 <template>
   <div class="page_detail_list">
-
+    <tit :tname="name"/>
     <!-- 明细 -->
     <div class="account_detail">
-       <ul class="detail_list">
-         <li count_item>
-           <nuxt-link to="/">
-              购买<span>1</span>条信息
-              <i>2019-05-20 13:14</i>
-           </nuxt-link>
-         </li>
-         <li count_item>
-           <nuxt-link to="/">
-              购买<span>时间</span>6个月
-              <i>2019-05-20 13:14</i>
-           </nuxt-link>
-         </li>
-         <li count_item>
-           <nuxt-link to="/">
-              续签<span>1</span>年
-              <i>2019-05-20 13:14</i>
-           </nuxt-link>
-         </li>
-         <li count_item>
-           <nuxt-link to="/">
-              购买<span>1</span>条信息
-              <i>2019-05-20 13:14</i>
-           </nuxt-link>
-         </li>
-         <li count_item>
-           <nuxt-link to="/">
-              购买<span>1</span>条信息
-              <i>2019-05-20 13:14</i>
-           </nuxt-link>
-         </li>
-         <li count_item>
-           <nuxt-link to="/">
-              购买<span>1</span>条信息
-              <i>2019-05-20 13:14</i>
-           </nuxt-link>
-         </li>
-         <li count_item>
-           <nuxt-link to="/">
-              购买<span>时间</span>6个月
-              <i>2019-05-20 13:14</i>
-           </nuxt-link>
-         </li>
-         <li count_item>
-           <nuxt-link to="/">
-              续签<span>1</span>年
-              <i>2019-05-20 13:14</i>
-           </nuxt-link>
-         </li>
-         <li count_item>
-           <nuxt-link to="/">
-              购买<span>1</span>条信息
-              <i>2019-05-20 13:14</i>
-           </nuxt-link>
-         </li>
-         <li count_item>
-           <nuxt-link to="/">
-              购买<span>1</span>条信息
-              <i>2019-05-20 13:14</i>
-           </nuxt-link>
-         </li>
-         <li count_item>
-           <nuxt-link to="/">
-              购买<span>1</span>条信息
-              <i>2019-05-20 13:14</i>
-           </nuxt-link>
-         </li>
-         <li count_item>
-           <nuxt-link to="/">
-              购买<span>时间</span>6个月
-              <i>2019-05-20 13:14</i>
-           </nuxt-link>
-         </li>
-         <li count_item>
-           <nuxt-link to="/">
-              续签<span>1</span>年
-              <i>2019-05-20 13:14</i>
-           </nuxt-link>
-         </li>
-         <li count_item>
-           <nuxt-link to="/">
-              购买<span>1</span>条信息
-              <i>2019-05-20 13:14</i>
-           </nuxt-link>
-         </li>
-         <li count_item>
-           <nuxt-link to="/">
-              购买<span>1</span>条信息
-              <i>2019-05-20 13:14</i>
-           </nuxt-link>
-         </li>
-       </ul>
+      <ul class="detail_list">
+        <li count_item>
+          <nuxt-link to="oneDetail">
+            购买
+            <span>1</span>条信息
+            <i>2019-05-20 13:14</i>
+          </nuxt-link>
+        </li>
+        <li count_item>
+          <nuxt-link to="oneDetail">
+            购买
+            <span>时间</span>6个月
+            <i>2019-05-20 13:14</i>
+          </nuxt-link>
+        </li>
+        <li count_item>
+          <nuxt-link to="oneDetail">
+            续签
+            <span>1</span>年
+            <i>2019-05-20 13:14</i>
+          </nuxt-link>
+        </li>
+        <li count_item>
+          <nuxt-link to="oneDetail">
+            购买
+            <span>1</span>条信息
+            <i>2019-05-20 13:14</i>
+          </nuxt-link>
+        </li>
+        <li count_item>
+          <nuxt-link to="oneDetail">
+            购买
+            <span>1</span>条信息
+            <i>2019-05-20 13:14</i>
+          </nuxt-link>
+        </li>
+        <li count_item>
+          <nuxt-link to="oneDetail">
+            购买
+            <span>1</span>条信息
+            <i>2019-05-20 13:14</i>
+          </nuxt-link>
+        </li>
+        <li count_item>
+          <nuxt-link to="oneDetail">
+            购买
+            <span>时间</span>6个月
+            <i>2019-05-20 13:14</i>
+          </nuxt-link>
+        </li>
+        <li count_item>
+          <nuxt-link to="/">
+            续签
+            <span>1</span>年
+            <i>2019-05-20 13:14</i>
+          </nuxt-link>
+        </li>
+        <li count_item>
+          <nuxt-link to="/">
+            购买
+            <span>1</span>条信息
+            <i>2019-05-20 13:14</i>
+          </nuxt-link>
+        </li>
+        <li count_item>
+          <nuxt-link to="/">
+            购买
+            <span>1</span>条信息
+            <i>2019-05-20 13:14</i>
+          </nuxt-link>
+        </li>
+        <li count_item>
+          <nuxt-link to="/">
+            购买
+            <span>1</span>条信息
+            <i>2019-05-20 13:14</i>
+          </nuxt-link>
+        </li>
+        <li count_item>
+          <nuxt-link to="/">
+            购买
+            <span>时间</span>6个月
+            <i>2019-05-20 13:14</i>
+          </nuxt-link>
+        </li>
+        <li count_item>
+          <nuxt-link to="/">
+            续签
+            <span>1</span>年
+            <i>2019-05-20 13:14</i>
+          </nuxt-link>
+        </li>
+        <li count_item>
+          <nuxt-link to="/">
+            购买
+            <span>1</span>条信息
+            <i>2019-05-20 13:14</i>
+          </nuxt-link>
+        </li>
+        <li count_item>
+          <nuxt-link to="/">
+            购买
+            <span>1</span>条信息
+            <i>2019-05-20 13:14</i>
+          </nuxt-link>
+        </li>
+      </ul>
     </div>
     <!-- end：明细 -->
   </div>
@@ -105,9 +120,17 @@
 <script>
 import '~/assets/new.scss' // 引入
 import '~/static/css/style.css' // 引入
+import tit from '~/components/titles.vue' // 引入
 
 export default {
- 
+  data(){
+    return{
+      name:'明细列表'
+    }
+  },
+  components:{
+    tit
+  }
 }
 </script>
 
@@ -115,7 +138,7 @@ export default {
 body {
   background-color: #fff !important;
 }
-.page_detail_list{
+.page_detail_list {
   padding: 0 1.5rem;
 }
 </style>

pages/me/identity.vue

@@ -1,92 +0,0 @@
-<template>
-  <div class="page_identity">
-    <tit :tname="name"/>
-    <!-- 填写表单 -->
-    <form action="" class="" >
-      <!-- 基本资料 -->
-      <div class="info_basic ">
-        <div class="item_form clear_both">
-          <label for="" class="">姓名</label>
-          <div class="form_input">
-            <input type="text" placeholder="请输入姓名">
-          </div>
-        </div>
-
-        <div class="item_form clear_both">
-          <label for="" class="">手机号</label>
-          <div class="form_input">
-            <input type="tel" placeholder="请输入手机号">
-          </div>
-        </div>
-
-        <div class="item_form clear_both">
-          <label for="" class="">公司</label>
-          <div class="form_input">
-            <input type="text" placeholder="请输入公司名">
-          </div>
-        </div>
-
-        <div class="item_form clear_both">
-          <label for="" class="">职位</label>
-          <div class="form_input">
-            <input type="text" placeholder="请输入职位">
-          </div>
-        </div>
-      </div>
-      <!-- end：基本资料 -->
-
-      <!-- 上传名片 -->
-      <div class="img_upload">
-        <div class="upload_box">
-          <input type="file" accept="image/*" id="camera" capture="camera">
-        </div>
-         <p class="require">请上传证明材料<br><span>请保证能材料清晰，能清晰识别</span></p>
-        
-      </div>
-       <p class="notice">身份认证后能获得发布资源权限，以及优质合作。</p>
-      <!-- end：上传名片 -->
-
-     <but/>
-    </form>
-    <!-- end:填写表单 -->
-    
-    
-  </div>
-
-</template>
-
-
-<script>
-import '~/assets/new.scss' // 引入
-import '~/static/css/style.css' // 引入
-import but from '~/components/btnSubmit.vue'
-import tit from '~/components/titles.vue'
-
-export default {
-  data(){
-    return{
-      name:'实名认证'
-    }
-  },
-  components: {
-      but,tit
-    },
-}
-</script>
-
-<style>
-input::-webkit-input-placeholder{
-    color:#a9a9a9;
-}
-input::-moz-placeholder{   
-  /* Mozilla Firefox 19+ */
-    color:#a9a9a9;
-}
-input:-moz-placeholder{   
-   /* Mozilla Firefox 4 to 18 */
-    color:#a9a9a9;
-}
-input:-ms-input-placeholder{  
-  /* Internet Explorer 10-11 */ 
-  color:#a9a9a9;}
-</style>

pages/me/index.vue

@@ -31,28 +31,28 @@
       <li>
         
        <nuxt-link to="/me/myVip"> </nuxt-link>
-        <img src="../../static/img/img_head.png" alt="">
+        <img src="../../static/img/icon_myMember.png" alt="">
         <p class="list_item">我的会员</p>
        
       </li>
       <li>
        <nuxt-link to="/me/myAccount"></nuxt-link>
-         <img src="../../static/img/hide.png" alt="">
+         <img src="../../static/img/icon_myAccount.png" alt="">
         <p class="list_item">我的账户</p>
       </li>
       <li>
        <nuxt-link to="/me/myPurchase"></nuxt-link>
-         <img src="../../static/img/img_head.png" alt="">
+         <img src="../../static/img/icon_myPurchase.png" alt="">
         <p class="list_item">我的购买</p>
       </li>
       <li>
        <nuxt-link to="/me/myCollection"></nuxt-link>
-         <img src="../../static/img/img_head.png" alt="">
+         <img src="../../static/img/icon_myCollection.png" alt="">
         <p class="list_item">我的收藏</p>
       </li>
       <li>
        <nuxt-link to="/me/myFollow"></nuxt-link>
-         <img src="../../static/img/img_head.png" alt="">
+         <img src="../../static/img/icon_myReco.png" alt="">
         <p class="list_item">我的记录</p>
       </li>
     </ul>
@@ -61,7 +61,7 @@
     <ul class="menu-list">
       <li>
        <nuxt-link to=""></nuxt-link>
-        <img src="../../static/img/icon_V.png" alt="">
+        <img src="../../static/img/icon_myQuit.png" alt="">
         <p class="list_item">退出登录</p>
       </li>
       
@@ -82,17 +82,20 @@ export default {
 }
 </script>
 
-<style>
+<style scoped>
 html{
  
 }
 body{
   padding: 0;
   padding-bottom: 6rem;
-  background-color: #f8f9fa!important;
+  
 }
 .page_me{
-  padding-bottom: 6rem;
+  padding-bottom: 50px;
+  height: auto;
+  background-color: #f8f9fa;
+
 }
 .list_item{
   font-size: 1.6rem;

pages/me/myAccount.vue

@@ -25,7 +25,7 @@
                 <i>·&nbsp;到期时间</i>
                 <span>2019-05-20 13：14</span>
               </p>
-              <nuxt-link to="" class="pay_more">续费</nuxt-link>
+              <nuxt-link to="myVip" class="pay_more">续费</nuxt-link>
             </div>
 
             <!-- 购买条数 -->
@@ -34,11 +34,11 @@
                 <i>·&nbsp;可看条数</i>
                 <span>5/30</span>条
               </p>
-              <nuxt-link to="" class="pay_more">续费</nuxt-link>
+              <nuxt-link to="myVip" class="pay_more">续费</nuxt-link>
             </div>
           </div>
           <!-- 实名认证引导 -->
-          <div class="shiming">
+          <div class="shiming" @click="toIendtity">
             <i>!</i>
             <p>您未完成实名认证</p>
             <span>去实名认证>></span>
@@ -50,35 +50,35 @@
             <nuxt-link to=""></nuxt-link> -->
             <div class="title_dy">
               <h3>账户明细</h3>
-              <nuxt-link to="">全部明细</nuxt-link>
+              <nuxt-link to="detailList">全部明细</nuxt-link>
             </div>
              <ul class="detail_list">
                <li count_item>
-                 <nuxt-link to="/">
+                 <nuxt-link to="oneDetail">
                     购买<span>1</span>条信息
                     <i>2019-05-20 13:14</i>
                  </nuxt-link>
                </li>
                <li count_item>
-                 <nuxt-link to="/">
+                 <nuxt-link to="oneDetail">
                     购买<span>时间</span>6个月
                     <i>2019-05-20 13:14</i>
                  </nuxt-link>
                </li>
                <li count_item>
-                 <nuxt-link to="/">
+                 <nuxt-link to="oneDetail">
                     续签<span>1</span>年
                     <i>2019-05-20 13:14</i>
                  </nuxt-link>
                </li>
                <li count_item>
-                 <nuxt-link to="/">
+                 <nuxt-link to="oneDetail">
                     购买<span>1</span>条信息
                     <i>2019-05-20 13:14</i>
                  </nuxt-link>
                </li>
                <li count_item>
-                 <nuxt-link to="/">
+                 <nuxt-link to="oneDetail">
                     购买<span>1</span>条信息
                     <i>2019-05-20 13:14</i>
                  </nuxt-link>
@@ -99,11 +99,11 @@
                 <!-- <i>·&nbsp;到期时间</i> -->
                 <span>立即成为会员</span>
               </p>
-              <nuxt-link to="" class="pay_more">立即开通</nuxt-link>
+              <nuxt-link to="myVip" class="pay_more">立即开通</nuxt-link>
             </div>
           </div>
           <!-- 实名认证引导 -->
-          <div class="shiming">
+          <div class="shiming" @click="toIendtity">
             <i>!</i>
             <p>您未完成实名认证</p>
             <span>去实名认证>></span>
@@ -115,35 +115,35 @@
             <nuxt-link to=""></nuxt-link> -->
             <div class="title_dy">
               <h3>账户明细</h3>
-              <nuxt-link to="">全部明细</nuxt-link>
+              <nuxt-link to="detailList">全部明细</nuxt-link>
             </div>
              <ul class="detail_list">
                <li count_item>
-                 <nuxt-link to="/">
+                 <nuxt-link to="oneDetail">
                     购买<span>1</span>条信息
                     <i>2019-05-20 13:14</i>
                  </nuxt-link>
                </li>
                <li count_item>
-                 <nuxt-link to="/">
+                 <nuxt-link to="oneDetail">
                     购买<span>时间</span>6个月
                     <i>2019-05-20 13:14</i>
                  </nuxt-link>
                </li>
                <li count_item>
-                 <nuxt-link to="/">
+                 <nuxt-link to="oneDetail">
                     续签<span>1</span>年
                     <i>2019-05-20 13:14</i>
                  </nuxt-link>
                </li>
                <li count_item>
-                 <nuxt-link to="/">
+                 <nuxt-link to="oneDetail">
                     购买<span>1</span>条信息
                     <i>2019-05-20 13:14</i>
                  </nuxt-link>
                </li>
                <li count_item>
-                 <nuxt-link to="/">
+                 <nuxt-link to="oneDetail">
                     购买<span>1</span>条信息
                     <i>2019-05-20 13:14</i>
                  </nuxt-link>
@@ -190,6 +190,12 @@ export default {
     },
     a: function() {
       this.head='564546465'
+    },
+    // 跳转实名认证
+    toIendtity:function(){
+      this.$router.push({
+        path:'myIdentity'
+      })
     }
   }
 }

pages/me/myIdentity.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="page_identity">
-    <tit :tname="name" />
+    <tit :tname="name"/>
     <!-- 填写表单 -->
     <form action="" class="" >
       <!-- 基本资料 -->
@@ -37,10 +37,16 @@
 
       <!-- 上传名片 -->
       <div class="img_upload">
-         <input type="file" accept="image/*" id="camera" capture="camera">
-         <p class="notice">身份认证后能获得发布资源权限，以及优质合作。</p>
+        <div class="upload_box">
+          <input type="file" accept="image/*" id="camera" capture="camera">
+        </div>
+         <p class="require">请上传证明材料<br><span>请保证能材料清晰，能清晰识别</span></p>
+        
       </div>
+       <p class="notice">身份认证后能获得发布资源权限，以及优质合作。</p>
       <!-- end：上传名片 -->
+
+     <but/>
     </form>
     <!-- end:填写表单 -->
     
@@ -53,13 +59,18 @@
 <script>
 import '~/assets/new.scss' // 引入
 import '~/static/css/style.css' // 引入
+import but from '~/components/btnSubmit.vue'
 import tit from '~/components/titles.vue'
+
 export default {
   data(){
     return{
-      name:'实名认证',
+      name:'实名认证'
     }
-  }
+  },
+  components: {
+      but,tit
+    },
 }
 </script>
 

pages/me/myVip.vue

@@ -20,7 +20,8 @@
               <p><i>·&nbsp;已购条数</i><span>5/30</span>条</p>
               <p><i>·&nbsp;到期时间</i><span>2019-05-20 13：14</span></p>
             </div>
-            <a href="#" class="pay_more">续费</a>
+            <nuxt-link to="" class="pay_more">续费</nuxt-link>
+            <!-- <a href="#" class="pay_more"></a> -->
           </div>
 
           <!-- 添加地区 -->
@@ -31,7 +32,7 @@
                 <li class="all">全国</li>
                 <!-- 全国和省份不能共存，此处展示样式。默认全国。 -->
                 <li>北京<i></i></li>
-                <li class="add add_area">+&nbsp;添加</li>
+                <li class="add add_area" @click="selectArea">+&nbsp;添加</li>
               </ul>
             </div>
           </div>
@@ -43,7 +44,7 @@
               <h3>选择行业范围</h3>
               <ul>
                 <li class="all">全部</li>
-                <li class="add add_hy">+&nbsp;添加</li>
+                <li class="add add_hy" @click="selectIndustry">+&nbsp;添加</li>
               </ul>
             </div>
           </div>
@@ -60,7 +61,7 @@
                     <p class="tag_yh">限时优惠</p>
                     <p class="buy_month">1月</p>
                     <p class="buy_price"><span>￥</span>399</p>
-                    <a href="">购买</a>
+                    <nuxt-link to="">购买</nuxt-link>
                     <!-- <del>666</del> -->
                   </div>
                 </li>
@@ -69,7 +70,7 @@
                     <p class="buy_month">3月</p>
                     <p class="buy_price"><span>￥</span>998</p>
                     <del>1197</del>
-                    <a href="">购买</a>
+                    <nuxt-link to="">购买</nuxt-link>
                   </div>
                 </li>
                 <li>
@@ -77,7 +78,7 @@
                     <p class="buy_month">6月</p>
                     <p class="buy_price"><span>￥</span>1197</p>
                     <del>￥1288</del>
-                    <a href="">购买</a>
+                    <nuxt-link to="">购买</nuxt-link>
                   </div>
                 </li>
                 <li>
@@ -86,7 +87,7 @@
                     <p class="buy_month">一年</p>
                     <p class="buy_price"><span>￥</span>399</p>
                     <del>￥3688</del>
-                    <a href="">购买</a>
+                    <nuxt-link to="">购买</nuxt-link>
                   </div>
                 </li>
               </ul>
@@ -165,7 +166,7 @@
                 <li class="all">全国</li>
                 <!-- 全国和省份不能共存，此处展示样式。默认全国。 -->
                 <li>北京<i></i></li>
-                <li class="add add_area">+&nbsp;添加</li>
+                <li class="add add_area" @click="selectArea">+&nbsp;添加</li>
               </ul>
             </div>
           </div>
@@ -182,7 +183,7 @@
                     <p class="tag_yh">限时优惠</p>
                     <p class="buy_month">1月</p>
                     <p class="buy_price"><span>￥</span>399</p>
-                    <a href="">购买</a>
+                    <nuxt-link to="">购买</nuxt-link>
                     <!-- <del>666</del> -->
                   </div>
                 </li>
@@ -191,7 +192,7 @@
                     <p class="buy_month">3月</p>
                     <p class="buy_price"><span>￥</span>998</p>
                     <del>1197</del>
-                    <a href="">购买</a>
+                    <nuxt-link to="">购买</nuxt-link>
                   </div>
                 </li>
                 <li>
@@ -199,7 +200,7 @@
                     <p class="buy_month">6月</p>
                     <p class="buy_price"><span>￥</span>1197</p>
                     <del>￥1288</del>
-                    <a href="">购买</a>
+                    <nuxt-link to="">购买</nuxt-link>
                   </div>
                 </li>
                 <li>
@@ -208,7 +209,7 @@
                     <p class="buy_month">一年</p>
                     <p class="buy_price"><span>￥</span>399</p>
                     <del>￥3688</del>
-                    <a href="">购买</a>
+                    <nuxt-link to="">购买</nuxt-link>
                   </div>
                 </li>
               </ul>
@@ -288,9 +289,22 @@ export default {
     }
   },
   methods:{
+    // tab切换
     addClass: function(index){
       this.current=index;   // 不能要引号
-    }
+    },
+    // 选择地区范围
+    selectArea: function(){
+      this.$router.push({
+        path:'chooseArea'
+      })
+    },
+    // 选择行业
+    selectIndustry: function(){
+      this.$router.push({
+        path:'chooseIndustry'
+      })
+    },
   },
   components:{
     tit

pages/me/oneDetail.vue

@@ -1,5 +1,6 @@
 <template>
   <div class="one_detail">
+    <tit :tname="name"/>
     <div class="detail_money">
       <p>500.00</p>
       <span>交易金额</span>
@@ -34,9 +35,17 @@
 <script>
 import '~/assets/new.scss' // 引入
 import '~/static/css/style.css' // 引入
+import tit from '~/components/titles.vue' // 引入
 
 export default {
- 
+  data(){
+    return{
+      name:'交易详情'
+    }
+  },
+  components:{
+    tit
+  }
 }
 </script>