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