@@ -109,22 +109,16 @@ <h2>本站数据库<b><a style="text-decoration: none;color: skyblue" href="http
109
109
< input type ="submit " value ="搜索 ">
110
110
</ form >
111
111
< br >
112
- < div id ="tv ">
113
- < h2 > 大家都在看......</ h2 >
114
- < div class ="tab ">
115
- < button class ="tablinks " onclick ="openCity(event, 'US') "> 美剧</ button >
116
- < button class ="tablinks " onclick ="openCity(event, 'JP') "> 日剧</ button >
117
- </ div >
112
+ < h2 > 大家都在看......</ h2 >
113
+ < div class ="tab ">
118
114
115
+ </ div >
119
116
120
- < div id ="US " class ="tabcontent ">
121
- </ div >
122
-
123
- < div id ="JP " class ="tabcontent ">
124
- </ div >
117
+ < div id ="topContent ">
125
118
126
119
</ div >
127
120
121
+
128
122
< h2 > 相关资源</ h2 >
129
123
< h3 >
130
124
联系我 < a style ="text-decoration: none;color: green " href ="https://t.me/BennyThink "> Benny 小可爱</ a > ・
@@ -138,11 +132,13 @@ <h3>
138
132
< script src ="js/analytics.js "> </ script >
139
133
140
134
< script >
135
+ accessMetrics ( ) ;
136
+
141
137
// get top
142
- axios . get ( '/api/top?type=all ' )
138
+ axios . get ( '/api/top' )
143
139
. then ( function ( response ) {
144
140
// handle success
145
- showTop ( response . data . data )
141
+ showTop ( response . data )
146
142
// console.log(response.data);
147
143
} )
148
144
. catch ( function ( error ) {
@@ -155,29 +151,44 @@ <h3>
155
151
156
152
157
153
function showTop ( data ) {
158
-
159
- for ( let i = 0 ; i < data . length ; i ++ ) {
160
- let info = data [ i ] . data . info
161
- console . log ( info . area )
162
- let div = HTMLElement
163
-
164
- if ( info . area === "美国" ) {
165
- div = document . getElementById ( "US" ) ;
166
- } else if ( info . area === "日本" ) {
167
- div = document . getElementById ( "JP" ) ;
154
+ const code2Name = data [ "class" ] ;
155
+ let buttonParent = document . getElementsByClassName ( "tab" ) [ 0 ]
156
+ let topParent = document . getElementById ( "topContent" )
157
+ delete data [ "class" ] ;
158
+ for ( let code in data ) {
159
+ let button = `<button class="tablinks" onclick="openCity(event, '${ code } ')">${ code2Name [ code ] } </button>` ;
160
+ let div = `<div id="${ code } " class="tabcontent"></div>` ;
161
+
162
+ let buttonChild = document . createElement ( 'button' ) ;
163
+ buttonChild . innerHTML = button ;
164
+ buttonChild = buttonChild . firstChild ;
165
+ buttonParent . appendChild ( buttonChild ) ;
166
+
167
+ let divChild = document . createElement ( 'div' ) ;
168
+ divChild . innerHTML = div ;
169
+ divChild = divChild . firstChild ;
170
+ topParent . appendChild ( divChild ) ;
171
+
172
+ // render data
173
+ let countryInfo = data [ code ]
174
+ // let div = HTMLElement
175
+ for ( let each in countryInfo ) {
176
+ let info = countryInfo [ each ] [ "data" ] [ "info" ] ;
177
+ let divParent = document . getElementById ( code ) ;
178
+ let name = `${ info . cnname } ${ info . enname } ${ info . aliasname } ` ;
179
+ let html = `<h4><a title="浏览量 ${ info . views } " style="text-decoration: none;color: cornflowerblue" href="/resource.html?id=${ info . id } ">${ name } </a></h4>` ;
180
+
181
+ let divChild = document . createElement ( 'h4' ) ;
182
+ divChild . innerHTML = html ;
183
+ divChild = divChild . firstChild ;
184
+ divParent . appendChild ( divChild ) ;
168
185
}
169
- let name = `${ info . cnname } ${ info . enname } ${ info . aliasname } ` ;
170
- let html = `<h4><a title="浏览量 ${ info . views } " style="text-decoration: none;color: cornflowerblue" href="/resource.html?id=${ info . id } ">${ name } </a></h4>` ;
171
- let backup = div . innerHTML ;
172
- div . innerHTML = backup + html ;
173
186
174
187
}
175
- a = document . getElementById ( "US" ) ;
176
188
document . getElementsByClassName ( "tab" ) [ 0 ] . firstElementChild . className += " active"
177
- a . style . display = "block"
189
+ document . getElementById ( "ALL" ) . style . display = "block"
178
190
}
179
191
180
- accessMetrics ( ) ;
181
192
182
193
function openCity ( evt , cityName ) {
183
194
var i , tabcontent , tablinks ;
0 commit comments