Merge branch 'patch-1' into 'master'

update SuperPre

See merge request !4

src/components/SuperPre.vue

@@ -8,19 +8,21 @@
             </section>
             <section class="server-info">
                 <h2>MC超先行服主机地址</h2>
-                <p>主机地址：mygo.superpre.pro 端口:888</p>
-                <p>房间名留空时，既为匹配模式。与其他直连服务器使用方法相同。</p>
-                <p><a href="https://ygo233.com/usage" class="btn">直连服务器使用方法</a></p>
+                <p>主机地址：<code>mygo.superpre.pro</code> 端口：<code>888</code></p>
+                <p>房间名留空时，即为随机对战模式。与其他直连服务器<a href="https://ygo233.com/usage" target="_blank">使用方法</a>相同。</p>
                 <p>若遇到了Bug需要反馈，请在<a href="https://ygobbs.com/c/10" class="feedback">MC社区BUG区</a>发帖反馈。</p>
-                <p>如果你想参与开发，请见本文：<a href="https://ygobbs.com/t/449691" class="download">YGOPro更新事务招人</a></p>
+                <p>如果你想参与开发，请见本文：<a href="https://ygobbs.com/t/449691">YGOPro更新事务招人</a>。</p>
             </section>
             <section class="update-method">
-                <p><a href="https://cdn02.moecube.com:444/ygopro-super-pre/archive/ygopro-super-pre.ypk" class="btn">超先行补丁下载地址</a></p>
                 <h2>使用方法</h2>
+                <p><a href="https://cdn02.moecube.com:444/ygopro-super-pre/archive/ygopro-super-pre.ypk" class="btn download">超先行补丁下载</a></p>
                 <ol>
                 <li>下载超先行补丁。</li>
-                <li>你会下载到一个ypk文件。将文件放在你的ygopro/ygopro2/ygomobile游戏目录下的expansions文件夹。</li>
-                <li>如果你使用的是YGOMobile，也可以在YGOMobile自带的先行卡页面下载安装。注意在设置页面打钩允许使用拓展卡，先行卡才会适用。</li>
+                <li>你会下载到一个ypk文件。<br>
+                    将该文件放在你的YGOPro/YGOPro2/YGOMobile游戏目录下的expansions文件夹，并重启游戏。</li>
+                <li>更新时重新下载补丁并替换expansions文件夹中的原有文件。<br>
+                    超先行卡经常更新，请积极更新你的补丁。</li>
+                <li>如果你使用的是YGOMobile，也可以在YGOMobile自带的先行卡界面一键下载安装。</li>
                 <li>使用MC超先行服务器，开始决斗！</li>
                 </ol>
                 <p>超先行更新时间：<span class="updateTime"></span></p>
@@ -186,6 +188,11 @@ export default {
 	line-height: 1.6;
 	}
 
+  .server-info code {
+  color: #444;
+  background-color: #d2d9e7;
+  }
+
 	.server-info, .update-method {
 	margin-top: 40px;
 	}
@@ -243,6 +250,10 @@ export default {
 		display: none;
 	}
 
+  #preTable .desc {
+    white-space: pre-wrap;
+  }
+
 	.text {
 		vertical-align: top;
 	}