|
6 | 6 | {{use "ui.vue"}}
|
7 | 7 | {{use "ui.iview"}}
|
8 | 8 |
|
| 9 | +<style> |
| 10 | + .notice |
| 11 | + { |
| 12 | + color:red; |
| 13 | + font-size:150%; |
| 14 | + } |
| 15 | +</style> |
| 16 | + |
9 | 17 | <div id="app" class='box'>
|
10 | 18 | <div class="box-body">
|
11 | 19 | <tabs v-model:value="tab_current" type="card" :animated="false">
|
|
29 | 37 | <i-col span="8"><i-input value="/apijson/get" readonly/></i-col>
|
30 | 38 | </Row>
|
31 | 39 | <Row v-if="tab_current==='tab_get'">
|
32 |
| - <i-col span="3"><div align="center"><strong>apijson get</strong> request examples</div></i-col> |
| 40 | + <i-col span="3"><div align="center"><strong>apijson get</strong> request <span class="notice">{request_get.length}</span> examples</div></i-col> |
33 | 41 | <i-col span="8">
|
34 | 42 | <i-select v-model="select_current">
|
35 |
| - <i-option v-for="item in request_get" :value="item.value" :key="item.value">{ item.label }</i-option> |
| 43 | + <i-option v-for="(item,index) in request_get" :value="item.value" :key="item.value">{index+1}. {item.label}</i-option> |
36 | 44 | </i-select>
|
37 | 45 | </i-col>
|
38 | 46 | </Row>
|
|
42 | 50 | <i-col span="8"><i-input value="/apijson/head" readonly/></i-col>
|
43 | 51 | </Row>
|
44 | 52 | <Row v-if="tab_current==='tab_head'">
|
45 |
| - <i-col span="3"><div align="center"><strong>apijson head</strong> request examples</div></i-col> |
| 53 | + <i-col span="3"><div align="center"><strong>apijson head</strong> request <span class="notice">{request_head.length}</span> examples</div></i-col> |
46 | 54 | <i-col span="8">
|
47 | 55 | <i-select v-model="select_current">
|
48 |
| - <i-option v-for="item in request_head" :value="item.value" :key="item.value">{ item.label }</i-option> |
| 56 | + <i-option v-for="(item,index) in request_head" :value="item.value" :key="item.value">{index+1}. {item.label}</i-option> |
49 | 57 | </i-select>
|
50 | 58 | </i-col>
|
51 | 59 | </Row>
|
|
55 | 63 | <i-col span="8"><i-input value="/apijson/post" readonly/></i-col>
|
56 | 64 | </Row>
|
57 | 65 | <Row v-if="tab_current==='tab_post'">
|
58 |
| - <i-col span="3"><div align="center"><strong>apijson post</strong> request examples</div></i-col> |
| 66 | + <i-col span="3"><div align="center"><strong>apijson post</strong> request <span class="notice">{request_post.length}</span> examples</div></i-col> |
59 | 67 | <i-col span="8">
|
60 | 68 | <i-select v-model="select_current">
|
61 |
| - <i-option v-for="item in request_post" :value="item.value" :key="item.value">{ item.label }</i-option> |
| 69 | + <i-option v-for="(item,index) in request_post" :value="item.value" :key="item.value">{index+1}. {item.label}</i-option> |
62 | 70 | </i-select>
|
63 | 71 | </i-col>
|
64 | 72 | </Row>
|
|
68 | 76 | <i-col span="8"><i-input value="/apijson/put" readonly/></i-col>
|
69 | 77 | </Row>
|
70 | 78 | <Row v-if="tab_current==='tab_put'">
|
71 |
| - <i-col span="3"><div align="center"><strong>apijson put</strong> request examples</div></i-col> |
| 79 | + <i-col span="3"><div align="center"><strong>apijson put</strong> request <span class="notice">{request_put.length}</span> examples</div></i-col> |
72 | 80 | <i-col span="8">
|
73 | 81 | <i-select v-model="select_current">
|
74 |
| - <i-option v-for="item in request_put" :value="item.value" :key="item.value">{ item.label }</i-option> |
| 82 | + <i-option v-for="(item,index) in request_put" :value="item.value" :key="item.value">{index+1}. {item.label}</i-option> |
75 | 83 | </i-select>
|
76 | 84 | </i-col>
|
77 | 85 | </Row>
|
|
81 | 89 | <i-col span="8"><i-input value="/apijson/delete" readonly/></i-col>
|
82 | 90 | </Row>
|
83 | 91 | <Row v-if="tab_current==='tab_delete'">
|
84 |
| - <i-col span="3"><div align="center"><strong>apijson delete</strong> request examples</div></i-col> |
| 92 | + <i-col span="3"><div align="center"><strong>apijson delete</strong> request <span class="notice">{request_delete.length}</span> examples</div></i-col> |
85 | 93 | <i-col span="8">
|
86 | 94 | <i-select v-model="select_current">
|
87 |
| - <i-option v-for="item in request_delete" :value="item.value" :key="item.value">{ item.label }</i-option> |
| 95 | + <i-option v-for="(item,index) in request_delete" :value="item.value" :key="item.value">{index+1}. {item.label}</i-option> |
88 | 96 | </i-select>
|
89 | 97 | </i-col>
|
90 | 98 | </Row>
|
|
0 commit comments