inleft
2022-01-14 56a4b88b16b5f86a2a697018a3e2546d3abf73e3
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         border-radius: 15px;
39         background-color: white;
40
41         img {
42             width: 60px;
43             height: auto;
44             border-radius: 50%;
45             display: block;
46             margin: 10px auto 10px;
47             padding-top: 10px;
48         }
49     }
50
51     /* 一言 */
52     .blog-user-message {
53         text-align: center;
54         font-size: 15px;
55         color: #555;
56         padding-top: 10px;
57         padding-bottom: 10px;
58
59         span {
60             display: block;
61             padding-bottom: 5px;
62         }
63     }
64 </style>