forked from bailichen/vue-weixin
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
unknown
committed
Apr 27, 2017
1 parent
5df6356
commit 7ae9913
Showing
13 changed files
with
291 additions
and
2 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,216 @@ | ||
| <template> | ||
| <section class="child_page"> | ||
| <head-top crossover="详细资料"></head-top> | ||
| <div class="details"> | ||
| <div class="details_li"> | ||
| <div class="details_left"> | ||
| <img src="../../../images/chen.jpg" alt=""> | ||
| </div> | ||
| <div class="details_right"> | ||
| <div class="details_right_top"> | ||
| <span>百里辰</span> | ||
| <div class="sexsvg"> | ||
| <svg> | ||
| <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#girl"></use> | ||
| </svg> | ||
| </div> | ||
| </div> | ||
| <div class="details_right_obt"> | ||
| 微信号：bailichen | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="details_li"> | ||
| <router-link to='' class="setnote"> | ||
| 设置备注和标签 | ||
| </router-link> | ||
| </div> | ||
| <div class="details_person"> | ||
| <div class="details_person_top"> | ||
| <div class="area_details_left"> | ||
| 地区 | ||
| </div> | ||
| <div class="area_details_right"> | ||
| 埃及 | ||
| </div> | ||
| </div> | ||
| <div class="person_photo"> | ||
| <router-link to='' class="details_person_a"> | ||
| <div class="person_photo_left"> | ||
| 个人相册 | ||
| </div> | ||
| <div class="person_photo_right clear"> | ||
| <img src="../../../images/chen.jpg" alt=""> | ||
| <img src="../../../images/cangdu.jpg" alt=""> | ||
| <img src="../../../images/hu.jpg" alt=""> | ||
| </div> | ||
| </router-link> | ||
| </div> | ||
| <div class="details_person_more"> | ||
| <router-link to='' class="clickmore"> | ||
| 更多 | ||
| </router-link> | ||
| </div> | ||
| </div> | ||
| <div class="sendmessage"> | ||
| <router-link to='/dialogue/conversation' class="send"> | ||
| 发消息 | ||
| </router-link> | ||
| </div> | ||
| </div> | ||
| <transition name="router-show"> | ||
| <router-view></router-view> | ||
| </transition> | ||
| </section> | ||
| </template> | ||
|
|
||
| <script> | ||
| import headTop from 'src/components/header/head' | ||
| export default{ | ||
| data(){ | ||
| return{ | ||
| } | ||
| }, | ||
| created(){ | ||
| }, | ||
| mounted(){ | ||
| }, | ||
| components:{ | ||
| headTop, | ||
| }, | ||
| computed:{ | ||
| }, | ||
| methods:{ | ||
| } | ||
| } | ||
| </script> | ||
| <style lang="scss" scoped> | ||
| @import "src/style/public"; | ||
| .router-show-enter-active,.router-show-leave-active{ | ||
| transition: all .4s; | ||
| } | ||
| .router-show-enter,.router-show-leave-active{ | ||
| transform:translateX(100%) | ||
| } | ||
| .child_page{ | ||
| position: fixed; | ||
| top: 0; | ||
| left: 0; | ||
| right: 0; | ||
| bottom: 0; | ||
| z-index: 203; | ||
| background-color: #ebebeb; | ||
| } | ||
| .details{ | ||
| width:100%; | ||
| padding-top:2.9226633rem; | ||
| .details_li{ | ||
| padding:0.512rem 0.5973333333rem; | ||
| background:#fff; | ||
| margin-bottom:0.8533333333rem; | ||
| @include justify(flex-start); | ||
| .details_left{ | ||
| margin-right:1.024rem; | ||
| img{ | ||
| display: block; | ||
| @include widthHeight(2.7306666667rem,2.7306666667rem); | ||
| } | ||
| } | ||
| .details_right{ | ||
| .details_right_top{ | ||
| @include justify(flex-start); | ||
| margin-top:0.256rem; | ||
| margin-bottom:0.4266666667rem; | ||
| span{ | ||
| display:block; | ||
| @include sizeColor(0.64rem,#000); | ||
| margin-right:0.4266666667rem; | ||
| } | ||
| .sexsvg{ | ||
| @include widthHeight(.64rem,.90rem); | ||
| @include align(center); | ||
| svg{ | ||
| @include widthHeight(100%,.64rem); | ||
| } | ||
| } | ||
| } | ||
| .details_right_obt{ | ||
| @include sizeColor(0.512rem,#666); | ||
| } | ||
| } | ||
| .setnote{ | ||
| display:block; | ||
| width:100%; | ||
| @include sizeColor(0.64rem,#000); | ||
| } | ||
| } | ||
| .details_person{ | ||
| padding:0.512rem 0.5973333333rem; | ||
| background:#fff; | ||
| .details_person_top{ | ||
| @include justify(flex-start); | ||
| border-bottom:1px solid #e2e2e2; | ||
| padding-bottom:0.6826666667rem; | ||
| .area_details_left{ | ||
| @include sizeColor(0.64rem,#000); | ||
| } | ||
| .area_details_right{ | ||
| @include sizeColor(0.512rem,#666); | ||
| margin-left:2.432rem; | ||
| @include align(center); | ||
| } | ||
| } | ||
| .details_person_more{ | ||
| .clickmore{ | ||
| display:block; | ||
| width:100%; | ||
| padding-top:0.7253333333rem; | ||
| @include sizeColor(0.64rem,#000); | ||
| } | ||
| } | ||
| .person_photo{ | ||
| border-bottom:1px solid #e2e2e2; | ||
| .details_person_a{ | ||
| display:block; | ||
| @include justify(flex-start); | ||
| .person_photo_left{ | ||
| @include sizeColor(0.64rem,#000); | ||
| @include align(center); | ||
| } | ||
| .person_photo_right{ | ||
| margin-left:1.0666666667rem; | ||
| padding:0.3413333333rem 0; | ||
| img{ | ||
| float:left; | ||
| @include widthHeight(2.56rem,2.56rem); | ||
| margin-right:16px; | ||
| } | ||
| } | ||
| } | ||
| } | ||
| } | ||
| .sendmessage{ | ||
| width:14.1653333333rem; | ||
| margin:0 auto; | ||
| margin-top:0.8533333333rem; | ||
| .send{ | ||
| display:block; | ||
| border-radius:5px; | ||
| text-align:center; | ||
| width:14.1226666667rem; | ||
| border:1px solid #3e8d3e; | ||
| background:#1aad16; | ||
| @include sizeColor(0.7253333333rem,#fff); | ||
| letter-spacing:4px; | ||
| line-height:2.0053333333rem; | ||
| } | ||
| } | ||
| } | ||
| </style> |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,21 @@ | ||
| /* | ||
| * wxid-微信号 | ||
| * | ||
| * | ||
| * | ||
| * | ||
| * | ||
| * | ||
| * | ||
| */ | ||
|
|
||
|
|
||
| export const contacts = { | ||
| A:[ | ||
| { | ||
| "wxid":"As小白", | ||
| "headurl":"../../../images/a.jpg", | ||
|
|
||
| } | ||
| ] | ||
| } |