更新登录交互，添加其他人信息的入口

binggana · Sep 4, 2017 · 4257e75 · 4257e75
1 parent 8d41b23
commit 4257e75
Show file tree

Hide file tree

Showing 5 changed files with 27 additions and 11 deletions.
diff --git a/src/page/home/Home.vue b/src/page/home/Home.vue
@@ -8,8 +8,7 @@
         <mu-tab :value="LaBel_Type" :icon="LaBel_Icon" ref="LaBel" :title="'#' + LaBel_Name" @click="open('bottom')" />
     </mu-tabs>
     <mu-popup popupClass="home-popup-bottom" position="bottom" :open="bottomPopup" @close="close('bottom')">
-        <mu-appbar title="请选择标签">
-        <mu-flat-button slot="right" label="关闭" color="white" @click="close('bottom')"/></mu-appbar>
+        <mu-flat-button label="关闭" icon="clear" class="Login-Bottom-Close" @click="close('bottom')" /><Br />
         <mu-content-block>
             <mu-row>
                 <mu-col width="33" tablet="33" desktop="33" class="Label-border" v-for="item in LaBel_Data" :key="item.id" :value="activeTab">
@@ -325,6 +324,7 @@ export default {
     .home-popup-bottom{
         margin-bottom: 56px;
         width:100%;
+        background-color: #fafafa
     }
 </style>
 <style scoped lang="less">
@@ -389,6 +389,11 @@ export default {
         flex: 1;
         width: 0%;
     }
+    .Login-Bottom-Close{
+        position:fixed;
+        right: 0;
+        color: #9e9e9e;
+    }
     img{
         transition:all 0.5s;
     }

diff --git a/src/page/more/discover.vue b/src/page/more/discover.vue
@@ -53,7 +53,7 @@
         <div v-bind:class="{'top-bottom-btn-zw': !TopBottom}" class="Content-card">
             <mu-card>
                 <img style="width:100%" :src="House_Data.icon + House_Data.urlid" />
-                <mu-list-item :title="House_Data.name" :describeText="'性别: ' + House_Data.gender + ' ' + '-' + ' ' + '爱好: ' + Roomie_Data.hobby">
+                <mu-list-item @click="GoOthers(House_Data.name)" :title="House_Data.name" :describeText="'性别: ' + House_Data.gender + ' ' + '-' + ' ' + '爱好: ' + Roomie_Data.hobby">
                     <mu-avatar :src="House_Data.icon + House_Data.urlid" slot="leftAvatar"/>
                     <mu-icon value="info" slot="right"/>
                 </mu-list-item>
@@ -94,7 +94,7 @@
         <div v-bind:class="{'top-bottom-btn-zw': !TopBottom}" class="Content-card">
             <mu-card>
                 <img style="width:100%" :src="Roomie_Data.icon + Roomie_Data.urlid" />
-                <mu-list-item :title="Roomie_Data.name" :describeText="'性别: ' + Roomie_Data.gender + ' ' + '-' + ' ' + '爱好: ' + Roomie_Data.hobby">
+                <mu-list-item @click="GoOthers(Roomie_Data.name)" :title="Roomie_Data.name" :describeText="'性别: ' + Roomie_Data.gender + ' ' + '-' + ' ' + '爱好: ' + Roomie_Data.hobby">
                     <mu-avatar :src="Roomie_Data.icon + Roomie_Data.urlid" slot="leftAvatar"/>
                     <mu-icon value="info" slot="right"/>
                 </mu-list-item>
@@ -130,7 +130,7 @@
         <div v-bind:class="{'top-bottom-btn-zw': !TopBottom}" class="Content-card">
             <mu-card>
                 <img style="width:100%" :src="Friend_Data.icon + Friend_Data.urlid" />
-                <mu-list-item :title="Friend_Data.name" :describeText="'性别: ' + Friend_Data.gender + ' ' + '-' + ' ' + '爱好: ' + Roomie_Data.hobby">
+                <mu-list-item @click="GoOthers(Friend_Data.name)" :title="Friend_Data.name" :describeText="'性别: ' + Friend_Data.gender + ' ' + '-' + ' ' + '爱好: ' + Roomie_Data.hobby">
                     <mu-avatar :src="Friend_Data.icon + Friend_Data.urlid" slot="leftAvatar"/>
                     <mu-icon value="info" slot="right"/>
                 </mu-list-item>
@@ -161,7 +161,7 @@
         <div v-bind:class="{'top-bottom-btn-zw': !TopBottom}" class="Content-card">
             <mu-card>
                 <img style="width:100%" :src="Unused_Data.icon + Unused_Data.urlid" />
-                <mu-list-item :title="Unused_Data.name" :describeText="'性别: ' + Unused_Data.gender + ' ' + '-' + ' ' + '爱好: ' + Roomie_Data.hobby">
+                <mu-list-item @click="GoOthers(Unused_Data.name)" :title="Unused_Data.name" :describeText="'性别: ' + Unused_Data.gender + ' ' + '-' + ' ' + '爱好: ' + Roomie_Data.hobby">
                     <mu-avatar :src="Unused_Data.icon + Unused_Data.urlid" slot="leftAvatar"/>
                     <mu-icon value="info" slot="right"/>
                 </mu-list-item>
@@ -320,6 +320,9 @@ const address = {
         GenDerSheet (gender) {
             this.gender = gender;
         },
+        GoOthers(name){
+            this.$router.push('/others/' + name);
+        }
     },
     }
 

diff --git a/src/page/more/ranking.vue b/src/page/more/ranking.vue
@@ -14,7 +14,7 @@
         <mu-sub-header>排行榜每日更新，每日0点可看到最新数据！</mu-sub-header>
         <ol class="Ranking_ol">
             <li v-for="item in active_datas" :key="item.name">
-                <mu-list-item :title="item.name">
+                <mu-list-item :title="item.name" @click="GoOthers(item.name)">
                     <mu-avatar :src="item.icon + item.urlid" slot="leftAvatar"/>
                     <span slot="describe">
                         截止{{item.time}}发布了{{item.number}}条帖子
@@ -28,7 +28,7 @@
         <mu-sub-header>排行榜每日更新，每日0点可看到最新数据！</mu-sub-header>
         <ol class="Ranking_ol">
             <li v-for="item in attention_datas" :key="item.name">
-                <mu-list-item :title="item.name">
+                <mu-list-item :title="item.name" @click="GoOthers(item.name)">
                     <mu-avatar :src="item.icon + item.urlid" slot="leftAvatar"/>
                     <span slot="describe">
                         截止{{item.time}}被{{item.number}}位小伙伴关注
@@ -42,7 +42,7 @@
         <mu-sub-header>排行榜每日更新，每日0点可看到最新数据！</mu-sub-header>
         <ol class="Ranking_ol">
             <li v-for="item in comment_datas" :key="item.name">
-                <mu-list-item :title="item.name">
+                <mu-list-item :title="item.name" @click="GoOthers(item.name)">
                     <mu-avatar :src="item.icon + item.urlid" slot="leftAvatar"/>
                     <span slot="describe">
                         截止{{item.time}}发布了{{item.number}}条评论
@@ -56,7 +56,7 @@
         <mu-sub-header>排行榜每日更新，每日0点可看到最新数据！</mu-sub-header>
         <ol class="Ranking_ol">
             <li v-for="item in dotpraise_datas" :key="item.name">
-                <mu-list-item :title="item.name">
+                <mu-list-item :title="item.name" @click="GoOthers(item.name)">
                     <mu-avatar :src="item.icon + item.urlid" slot="leftAvatar"/>
                     <span slot="describe">
                         截止{{item.time}}被{{item.number}}位小伙伴点赞
@@ -122,6 +122,9 @@
                 }
             })
         },  
+        GoOthers(name){
+            this.$router.push('/others/' + name);
+        }
     },
     }
 

diff --git a/src/page/user/follow.vue b/src/page/user/follow.vue
@@ -6,7 +6,7 @@
     <mu-list-item @click="ToUser_issue('attention')" class="follow-TopInput" title="去看他们的帖子">
       <mu-icon slot="left" value="arrow_forward"/>
     </mu-list-item>
-    <mu-list-item style="background-color:#fff" title="溯翎" describeText="这个人很懒，什么也没有写">
+    <mu-list-item style="background-color:#fff" title="溯翎" describeText="这个人很懒，什么也没有写" @click="GoOthers('溯翎')">
       <mu-avatar src="http://www.heitem.com/wp-content/uploads/2016/11/icon.jpg" slot="leftAvatar"/>
       <mu-icon value="cancel" color="rgb(244, 67, 54)" slot="right"/>
     </mu-list-item>
@@ -26,6 +26,9 @@
             sessionStorage.setItem("UserTo", JSON.stringify(label))
             this.$router.push('/user/Userissue');
         },
+        GoOthers(name){
+            this.$router.push('/others/' + name);
+        }
     },
     }
 

diff --git a/src/router/index.js b/src/router/index.js
@@ -19,6 +19,7 @@ import DiscoVer      from '@/page/more/discover'
 import MoreLaBel     from '@/page/more/label'
 import InforMation   from '@/page/more/information'
 import RanKing       from '@/page/more/ranking'
+import OthErs        from '@/page/others/index'
 
 
 export default [
@@ -36,6 +37,7 @@ export default [
         {path: '/atlas',name: '图集',component: Atlas},
         {path: '/more',name: '更多',component: More},
         {path: '/user',name: '个人中心',component: User,},
+        {path: '/others/:name', name: '其他人的资料' ,component: OthErs}
       ]
     },
     {