-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
210 lines (198 loc) · 11 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>网站</title>
<link type="text/css" rel="styleSheet" href="index.css" />
</head>
<style type="text/css">
</style>
<body>
<div class="main">
<!-- 头部导航栏 -->
<div class="top_view">
<!-- 头部导航栏左边 -->
<div class="top_view_left">
<div class="pc_icon"></div>
<div class="pc_title">DOUBLE PHOENIX</div>
</div>
<!-- 头部导航栏右边 -->
<div class="top_view_left pc_right">
<div class="title top_btn homeBtn" style="color: rgb(34, 126, 36);">HOME</div>
<div class="title top_btn brandBtn">BRAND</div>
<div class="title top_btn newsBtn">NEWS</div>
<div class="title top_btn aboutBtn">ABOUT</div>
<input class="tooltip search_input search_input_width input_view" placeholder="search"/>
<div class="title language language_height zwBtn">中文</div>
<div class="language_line"></div>
<div class="title language language_height englishBtn">ENG</div>
</div>
<!-- 头部导航栏缩小后右边 -->
<div class="background home_right"></div>
</div>
<div class="min_list_bg">
<div class="min_list">
<div class="title min_list_item homeBtn" style="color: rgb(34, 126, 36);">HOME</div>
<div class="title min_list_item brandBtn">BRAND</div>
<div class="title min_list_item newsBtn">NEWS</div>
<div class="title min_list_item aboutBtn">ABOUT</div>
<div class="min_list_item min_input"><input class="tooltip search_input min_nav_search_input_width input_view" placeholder="search"/></div>
<div class="min_list_item min_eng" style="justify-content: center;display: flex;flex-direction: row;">
<div class="title language language_min_nav_height zwBtn">中文</div>
<div class="language_min_nav_line"></div>
<div class="title language language_min_nav_height englishBtn">ENG</div>
</div>
</div>
</div>
<!-- 内容 -->
<div class="content_view">
<!-- 头部view -->
<div class="header_view">
<div class="tooltip header_view_bgView header_view_left_image">
<div class="header_title header_left_title">Twinle Mosaic</div>
<div class="tooltip header_button header_left_button mosaicBtn">MORE</div>
</div>
<div class="tooltip header_view_bgView header_view_right_image">
<div class="header_title header_right_title">Novel Dragon</div>
<div class="tooltip header_button header_right_button dragonBtn">MORE</div>
</div>
</div>
<!-- 首页 -->
<div class="home_class">
<div class="home_top_view">BRAND</div>
<div class="header_view">
<!-- home_top_left_view -->
<div class="tooltip home_view_bg_View home_view_bg_left_image">
<div class="header_title header_left_title">DOUBLE PHOENIX</div>
<div class="tooltip header_button header_left_button">MORE</div>
</div>
<div class="tooltip home_view_bg_View home_view_bg_right_image">
<div class="header_title header_left_title">PATRA</div>
<div class="tooltip header_button header_left_button">MORE</div>
</div>
</div>
<div class="header_view">
<!-- home_top_left_view -->
<div class="tooltip home_view_bg_bottom_View home_top_left_view_image_mr home_top_left_view_1_image">
<div class="header_title header_left_title">EME</div>
<div class="tooltip header_button header_left_button">MORE</div>
</div>
<div class="tooltip home_view_bg_bottom_View home_top_left_view_image_mr home_top_left_view_2_image">
<div class="header_title header_left_title">KONNER</div>
<div class="tooltip header_button header_left_button">MORE</div>
</div>
<div class="tooltip home_view_bg_bottom_View home_top_left_view_3_image">
<div class="header_title header_left_title">PLAKIRA</div>
<div class="tooltip header_button header_left_button">MORE</div>
</div>
</div>
<!-- 消息列表 -->
<div class="list_bg_view">
<div class="list_item">
<div class="list_item_left_bg">
<div class="list_item_left_bg_title">
2020-10-11
</div>
</div>
<div class="list_item_right_bg">
<div class="title list_item_right_bg_title">
PLAKIRA PLAKIRA PLAKIRA
</div>
<div class="list_item_right_bg_dec">
PLAKIRA PLAKIRAPLAKIRA PLAKIRAPLAKIRA PLAKIRAPLAKIRA PLAKIRAPLAKIRA PLAKIRAPLAKIRA PLAKIRA
</div>
</div>
</div>
<div class="list_item">
<div class="list_item_left_bg">
<div class="list_item_left_bg_title">
2020-10-11
</div>
</div>
<div class="list_item_right_bg">
<div class="title list_item_right_bg_title">
PLAKIRA PLAKIRA PLAKIRA
</div>
<div class="list_item_right_bg_dec">
PLAKIRA PLAKIRAPLAKIRA PLAKIRAPLAKIRA PLAKIRAPLAKIRA PLAKIRAPLAKIRA PLAKIRAPLAKIRA PLAKIRA
</div>
</div>
</div>
<div class="list_item">
<div class="list_item_left_bg">
<div class="list_item_left_bg_title">
2020-10-11
</div>
</div>
<div class="list_item_right_bg">
<div class="title list_item_right_bg_title">
PLAKIRA PLAKIRA PLAKIRA
</div>
<div class="list_item_right_bg_dec">
PLAKIRA PLAKIRAPLAKIRA PLAKIRAPLAKIRA PLAKIRAPLAKIRA PLAKIRAPLAKIRA PLAKIRAPLAKIRA PLAKIRA
</div>
</div>
</div>
<div class="list_bottom_button_bg">
<div class="background list_bottom_button_bg_btn">
MORE news
</div>
</div>
</div>
</div>
<!-- 底部 -->
<div class="bottom_view">
<div class="bottom_view_content bottom_view_content_left"></div>
<div class="bottom_view_content bottom_view_content_center"></div>
<div class="bottom_view_content bottom_view_content_right"></div>
</div>
</div>
<!-- 弹窗 -->
<div class="scroll_tanchuang">
<div class="tanchuang_bg">
<!-- 左边文字视频 -->
<div class="tanchuang_bg_left_view">
<div id="tanchuang_title" class="tanchuang_title_c"></div>
<div class="tanchuang_video_view">
<video class="tanchuang_video" controls src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4" poster="images/video_cover.jpg"></video>
</div>
<div class="tanchuang_left_dec">
ods ifjo iaods ifjo iafiausfis udigsfygu idfsygiufydsigsydf fydguisfgy g ydgisfuygfsdg udgs ygiuyd d g uydfgydfygudfgdfgdsgfdfg dgfdods ifjo iafiausfis udigsfygu idfsygiufydsig dufgy sydf fydguisfgy g ydgisfuygfsdg udgs ygiuyd d g uydfgydfygudfgdfgdsgfdfg dgfdfiausfis udigsfygu idfsygiufydsig dufgy sydf fydguisfgy g ydgisfuygfsdg udgs ygiuyd d g uydfgydfygudfgdfgdsgfdfg dgfdods ifjo iafiausfis udigsfygu idfsygiufydsig dufgy sydf fydguisfgy g ydgisfuygfsdg udgs ygiuyd d g uydfgydfygudfgdfgdsgfdfg dgfdods ifjo iafiausfis udigsfygu idfsygiufydsig dufgy sydf fydguisfgy g ydgisfuygfsdg udgs ygiuyd d g uydfgydfygudfgdfgdsgfdfg dgfdods ifjo iafiausfis udigsfygu idfsygiufydsig dufgy sydf fydguisfgy g ydgisfuygfsdg udgs ygiuyd d g uydfgydfygudfgdfgdsgfdfg dgfdods ifjo iafiausfis udigsfygu idfsygiufydsig dufgy sydf fydguisfgy g ydgisfuygfsdg udgs ygiuyd d g uydfgydfygudfgdfgdsgfdfg dgfd
</div>
<div class="background tanchuang_close_button close_btn">Close</div>
</div>
<!-- 右边图片 -->
<div class="tanchuang_bg_right_view">
<div class="tanchuang_bg_right_view_max_image tanchuang_max_image">
<div class="tanchuang_bg_right_view_max_image_pre tanchuang_image_pre"></div>
<div class="tanchuang_bg_right_view_max_image_next tanchuang_image_next"></div>
</div>
<div class="tanchuang_bg_right_view_min_image_view">
<div class="tanchuang_bg_right_view_min_image_1 tanchuang_image_1"></div>
<div class="tanchuang_bg_right_view_min_image_2 tanchuang_image_2"></div>
<div class="tanchuang_bg_right_view_min_image_3 tanchuang_image_3"></div>
<div class="tanchuang_bg_right_view_min_image_4 tanchuang_image_4"></div>
</div>
</div>
</div>
</div>
<!-- 轮播图 -->
<div class="scroll_tanchuang_image">
<div class="scroll_tanchuang_image_bg scroll_bg">
<div class="tanchuang_image_close scroll_closeBtn"></div>
<div class="tanchuang_image_bg_right_view_image_pre tanchuang_scroll_image_pre"></div>
<div class="tanchuang_image_bg_right_view_image_next tanchuang_scroll_image_next"></div>
<div class="tanchuang_title_bg_right_view">
<div id="scroll_image_title" class="tanchuang_title_bg_right_view_title">Spangles</div>
<div id="scroll_image_current" class="tanchuang_title_bg_right_view_r_title">1/5</div>
</div>
</div>
</div>
</div>
</body>
<script src="zepto.min.js"></script>
<script src="index.js"></script>
<script>
</script>
</html>