开发进度文档更新

action/page-config.js

@@ -40,23 +40,27 @@ export default  {
         rank:'/topic/rank',
         rank:'/topic/rank',
       },
       },
       personalCenter:{
       personalCenter:{
-        index:'/personal-center',
         message:'/personal-center/message',
         message:'/personal-center/message',
-        like:'/personal-center/like',
-        project:'/personal-center/project',
-        blog:'/personal-center/blog',
-        answer:'/personal-center/answer',
-        question:'/personal-center/question',
-        topic:'/personal-center/topic',
-        dynamic:'/personal-center/dynamic',
         person:{
         person:{
           fans:'/personal-center/person/fans',
           fans:'/personal-center/person/fans',
           following:'/personal-center/person/following',
           following:'/personal-center/person/following',
           blackList:'/personal-center/person/black-list'
           blackList:'/personal-center/person/black-list'
-        }
+        },
+        index:'/personal-center',
+        account:'/personal-center/account',
+        like:'/personal-center/like',
+        home:{
+          project:'/personal-center/home/project',
+          blog:'/personal-center/home/blog',
+          answer:'/personal-center/home/answer',
+          question:'/personal-center/home/question',
+          myTopic:'/personal-center/home/my-topic',
+          followingTopic:'/personal-center/home/following-topic',
+          dynamic:'/personal-center/home/dynamic'
+        },
       },
       },
 
 
-      homePage:'/u/_id/'
+      homePage:'/u/'// +userId + selected
 
 
 
 
 
 

components/moblie/pageHeader.vue

@@ -154,12 +154,12 @@
 
 
 <!--      头部带返回箭头-->
 <!--      头部带返回箭头-->
       <yun-div
       <yun-div
-        v-if="false"
+        v-if="showDetailHead"
         :extend-style="{
         :extend-style="{
         position:'fixed',
         position:'fixed',
         maxWidth:'750px',
         maxWidth:'750px',
         boxSizing:'border-box',
         boxSizing:'border-box',
-        zIndex:headerZIndex,
+        zIndex:headerZIndex+5,
         boxShadow:`0 ${1*heightRate}px 0 rgba(0,0,0,.1)`,
         boxShadow:`0 ${1*heightRate}px 0 rgba(0,0,0,.1)`,
       }"
       }"
         :width-v="750"
         :width-v="750"
@@ -180,7 +180,7 @@
             :show-ske="false"
             :show-ske="false"
             :font-style="[28,56,500,'#666','center']"
             :font-style="[28,56,500,'#666','center']"
           >
           >
-            <yun-icon name="arrow-back"  :size="28"></yun-icon>
+            <yun-icon name="arrow-back" v-tap="()=>$router.back()"  :size="28"></yun-icon>
           </yun-div>
           </yun-div>
 <!--          title-->
 <!--          title-->
           <yun-div
           <yun-div
@@ -259,10 +259,22 @@
     created(){
     created(){
       this.route = this.$route.name;
       this.route = this.$route.name;
       this.BCLogo = Logo;
       this.BCLogo = Logo;
-
+      if(this.$route.name.indexOf('detail')!==-1){
+        this.showDetailHead = true
+      }else{
+        this.showDetailHead = false
+      }
     },
     },
     watch:{
     watch:{
       $route(route){
       $route(route){
+        this.route = this.$route.name;
+        console.log(this.route);
+        if(this.$route.name.indexOf('detail')!==-1){
+          this.showDetailHead = true
+        }else{
+          this.showDetailHead = false
+        }
+
         if(!this.$store.state.userProfile.userId){
         if(!this.$store.state.userProfile.userId){
           if(this.$route.path.indexOf('personal-center') !== -1||this.$route.path.indexOf('release') !== -1){
           if(this.$route.path.indexOf('personal-center') !== -1||this.$route.path.indexOf('release') !== -1){
             this.$router.replace('/')
             this.$router.replace('/')

components/moblie/projectCard.vue

@@ -9,6 +9,7 @@
         :margin-v="[0,'auto']"
         :margin-v="[0,'auto']"
         :flex-v="['row','space-between','flex-start']"
         :flex-v="['row','space-between','flex-start']"
         :border-v="[1,'solid','#EFEFEF','bottom']"
         :border-v="[1,'solid','#EFEFEF','bottom']"
+        v-tap="()=>changeRoute1(routesObject.project.detail)"
         slot="card">
         slot="card">
          <!--    left box    -->
          <!--    left box    -->
         <yun-div
         <yun-div

dev-schedule__ghj.md

@@ -19,3 +19,5 @@
 + 我的粉丝 /pages/personal-center/person/fans.vue(5) 
 + 我的粉丝 /pages/personal-center/person/fans.vue(5) 
 + 我的关注 /pages/personal-center/person/following.vue(5) 
 + 我的关注 /pages/personal-center/person/following.vue(5) 
 + 我的喜欢 /pages/personal-center/like(5) 
 + 我的喜欢 /pages/personal-center/like(5) 
+
++ 别人主页 /pages/u/_id/_select.vue

dev-schedule__xb.md

@@ -11,3 +11,19 @@
 *commonMixin里加入了通用的路由控制函数和路由对象(routesObject)注意不要单独写*
 *commonMixin里加入了通用的路由控制函数和路由对象(routesObject)注意不要单独写*
 + 个人中心 pages/personal-center/index.vue(4)✅
 + 个人中心 pages/personal-center/index.vue(4)✅
 + 个人资料页 pages/personal-center/account.vue(4)✅
 + 个人资料页 pages/personal-center/account.vue(4)✅
+
+
++ 我的消息页面 /personal-center/message
++ 我的项目/博客/提问/回答页面
+``` vue
+      {
+          project:'/personal-center/home/project',
+          blog:'/personal-center/home/blog',
+          answer:'/personal-center/home/answer',
+          question:'/personal-center/home/question',
+          myTopic:'/personal-center/home/my-topic',
+          followingTopic:'/personal-center/home/following-topic',
+          dynamic:'/personal-center/home/dynamic'
+        },
+```
+

package.json

 {
 {
   "name": "beyond-clouds-frontM",
   "name": "beyond-clouds-frontM",
   "version": "1.0.0",
   "version": "1.0.0",
-  "description": "My kickass Nuxt.js project",
+  "description": "beyond-clouds-frontM",
   "author": "pigbigbig",
   "author": "pigbigbig",
   "private": true,
   "private": true,
   "scripts": {
   "scripts": {

pages/answer/comment/_id.vue

+<template>
+  <comment-con></comment-con>
+</template>
+
+
+<script>
+  import CommentCon from "../../../components/moblie/comment/commentCon";
+  export default {
+    components:{
+      CommentCon
+    }
+  }
+
+</script>

pages/answer/detail/_id.vue

+<template>
+  <article-card></article-card>
+</template>
+
+
+<script>
+  import ArticleCard from "../../../components/moblie/articleCard";
+  export default {
+    components:{
+      ArticleCard
+    }
+  }
+
+</script>

pages/blog/comment/_id.vue

+<template>
+  <comment-con></comment-con>
+</template>
+
+
+<script>
+  import CommentCon from "../../../components/moblie/comment/commentCon";
+  export default {
+    components:{
+      CommentCon
+    }
+  }
+
+</script>

pages/blog/detail/_id.vue

+<template>
+  <article-card></article-card>
+</template>
+
+
+<script>
+  import ArticleCard from "../../../components/moblie/articleCard";
+  export default {
+    components:{
+      ArticleCard
+    }
+  }
+
+</script>

pages/index.vue

@@ -7,27 +7,27 @@
       <container-card
       <container-card
         title="项目推荐"
         title="项目推荐"
       >
       >
-        <project-card  v-for="val in 5" key="val.projectId"></project-card>
+        <project-card  v-for="val in 5" ></project-card>
       </container-card>
       </container-card>
       <container-card
       <container-card
         title="最新资讯"
         title="最新资讯"
       >
       >
-        <project-card  v-for="val in 5" key="val.projectId"></project-card>
+        <project-card  v-for="val in 5" ></project-card>
       </container-card>
       </container-card>
       <container-card
       <container-card
         title="社区精英"
         title="社区精英"
       >
       >
-        <user-card-x v-for="val in 5" key="val.userId"></user-card-x>
+        <user-card-x v-for="val in 5"></user-card-x>
       </container-card>
       </container-card>
       <container-card
       <container-card
         title="精选博文"
         title="精选博文"
       >
       >
-        <project-card  v-for="val in 5" key="val.projectId"></project-card>
+        <project-card  v-for="val in 5"></project-card>
       </container-card>
       </container-card>
       <container-card
       <container-card
         title="推荐问答"
         title="推荐问答"
       >
       >
-        <answer-card v-for="val in 5" key="val.answerId"></answer-card>
+        <answer-card v-for="val in 5"></answer-card>
       </container-card>
       </container-card>
 
 
     </yun-div>
     </yun-div>

pages/news/comment/_id.vue

+<template>
+  <comment-con></comment-con>
+</template>
+
+
+<script>
+  import CommentCon from "../../../components/moblie/comment/commentCon";
+  export default {
+    components:{
+      CommentCon
+    }
+  }
+
+</script>

pages/news/detail/_id.vue

+<template>
+  <article-card></article-card>
+</template>
+
+
+<script>
+  import ArticleCard from "../../../components/moblie/articleCard";
+  export default {
+    components:{
+      ArticleCard
+    }
+  }
+
+</script>

pages/project/comment/_id.vue

+<template>
+  <comment-con></comment-con>
+</template>
+
+
+<script>
+  import CommentCon from "../../../components/moblie/comment/commentCon";
+  export default {
+    components:{
+      CommentCon
+    }
+  }
+
+</script>

pages/project/detail/_id.vue

+<template>
+  <article-card></article-card>
+</template>
+
+
+<script>
+  import ArticleCard from "../../../components/moblie/articleCard";
+  export default {
+    components:{
+      ArticleCard
+    }
+  }
+
+</script>

pages/topic/comment/_id.vue

+<template>
+  <comment-con></comment-con>
+</template>
+
+
+<script>
+  import CommentCon from "../../../components/moblie/comment/commentCon";
+  export default {
+    components:{
+      CommentCon
+    }
+  }
+
+</script>

pages/topic/detail/_id.vue

+<template>
+  <article-card></article-card>
+</template>
+
+
+<script>
+  import ArticleCard from "../../../components/moblie/articleCard";
+  export default {
+    components:{
+      ArticleCard
+    }
+  }
+
+</script>

pages/topic/index.vue

+<template>
+  <yun-div>
+    <Nav :path="path" :nav-list="navList"></Nav>
+    <topic-card></topic-card>
+    <topic-card></topic-card>
+    <topic-card></topic-card>
+    <topic-card></topic-card>
+    <topic-card></topic-card>
+    <topic-card></topic-card>
+    <topic-card></topic-card>
+  </yun-div>
+</template>
+
+<script>
+import Nav from "../../components/moblie/nav";
+import TopicCard from "../../components/moblie/topicCard";
+
+export default {
+  components: {TopicCard, Nav},
+  data() {
+    return {
+      path: '/topic',
+      navList: [
+        {
+          label: '全部话题',
+          id: 'all'
+        },
+        {
+          label: '我的话题',
+          id: '10'
+        },
+      ]
+    }
+  },
+  created() {
+    if (this.$route.query.type) {
+      return
+    }
+    this.$router.replace({
+      path: '/topic',
+      query: {
+        type: 'all'
+      }
+    })
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+
+</style>