优化部分组件界面

This commit is contained in:
刘祥超
2023-07-10 17:42:00 +08:00
parent 01b510f7f8
commit f3cbb9b9d1

View File

@@ -79,17 +79,8 @@ Vue.component("http-webp-config-box", {
</td> </td>
</tr> </tr>
</tbody> </tbody>
<tbody v-show="isOn()"> <more-options-tbody @change="changeAdvancedVisible" v-if="isOn()"></more-options-tbody>
<tr> <tbody v-show="isOn() && moreOptionsVisible">
<td>图片质量</td>
<td>
<div class="ui input right labeled">
<input type="text" v-model="quality" style="width: 5em" maxlength="4"/>
<span class="ui label">%</span>
</div>
<p class="comment">取值在0到100之间数值越大生成的图像越清晰同时文件尺寸也会越大。</p>
</td>
</tr>
<tr> <tr>
<td>支持的扩展名</td> <td>支持的扩展名</td>
<td> <td>
@@ -104,9 +95,16 @@ Vue.component("http-webp-config-box", {
<p class="comment">响应的Content-Type里包含这些MimeType的内容将会被转成WebP。</p> <p class="comment">响应的Content-Type里包含这些MimeType的内容将会被转成WebP。</p>
</td> </td>
</tr> </tr>
</tbody> <tr>
<more-options-tbody @change="changeAdvancedVisible" v-if="isOn()"></more-options-tbody> <td>图片质量</td>
<tbody v-show="isOn() && moreOptionsVisible"> <td>
<div class="ui input right labeled">
<input type="text" v-model="quality" style="width: 5em" maxlength="4"/>
<span class="ui label">%</span>
</div>
<p class="comment">取值在0到100之间数值越大生成的图像越清晰同时文件尺寸也会越大。</p>
</td>
</tr>
<tr> <tr>
<td>内容最小长度</td> <td>内容最小长度</td>
<td> <td>