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

packages/gui/src/view/components/setup-ca.vue

@@ -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"/>

packages/gui/src/view/pages/plugin/overwall.vue

@@ -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 class="form-help">
-          <div>建议按右上角“说明”自建服务端</div>
+            这是什么功能？你懂的！偷偷的用，别声张。(<b>注：请不要看视频，流量挺小的</b>)<br/>
-          <div>仅供技术学习与探讨</div>
+            建议按右上角的<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 class="form-help">请勿使用来源不明的服务器地址，有安全风险</div>
+              您可以在此处配置自己的代理服务器地址。<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>

packages/gui/src/view/pages/proxy.vue

@@ -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 class="form-help">注意：当前已打开的命令行并不会实时生效，需要重新打开一个新的命令行窗口</div>
+          当发现某些应用并没有走加速通道或加速报错时，可尝试勾选此选项，并重新开启系统代理开关<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>

packages/gui/src/view/pages/setting.vue

@@ -28,8 +28,8 @@
           启用远程配置
         </a-checkbox>
         <div class="form-help">
-          应用启动时会向下面的地址请求配置补丁，获得最新的优化后的github访问体验。
+          应用启动时会向下面的地址请求配置补丁，获得最新的优化后的github访问体验。<br/>
-          <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">

packages/gui/src/view/style/index.scss

@@ -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{