| commit | author | age | ||
| ad2b70 | 1 | <template> |
| 56a4b8 | 2 | <div class="blog-container "> |
| ad2b70 | 3 | <div class="blog-avatar"> |
| 56a4b8 | 4 | <router-link to="/tagInfo"> |
| I | 5 | <img :src="avatar"></img> |
| 6 | </router-link> | |
| ad2b70 | 7 | </div> |
| 56a4b8 | 8 | <div class="blog-user-message"> |
| I | 9 | <span>{{name}}</span> |
| 10 | <span>{{sentence}}</span> | |
| 11 | <span> | |
| 74344a | 12 | <router-link to="/findMe"> |
| I | 13 | <a-icon type="environment" />{{location}} |
| 14 | </router-link> | |
| 57e3be | 15 | <a :href="feed" target="_blank" class="no-underline"> |
| I | 16 | <a-icon type="customer-service" />RSS |
| 17 | <!-- <a-icon type="customer-service" theme="twoTone" two-tone-color="#ffaa00"/>RSS --> | |
| 18 | </a> | |
| 56a4b8 | 19 | </span> |
| 74344a | 20 | |
| 56a4b8 | 21 | </div> |
| I | 22 | </div> |
| 23 | ||
| ad2b70 | 24 | </template> |
| L | 25 | |
| 26 | <script> | |
| fc0c10 | 27 | import { |
| I | 28 | getAppPage |
| 29 | } from '../../api/appManage.js' | |
| ad2b70 | 30 | export default { |
| L | 31 | name: "box", |
| 32 | data() { | |
| 33 | return { | |
| 34 | avatar: "http://t.inleft.com/share/media_photo/xigong.png", | |
| 35 | name: "inleft", | |
| 36 | sentence: "十里寒塘路,烟花一半醒", | |
| 57e3be | 37 | location: "广州", |
| I | 38 | feed: "/api/feed" |
| ad2b70 | 39 | } |
| f9c38e | 40 | }, |
| I | 41 | created() { |
| 28d46d | 42 | // console.log(getAppPage().then((res) => { |
| I | 43 | // console.log(res); |
| 44 | // return res | |
| 45 | // })); | |
| ad2b70 | 46 | } |
| L | 47 | } |
| 48 | </script> | |
| 49 | ||
| 50 | </script> | |
| 51 | ||
| 52 | <style lang="less"> | |
| 53 | /*头像部分*/ | |
| 54 | .blog-avatar { | |
| 55 | img { | |
| 56 | width: 60px; | |
| 57 | height: auto; | |
| 58 | border-radius: 50%; | |
| 59 | display: block; | |
| 60 | margin: 10px auto 10px; | |
| 61 | padding-top: 10px; | |
| 62 | } | |
| 63 | } | |
| 64 | ||
| 65 | /* 一言 */ | |
| 66 | .blog-user-message { | |
| 74344a | 67 | a { |
| I | 68 | color: #555; |
| 69 | } | |
| 70 | ||
| ad2b70 | 71 | text-align: center; |
| L | 72 | font-size: 15px; |
| 73 | color: #555; | |
| 74 | padding-top: 10px; | |
| 75 | padding-bottom: 10px; | |
| 76 | ||
| 77 | span { | |
| 78 | display: block; | |
| 79 | padding-bottom: 5px; | |
| 80 | } | |
| 81 | } | |
| 82 | </style> | |
| 731926 | 83 | <style lang="less" scoped> |
| 57e3be | 84 | .blog-avatar a:hover::after { |
| 731926 | 85 | left: -50%; |
| I | 86 | } |
| 87 | </style> | |
