梯子页面的说明信息,使用 form-help 样式

pull/311/head
王良 2024-05-07 11:09:48 +08:00
parent 17bf7c4e36
commit 8b9e54683e
5 changed files with 31 additions and 21 deletions

View File

@ -30,7 +30,7 @@
</template>
<template v-else>
1点击右上角点此去安装按钮打开证书<br/>
2然后按如下图步骤将根证书添加到<b style="color:red">信任的根证书颁发机构</b><br/>
2然后按如下图步骤将根证书添加到<b style="color:red">信任的根证书颁发机构</b>
</template>
</div>
<img width="100%" :src="setupImage"/>

View File

@ -3,7 +3,7 @@
<template slot="header">
梯子
<span>
<a-button type="primary" @click="openExternal('https://github.com/docmirror/dev-sidecar-doc/blob/main/ow.md')"></a-button>
<a-button type="primary" @click="openExternal('https://github.com/docmirror/dev-sidecar-doc/blob/main/ow.md')"></a-button>
</span>
</template>
@ -13,9 +13,11 @@
<a-checkbox v-model="config.plugin.overwall.enabled">
启用
</a-checkbox>
<div>这是什么功能你懂的偷偷的用别声张(不要看视频流量挺小的)</div>
<div>建议按右上角说明自建服务端</div>
<div>仅供技术学习与探讨</div>
<div class="form-help">
这是什么功能你懂的偷偷的用别声张(<b>请不要看视频流量挺小的</b>)<br/>
建议按右上角的<i></i>原理说明<i></i>自建二层代理服务端<br/>
声明仅供技术学习与探讨
</div>
</a-form-item>
<a-form-item label="PAC" :label-col="labelCol" :wrapper-col="wrapperCol">
<a-checkbox v-model="config.plugin.overwall.pac.enabled">
@ -33,9 +35,9 @@
<a-button type="primary" icon="plus" @click="addTarget()"/>
</a-col>
</a-row>
<a-row :gutter="10" v-for="(item,index) of targets" :key = 'index'>
<a-row :gutter="10" v-for="(item,index) of targets" :key="index">
<a-col :span="22">
<a-input v-model="item.key"></a-input>
<a-input v-model="item.key"></a-input>
</a-col>
<a-col :span="2">
<a-button type="danger" icon="minus" @click="deleteTarget(item,index)"/>
@ -53,15 +55,15 @@
<a-button type="primary" icon="plus" @click="addServer()"/>
</a-col>
</a-row>
<a-row :gutter="10" v-for="(item,index) of servers" :key = 'index'>
<a-row :gutter="10" v-for="(item,index) of servers" :key="index">
<a-col :span="6">
<a-input addon-before="" placeholder="yourdomain.com" v-model="item.key"/>
<a-input addon-before="" placeholder="yourdomain.com" v-model="item.key"/>
</a-col>
<a-col :span="5">
<a-input addon-before="" placeholder="443" v-model="item.value.port"/>
<a-input addon-before="" placeholder="443" v-model="item.value.port"/>
</a-col>
<a-col :span="6">
<a-input addon-before="" placeholder="xxxxxx" v-model="item.value.path"/>
<a-input addon-before="" placeholder="xxxxxx" v-model="item.value.path"/>
</a-col>
<a-col :span="5">
<a-input addon-before="" type="password" placeholder="password" v-model="item.value.password"/>
@ -70,8 +72,10 @@
<a-button type="danger" icon="minus" @click="deleteServer(item,index)"/>
</a-col>
</a-row>
<div class="form-help">您可以在此处配置你自己的服务器地址</div>
<div class="form-help">请勿使用来源不明的服务器地址有安全风险</div>
<div class="form-help">
您可以在此处配置自己的代理服务器地址<br/>
警告请勿使用来源不明的服务器地址有安全风险
</div>
</div>
</a-form-item>
</a-form>
@ -83,7 +87,6 @@
</div>
</template>
</ds-container>
</template>
<script>
@ -175,7 +178,6 @@ export default {
}
this.config.plugin.overwall.server = map
}
}
}
</script>

View File

@ -25,8 +25,10 @@
<a-checkbox v-model="config.proxy.setEnv" >
是否同时修改HTTPS_PROXY环境变量不好用不建议勾选
</a-checkbox>
<div class="form-help">当发现某些应用并没有走加速通道或加速报错时可尝试勾选此选项并重新开启系统代理开关</div>
<div class="form-help">注意当前已打开的命令行并不会实时生效需要重新打开一个新的命令行窗口</div>
<div class="form-help">
当发现某些应用并没有走加速通道或加速报错时可尝试勾选此选项并重新开启系统代理开关<br/>
注意当前已打开的命令行并不会实时生效需要重新打开一个新的命令行窗口
</div>
</a-form-item>
<a-form-item v-if="isWindows()" label="设置loopback" :label-col="labelCol" :wrapper-col="wrapperCol">
<a-button @click="loopbackVisible=true"></a-button>

View File

@ -28,8 +28,8 @@
启用远程配置
</a-checkbox>
<div class="form-help">
应用启动时会向下面的地址请求配置补丁获得最新的优化后的github访问体验
<br/>如果您觉得远程更新配置有安全风险请关闭此功能
应用启动时会向下面的地址请求配置补丁获得最新的优化后的github访问体验<br/>
如果您觉得远程更新配置有安全风险请关闭此功能
</div>
</a-form-item>
<a-form-item label="远程配置地址" :label-col="labelCol" :wrapper-col="wrapperCol">
@ -38,8 +38,8 @@
<a-form-item label="重载远程配置" :label-col="labelCol" :wrapper-col="wrapperCol">
<a-button :disabled="config.app.remoteConfig.enabled === false" :loading="reloadLoading" icon="sync" @click="reloadRemoteConfig()"></a-button>
<div class="form-help">
注意部分远程配置文件所在站点修改内容后可能需要等待一段时间才能生效
<br/>如果重载远程配置后发现下载的还是修改前的内容请稍等片刻再重试
注意部分远程配置文件所在站点修改内容后可能需要等待一段时间才能生效<br/>
如果重载远程配置后发现下载的还是修改前的内容请稍等片刻再重试
</div>
</a-form-item>
<a-form-item label="主题设置" :label-col="labelCol" :wrapper-col="wrapperCol">

View File

@ -48,6 +48,12 @@ ol{
font-size:12px;
line-height: 15px;
color: #aaa;
i{
font-family: "Microsoft YaHei", serif;
font-style: normal;
font-weight: bold;
}
}
.ace_search_form .ace_searchbtn{