mirror of
https://github.com/TeaOSLab/EdgeAdmin.git
synced 2025-11-03 20:40:26 +08:00
53 lines
2.6 KiB
HTML
53 lines
2.6 KiB
HTML
{$layout}
|
||
{$template "../menu"}
|
||
{$template "/left_menu_with_menu"}
|
||
|
||
<div class="right-box with-menu">
|
||
<form class="ui form" method="post" data-tea-action="$" data-tea-success="success">
|
||
<csrf-token></csrf-token>
|
||
<input type="hidden" name="clusterId" :value="clusterId"/>
|
||
<table class="ui table definition selectable">
|
||
<tr>
|
||
<td class="title">启用WebP功能</td>
|
||
<td>
|
||
<checkbox name="isOn" v-model="webpPolicy.isOn"></checkbox>
|
||
<p class="comment">选中后，表示当前集群下的网站可以使用WebP转换功能。</p>
|
||
</td>
|
||
</tr>
|
||
<tbody v-show="webpPolicy.isOn">
|
||
<tr>
|
||
<td>图片质量</td>
|
||
<td>
|
||
<div class="ui input right labeled">
|
||
<input type="text" name="quality" v-model="webpPolicy.quality" style="width: 5em" maxlength="4"/>
|
||
<span class="ui label">%</span>
|
||
</div>
|
||
<p class="comment">取值在0到100之间，0表示自动调节；数值越大生成的图像越清晰，文件尺寸也会越大，同时消耗的系统资源越多（在低配置的边缘节点上建议不超过50%）。</p>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>需要满足缓存条件</td>
|
||
<td>
|
||
<checkbox name="requireCache" v-model="webpPolicy.requireCache"></checkbox>
|
||
<p class="comment">选中后，表示图片URL需要满足缓存条件后才会转换，防止实时转换消耗巨大的系统资源。</p>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>可转换的最小尺寸</td>
|
||
<td>
|
||
<size-capacity-box :v-name="'minLengthJSON'" :v-value="webpPolicy.minLength"></size-capacity-box>
|
||
<p class="comment">不低于此尺寸的图像文件的才会转换。</p>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>可转换的最大尺寸</td>
|
||
<td>
|
||
<size-capacity-box :v-name="'maxLengthJSON'" :v-value="webpPolicy.maxLength"></size-capacity-box>
|
||
<p class="comment">不高于此尺寸的图像文件的才会转换。</p>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
<submit-btn></submit-btn>
|
||
</form>
|
||
</div> |