lijh
2022-01-18 15bd39c66eb9c1942b72fb373fbe16865f715f04
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>
20     export default {
21         name: "box",
22         data() {
23             return {
24                 avatar: "http://t.inleft.com/share/media_photo/xigong.png",
25                 name: "inleft",
26                 sentence: "十里寒塘路,烟花一半醒",
27                 location: "广州"
28             }
29         }
30     }
31 </script>
32
33 </script>
34
35 <style lang="less">
36     /*头像部分*/
37     .blog-avatar {
38         img {
39             width: 60px;
40             height: auto;
41             border-radius: 50%;
42             display: block;
43             margin: 10px auto 10px;
44             padding-top: 10px;
45         }
46     }
47
48     /* 一言 */
49     .blog-user-message {
50         text-align: center;
51         font-size: 15px;
52         color: #555;
53         padding-top: 10px;
54         padding-bottom: 10px;
55
56         span {
57             display: block;
58             padding-bottom: 5px;
59         }
60     }
61 </style>