1
1
{% extends 'base.html' %}
2
2
{% block authed %}
3
3
< div class ="column is-12 ">
4
- < section class ="hero is-warning is-smaill ">
4
+ < section class ="hero is-warning is-small ">
5
5
< div class ="hero-body ">
6
6
< div class ="container ">
7
7
< h1 class ="title "> 独享节点</ h1 >
8
8
< ul >
9
9
< li > 流量和共享节点分开计算</ li >
10
- < li >
11
- 购买后,可在当前页面观察到流量的使用情况
12
- </ li >
13
- < li >
14
- 购买后,直接从订阅连接里就能拉取到所有的独享节点
15
- </ li >
10
+ < li > 购买后,可在当前页面观察到流量的使用情况</ li >
11
+ < li > 购买后,直接从订阅连接里就能拉取到所有的独享节点</ li >
16
12
</ ul >
17
13
</ div >
18
14
</ div >
@@ -46,9 +42,9 @@ <h1 class="title">独享节点</h1>
46
42
</ li >
47
43
</ ul >
48
44
</ div >
49
- < div class ="pricing-table " id ="id-pricing-table-purchasable ">
45
+ < div class ="pricing-table is-active " id ="id-pricing-table-purchasable ">
50
46
{% for node in purchasable_proxy_nodes %}
51
- < div class ="pricing-plan {{ node.occupancy_config.color }} {{ node.occupancy_config.bulma_is_active }} ">
47
+ < div class ="pricing-plan {{ node.occupancy_config.color }} {{ node.occupancy_config.bulma_is_active }} ">
52
48
< div class ="plan-header "> {{ node.name }}</ div >
53
49
< div class ="plan-price ">
54
50
< span class ="plan-price-amount ">
@@ -84,7 +80,7 @@ <h1 class="title">独享节点</h1>
84
80
</ div >
85
81
< div class ="pricing-table is-hidden " id ="id-pricing-table-renewable ">
86
82
{% for node in renewable_proxy_nodes %}
87
- < div class ="pricing-plan {{ node.occupancy_config.color }} {{ node.occupancy_config.bulma_is_active }} ">
83
+ < div class ="pricing-plan {{ node.occupancy_config.color }} {{ node.occupancy_config.bulma_is_active }} ">
88
84
< div class ="plan-header "> {{ node.name }}</ div >
89
85
< div class ="plan-price ">
90
86
< span class ="plan-price-amount ">
@@ -126,15 +122,13 @@ <h1 class="title">独享节点</h1>
126
122
< a class ="is-active " id ="tab-usable "> 可使用</ a >
127
123
< a id ="tab-outdated "> 已过期</ a >
128
124
</ p >
129
- < a class ="panel-block " id ="block-usable ">
125
+ < div class ="panel-block is-active " id ="block-usable ">
130
126
< table class ="table is-striped is-fullwidth ">
131
127
< thead >
132
128
< tr >
133
129
< th > 节点</ th >
134
130
< th > 开始时间</ th >
135
131
< th > 到期时间</ th >
136
- < th > 已用流量</ th >
137
- < th > 总流量</ th >
138
132
< th > 流量进度</ th >
139
133
</ tr >
140
134
</ thead >
@@ -144,27 +138,24 @@ <h1 class="title">独享节点</h1>
144
138
< td > {{ o.proxy_node.name }}</ td >
145
139
< td > {{ o.start_time }}</ td >
146
140
< td > {{ o.end_time }}</ td >
147
- < td > {{ o.human_used_traffic }}</ td >
148
- < td > {{ o.human_total_traffic }}</ td >
149
141
< td >
150
142
< progress class ="progress {{ o.progress_color }} "
151
143
value ="{{ o.used_traffic }} "
152
- max ="{{ o.total_traffic }} "> </ progress > {{ o.used_percentage }}%
144
+ max ="{{ o.total_traffic }} "> </ progress > {{ o.used_percentage }}{{ o.used_percentage }}
145
+ < span > {{ o.human_used_traffic }} / {{ o.human_total_traffic }}</ span >
153
146
</ td >
154
147
</ tr >
155
148
{% endfor %}
156
149
</ tbody >
157
150
</ table >
158
- </ a >
159
- < a class ="panel-block is-hidden " id ="block-outdated ">
151
+ </ div >
152
+ < div class ="panel-block is-hidden " id ="block-outdated ">
160
153
< table class ="table is-striped is-fullwidth ">
161
154
< thead >
162
155
< tr >
163
156
< th > 节点</ th >
164
157
< th > 开始时间</ th >
165
158
< th > 到期时间</ th >
166
- < th > 已用流量</ th >
167
- < th > 总流量</ th >
168
159
< th > 流量进度</ th >
169
160
</ tr >
170
161
</ thead >
@@ -174,18 +165,17 @@ <h1 class="title">独享节点</h1>
174
165
< td > {{ o.proxy_node.name }}</ td >
175
166
< td > {{ o.start_time }}</ td >
176
167
< td > {{ o.end_time }}</ td >
177
- < td > {{ o.human_used_traffic }}</ td >
178
- < td > {{ o.human_total_traffic }}</ td >
179
168
< td >
180
169
< progress class ="progress {{ o.progress_color }} "
181
- value ="{{ o.used_traffic }} "
182
- max ="{{ o.total_traffic }} "> </ progress > {{ o.used_percentage }}%
170
+ value ="{{ o.used_traffic }} "
171
+ max ="{{ o.total_traffic }} "> </ progress > {{ o.used_percentage }}{{ o.used_percentage }}
172
+ < span > {{ o.human_used_traffic }} / {{ o.human_total_traffic }}</ span >
183
173
</ td >
184
174
</ tr >
185
175
{% endfor %}
186
176
</ tbody >
187
177
</ table >
188
- </ a >
178
+ </ div >
189
179
</ nav >
190
180
</ div >
191
181
</ div >
0 commit comments