File tree 1 file changed +82
-0
lines changed
1 file changed +82
-0
lines changed Original file line number Diff line number Diff line change
1
+ <div style="
2
+ display: flex;
3
+ align-items: center;
4
+ background-color: #fff;
5
+ border-radius: 12px;
6
+ box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
7
+ padding: 16px;
8
+ max-width: 700px;
9
+ width: 100%;
10
+ font-family: 'Arial', sans-serif;
11
+ margin: 20px auto;
12
+ position: relative;
13
+ ">
14
+ <div style="
15
+ flex-shrink: 0;
16
+ width: 120px;
17
+ height: 180px;
18
+ border-radius: 8px;
19
+ overflow: hidden;
20
+ margin-right: 16px;
21
+ ">
22
+ <img
23
+ src="https://www.themoviedb.org/t/p/w1280/o4R7ZyMAatFpCJiT2ELSwfaaCoX.jpg"
24
+ alt="Lady Gaga Presents: The Monster Ball Tour at Madison Square Garden"
25
+ style="
26
+ width: 100%;
27
+ height: 100%;
28
+ object-fit: cover;
29
+ "
30
+ >
31
+ </div>
32
+ <div style="flex: 1;">
33
+ <div style="
34
+ font-size: 20px;
35
+ font-weight: bold;
36
+ color: #333;
37
+ margin-bottom: 8px;
38
+ ">
39
+ Lady Gaga:恶魔舞会巡演之麦迪逊公园广场演唱会 (2011)
40
+ </div>
41
+ <div style="
42
+ display: flex;
43
+ align-items: center;
44
+ margin-bottom: 12px;
45
+ ">
46
+ <div style="
47
+ font-weight: 600;
48
+ font-size: 14px;
49
+ color: #333;
50
+ margin-right: 8px;
51
+ ">
52
+ 个人评分:
53
+ </div>
54
+ <div style="color: #f39c12;">
55
+ ⭐⭐⭐⭐⭐☆
56
+ </div>
57
+ </div>
58
+ <div style="
59
+ font-size: 14px;
60
+ color: #666;
61
+ line-height: 1.6;
62
+ ">
63
+ Lady Gaga早前在纽约麦迪逊广场的演唱会,获HBO电视台全程跟进拍摄。
64
+ </div>
65
+ </div>
66
+ <a href="https://movie.douban.com/subject/6075345/"
67
+ target="_blank"
68
+ style="
69
+ position: absolute;
70
+ top: 16px;
71
+ right: 16px;
72
+ background-color: #6c8b5f;
73
+ color: white;
74
+ font-size: 12px;
75
+ padding: 4px 8px;
76
+ border-radius: 4px;
77
+ text-transform: uppercase;
78
+ text-decoration: none;
79
+ ">
80
+ perform >>>
81
+ </a>
82
+ </div>
You can’t perform that action at this time.
0 commit comments