github
/
dev-sidecar
mirror of https://github.com/docmirror/dev-sidecar
1
0
Fork 0
Code Issues Releases Wiki Activity

样式优化。

pull/355/head
王良 2024-09-13 15:29:50 +08:00
parent a58058931d
commit b6d958342b
9 changed files with 47 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/gui/src/view/pages/plugin/git.vue
View File

@ -30,7 +30,7 @@
<div>
<a-row :gutter="10">
<a-col :span="22">
<span>Git.exe将不代理以下仓库；可以是根地址、组织/机构地址、完整地址</span>
<span><code>Git.exe</code>将不代理以下仓库；可以是根地址、组织/机构地址、完整地址</span>
</a-col>
<a-col :span="2">
<a-button type="primary" icon="plus" @click="addNoProxyUrl()"/>

6
packages/gui/src/view/pages/plugin/node.vue
View File

@ -40,7 +40,7 @@
taobao镜像
</a-radio-button>
</a-radio-group>
<div class="form-help">设置后立即生效，即使关闭ds也会继续保持</div>
<div class="form-help">设置后立即生效，即使关闭 ds 也会继续保持</div>
</a-form-item>
<a-form-item label="yarn仓库镜像" :label-col="labelCol" :wrapper-col="wrapperCol">
@ -52,14 +52,14 @@
taobao镜像
</a-radio-button>
</a-radio-group>
<div class="form-help">设置后立即生效，即使关闭ds也会继续保持</div>
<div class="form-help">设置后立即生效，即使关闭 ds 也会继续保持</div>
</a-form-item>
<a-form-item label="镜像变量设置" :label-col="labelCol" :wrapper-col="wrapperCol">
<a-checkbox v-model="config.plugin.node.startup.variables">
自动设置，启动npm加速开关时将会设置如下环境变量
</a-checkbox>
<div class="form-help">某些库需要自己设置镜像变量，才能下载，比如：electron</div>
<div class="form-help">某些库需要自己设置镜像变量，才能下载，比如：<code>electron</code></div>
<a-row :gutter="10" style="margin-top: 2px" v-for="(item,index) of npmVariables" :key='index'>
<a-col :span="10">
<a-input v-model="item.key" :title="item.key" readOnly></a-input>

4
packages/gui/src/view/pages/plugin/overwall.vue
View File

@ -14,7 +14,7 @@
启用
</a-checkbox>
<div class="form-help">
这是什么功能？你懂的！偷偷的用，别声张。(<b>注：请不要看视频，流量挺小的</b>)<br/>
这是什么功能？你懂的！偷偷的用，别声张。<code><b>注：请不要看视频，流量挺小的</b></code><br/>
建议按右上角的<i>“</i>原理说明<i>”</i>自建二层代理服务端。<br/>
声明：仅供技术学习与探讨！
</div>
@ -38,7 +38,7 @@
<a-form-item label="远程PAC文件地址" :label-col="labelCol" :wrapper-col="wrapperCol">
<a-input v-model="config.plugin.overwall.pac.pacFileUpdateUrl"/>
<div class="form-help">
远程PAC文件内容可以是 base64 编码格式，也可以是未经过编码的
远程PAC文件内容可以是<code>base64</code>编码格式，也可以是未经过编码的
</div>
</a-form-item>
<hr/>

6
packages/gui/src/view/pages/plugin/pip.vue
View File

@ -21,7 +21,7 @@
<!-- </a-form-item>-->
<a-form-item label="pip命令名" :label-col="labelCol" :wrapper-col="wrapperCol">
<a-input v-model="config.plugin.pip.setting.command"></a-input>
<div class="form-help">如果你的pip命令改成了其他名字（如pip3），或者想设置绿色版pip程序路径，可在此处修改</div>
<div class="form-help">如果你的<code>pip</code>命令改成了其他名字（如<code>pip3</code>），或想设置绿色版<code>pip</code>程序路径，可在此处修改</div>
</a-form-item>
<a-form-item label="仓库镜像" :label-col="labelCol" :wrapper-col="wrapperCol">
<a-radio-group v-model="config.plugin.pip.setting.registry" @change="onSwitchRegistry"
@ -60,13 +60,13 @@
山东理工大学镜像
</a-radio-button>
</a-radio-group>
<div class="form-help">设置后立即生效，即使关闭ds也会继续保持</div>
<div class="form-help">设置后立即生效，即使关闭 ds 也会继续保持</div>
</a-form-item>
<a-form-item label="信任仓库域名" :label-col="labelCol" :wrapper-col="wrapperCol">
<a-input v-model="config.plugin.pip.setting.trustedHost"></a-input>
<div class="form-help">
使用以上域名安装包时，不会进行SSL证书验证，多个域名用空格隔开<br/>
注意：切换仓库镜像同时会修改pip.ini中的trusted-host配置，即使关闭ds也会继续保持
注意：切换仓库镜像同时会修改<code>pip.ini</code>中的<code>trusted-host</code>配置，即使关闭 ds 也会继续保持
</div>
</a-form-item>
</a-form>

10
packages/gui/src/view/pages/proxy.vue
View File

@ -26,13 +26,13 @@
是否代理HTTP请求
</a-checkbox>
<div class="form-help">
勾选时，同时代理HTTP和HTTPS请求；不勾选时，只代理HTTPS请求<br/>
提示：仅为了加速访问github网站的用户，建议不勾选。
勾选时，同时代理<code>HTTP</code>和<code>HTTPS</code>请求；不勾选时，只代理<code>HTTPS</code>请求<br/>
提示：仅为了加速访问<code>Github网站</code>的用户，建议不勾选。
</div>
</a-form-item>
<a-form-item v-if="isWindows()" label="设置环境变量" :label-col="labelCol" :wrapper-col="wrapperCol">
<a-checkbox v-model="config.proxy.setEnv" >
是否同时修改HTTPS_PROXY环境变量（不好用，不建议勾选）
是否同时修改<code>HTTPS_PROXY</code>环境变量（不好用，不建议勾选）
</a-checkbox>
<div class="form-help">
当发现某些应用并没有走加速通道或加速报错时，可尝试勾选此选项，并重新开启系统代理开关<br/>
@ -41,13 +41,13 @@
</a-form-item>
<a-form-item v-if="isWindows()" label="设置loopback" :label-col="labelCol" :wrapper-col="wrapperCol">
<a-button @click="loopbackVisible=true">去设置</a-button>
<div class="form-help">解决OneNote、MicrosoftStore、Outlook等UWP应用开启代理后无法访问网络的问题</div>
<div class="form-help">解决<code>OneNote</code>、<code>MicrosoftStore</code>、<code>Outlook</code>等<code>UWP应用</code>开启代理后无法访问网络的问题</div>
</a-form-item>
<a-form-item label="排除地址配置" :label-col="labelCol" :wrapper-col="wrapperCol">
<div>
<a-row :gutter="10">
<a-col :span="22">
<span>访问的域名或IP符合下列格式时，将跳过系统代理</span>
<span>访问的域名或IP符合下列配置时，将跳过系统代理</span>
</a-col>
<a-col :span="2">
<a-button type="primary" icon="plus" @click="addExcludeIp()"/>

23
packages/gui/src/view/pages/server.vue
View File

@ -30,7 +30,7 @@
</a-form-item>
<a-form-item label="绑定IP" :label-col="labelCol" :wrapper-col="wrapperCol">
<a-input v-model="config.server.host"/>
<div class="form-help">你可以设置0.0.0.0，让其他电脑可以使用此代理服务</div>
<div class="form-help">你可以设置为<code>0.0.0.0</code>，让其他电脑可以使用此代理服务</div>
</a-form-item>
<a-form-item label="代理端口" :label-col="labelCol" :wrapper-col="wrapperCol">
<a-input-number v-model="config.server.port" :min="0" :max="65535"/>
@ -60,13 +60,13 @@
<a-checkbox v-model="config.server.intercept.enabled">
启用拦截
</a-checkbox>
<div class="form-help">关闭拦截，且关闭功能增强的话，就不需要安装根证书，退化为安全模式</div>
<div class="form-help">关闭拦截，且关闭功能增强时，就不需要安装根证书，退化为安全模式</div>
</a-form-item>
<a-form-item label="启用脚本" :label-col="labelCol" :wrapper-col="wrapperCol">
<a-checkbox v-model="config.server.setting.script.enabled">
允许插入并运行脚本
</a-checkbox>
<div class="form-help">关闭后，github的clone加速链接复制也将关闭</div>
<div class="form-help">关闭后，<code>Github油猴脚本</code>也将关闭</div>
</a-form-item>
</div>
</a-tab-pane>
@ -77,11 +77,11 @@
<a-tab-pane tab="超时时间设置" key="3">
<div style="height:100%;display:flex;flex-direction:column;padding-right:10px">
<a-form-item label="默认超时时间" :label-col="labelCol" :wrapper-col="wrapperCol">
请求：<a-input-number v-model="config.server.setting.defaultTimeout" :step="1000" :min="1000"/> ms，对应<span class="tip">timeout</span>属性<br/>
连接：<a-input-number v-model="config.server.setting.defaultKeepAliveTimeout" :step="1000" :min="1000"/> ms，对应<span class="tip">keepAliveTimeout</span>属性
请求：<a-input-number v-model="config.server.setting.defaultTimeout" :step="1000" :min="1000"/> ms，对应<code>timeout</code>配置<br/>
连接：<a-input-number v-model="config.server.setting.defaultKeepAliveTimeout" :step="1000" :min="1000"/> ms，对应<code>keepAliveTimeout</code>配置
</a-form-item>
<hr style="margin-bottom:15px"/>
<div>这里指定域名的超时时间：<span class="form-help">（以下github的配置为示例，预计将在 1.8.7 版本删除）</span></div>
<div>这里指定域名的超时时间：<span class="form-help">（域名配置可使用通配符或正则）</span></div>
<vue-json-editor style="flex-grow:1;min-height:300px;margin-top:10px" ref="editor" v-model="config.server.setting.timeoutMapping" mode="code"
:show-btns="false" :expandedOnStart="true"></vue-json-editor>
</div>
@ -106,7 +106,10 @@
</a-tab-pane>
<a-tab-pane tab="IP预设置" key="5">
<div style="height:100%;display:flex;flex-direction:column">
<div>提示：<span class="tip">IP预设置</span>功能，优先级高于 <span class="tip">DNS设置</span>；域名配置可使用通配符或正则</div>
<div>
提示：<code>IP预设置</code>功能，优先级高于 <code>DNS设置</code>
<span class="form-help">（域名配置可使用通配符或正则）</span>
</div>
<vue-json-editor style="flex-grow:1;min-height:300px;margin-top:10px;" ref="editor" v-model="config.server.preSetIpList" mode="code"
:show-btns="false" :expandedOnStart="true"></vue-json-editor>
</div>
@ -145,8 +148,8 @@
</a-tab-pane>
<a-tab-pane tab="IP测速" key="8">
<div class="ip-tester" style="padding-right: 10px">
<a-alert type="info" message="对从dns获取到的ip进行测速，使用速度最快的ip进行访问。（对使用增强功能的域名没啥用）"></a-alert>
<a-form-item label="开启dns测速" :label-col="labelCol" :wrapper-col="wrapperCol">
<a-alert type="info" message="对从DNS获取到的IP进行测速，使用速度最快的IP进行访问（注意：对使用了增强功能的域名没啥用）"></a-alert>
<a-form-item label="开启DNS测速" :label-col="labelCol" :wrapper-col="wrapperCol">
<a-checkbox v-model="getSpeedTestConfig().enabled">
启用
</a-checkbox>
@ -154,7 +157,7 @@
<a-form-item label="自动测试间隔" :label-col="labelCol" :wrapper-col="wrapperCol">
<a-input-number id="inputNumber" v-model="getSpeedTestConfig().interval" :step="1000" :min="1"/> ms
</a-form-item>
<div>使用以下dns获取ip进行测速</div>
<div>使用以下DNS获取IP进行测速</div>
<a-row style="margin-top:10px">
<a-col span="24">
<a-checkbox-group

2
packages/gui/src/view/pages/setting.vue
View File

@ -129,7 +129,7 @@
</a-radio-button>
</a-radio-group>
<div class="form-help">
预发布版本号为带有 “-” 的版本。注：该配置只对当前版本为正式版本时有效。
预发布版本号为带有 “<code>-</code>” 的版本。注：该配置只对当前版本为正式版本时有效。
</div>
</a-form-item>
</div>

22
packages/gui/src/view/style/index.scss
View File

@ -47,22 +47,30 @@ ol{
.form-help{
font-size:12px;
line-height: 15px;
color: #aaa;
color: #a1a1a1;
i{
font-family: "Microsoft YaHei", serif;
font-style: normal;
font-weight: bold;
}
code {
padding: 0 .4em;
}
}
.tip {
color: #aaa;
font-family: "Microsoft YaHei", serif;
code {
font-size: 85%;
font-style: normal;
font-weight: bold;
margin-left: 3px;
margin-right: 3px;
border-radius: 6px;
color: #888;
background-color: #f1f1f1;
margin-left: .2em;
margin-right: .2em;
padding: .2em .4em;
white-space: break-spaces;
display: inline-block;
}
.ace_search_form .ace_searchbtn{

7
packages/gui/src/view/style/theme/dark.scss
View File

@ -22,10 +22,11 @@ $dark-input: #777; //输入框：背景色
color: $dark-text;
}
.form-help {
color: #999
color: #a1a1a1;
}
.tip {
color: #999;
code {
color: #bbb;
background-color: #333;
}
/* 高亮块：背景色和字体颜色 */