inleft
2022-01-13 d3f92144c6e4781fa4882f5fbf3525698663d92f
commit | author | age
bf6fbe 1 <template>
L 2         <div class="blog-avatar">
3             <img :src="avatar">
4             <div class="blog-user-message">
5                 <span>{{name}}</span>
6                 <span>{{sentence}}</span>
7                 <span>
8                     <a-icon type="environment" />{{location}}
9                 </span>
10             </div>
11         </div>
12      
13 </template>
14
15 <script>
16     export default {
17         name: "box",
18         data() {
19             return {
20                 avatar: "http://t.inleft.com/share/media_photo/xigong.png",
21                 name: "inleft",
22                 sentence: "十里寒塘路,烟花一半醒",
23                 location: "广州"
24             }
25         }
26     }
27 </script>
28
29 </script>
30
31 <style lang="less">
32     
33     /*头像部分*/
34     .blog-avatar {
35         border-radius: 15px;
36         background-color: white;
37
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>