inleft
2022-03-04 74344a2ec388b78fe906a22c31f8fdb77fc60b12
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>
56a4b8 15             </span>
74344a 16
56a4b8 17         </div>
I 18     </div>
19
ad2b70 20 </template>
L 21
22 <script>
fc0c10 23     import {
I 24         getAppPage
25     } from '../../api/appManage.js'
ad2b70 26     export default {
L 27         name: "box",
28         data() {
29             return {
30                 avatar: "http://t.inleft.com/share/media_photo/xigong.png",
31                 name: "inleft",
32                 sentence: "十里寒塘路,烟花一半醒",
33                 location: "广州"
34             }
f9c38e 35         },
I 36         created() {
28d46d 37             // console.log(getAppPage().then((res) => {
I 38             //     console.log(res);
39             //     return res
40             // }));
ad2b70 41         }
L 42     }
43 </script>
44
45 </script>
46
47 <style lang="less">
48     /*头像部分*/
49     .blog-avatar {
50         img {
51             width: 60px;
52             height: auto;
53             border-radius: 50%;
54             display: block;
55             margin: 10px auto 10px;
56             padding-top: 10px;
57         }
58     }
59
60     /* 一言 */
61     .blog-user-message {
74344a 62         a {
I 63             color: #555;
64         }
65
ad2b70 66         text-align: center;
L 67         font-size: 15px;
68         color: #555;
69         padding-top: 10px;
70         padding-bottom: 10px;
71
72         span {
73             display: block;
74             padding-bottom: 5px;
75         }
76     }
77 </style>