新增:用户协议

src/components/PageFooter.vue

@@ -12,7 +12,7 @@
           <div class="footer-block-left-link"><a href="#/download">下载</a></div>
           <div class="footer-block-left-link"><a href="https://shop387046095.taobao.com/?spm=2013.1.1000126.2.61a97e3emY0JZB" target="_blank">MC商城</a></div>
           <div class="footer-block-left-link"><a href="https://ygobbs.com/" target="_blank">联系我们</a></div>
-
+          <div class="footer-block-left-link"><a href="#/rule">用户协议</a></div>
         </div>
 
         <div class="footer-block-info">

src/components/Rule.vue

+<template>
+    <div class="team-boxed">
+        <div class="container">
+            <div class="intro">
+                <h2 id='RuleWelcome' class="text-center">{{lang.rulePage.welcome}} </h2>
+
+                <div id="RuleDesc"></div>
+            </div>
+
+        </div>
+    </div>
+</template>
+
+<script>
+import { mapGetters } from "vuex";
+import "../assets/css/Team-Boxed.css";
+import "../assets/css/Team-Clean.css";
+export default {
+    data() {
+        return {};
+    },
+    mounted: function () {
+        this.createdRuleText();
+    },
+    computed: {
+        ...mapGetters({
+            lang: "getLang",
+        }),
+    },
+    watch: {
+        lang: function (val) {
+            this.initLang();
+        },
+    },
+    events: {
+        "lang-change": function (lang) {
+            this.initLang(lang);
+        },
+    },
+    methods: {
+        initLang: function (lang) {},
+        createdRuleText() {
+            var tempText = this.lang.rulePage.desc;
+
+            var spiltRow = tempText.split("|");
+
+            var tempHtmlText = "";
+            for (var i = 0; i < spiltRow.length; i++) {
+                tempHtmlText += `<p class ="ruleRow">${spiltRow[i]}</p>`;
+            }
+
+            document.getElementById("RuleDesc").innerHTML = tempHtmlText;
+        },
+    },
+};
+</script>
+
+<style >
+#RuleWelcome {
+    color: white;
+}
+
+.team-boxed {
+    color: white;
+    background-color: #1b2738;
+}
+
+.item1 {
+    cursor: pointer;
+}
+
+.team-boxed .item1 .box {
+    text-align: center;
+    padding: 30px;
+    background-color: #1b2738;
+    margin-bottom: 30px;
+}
+.team-boxed .item1 {
+    text-align: center;
+    box-shadow: 10px 10px 15px #1b2738;
+}
+.team-boxed .item1 {
+    text-align: center;
+    box-shadow: 10px 10px 35px black;
+}
+
+.ruleRow {
+    text-align: left;
+    color: white !important;
+}
+</style>
\ No newline at end of file

src/components/lang.js

@@ -28,9 +28,9 @@ module.exports = {
     totalDeck: '卡组总数',
     entertain: '娱乐场',
     athletic: '竞技场',
-    source:"数据来源",
-    tag:"TAG对战",
-    custom:'自由对战',
+    source: "数据来源",
+    tag: "TAG对战",
+    custom: '自由对战',
     search: '查询',
     table_data: '列表数据',
     monster: '怪兽统计',
@@ -41,8 +41,8 @@ module.exports = {
     dueHistory: '最近决斗记录',
     athleticDueHistory: '竞技场决斗记录',
     entertainDueHistory: '娱乐场决斗记录',
-    tagInfo:'绿色表示获胜方，红色则表示掉线。',
-    rates:'卡组胜率',
+    tagInfo: '绿色表示获胜方，红色则表示掉线。',
+    rates: '卡组胜率',
 
     exp_rank: 'EXP 排名',
     athletic_rank: 'D.P 排名',
@@ -52,7 +52,7 @@ module.exports = {
     all: '总场',
     ratio: '胜率',
     violation: '违规次数',
-    shop:"游戏周边❤",
+    shop: "游戏周边❤",
     userRank: {
       expRank: 'EXP排名',
       pointRank: '竞技场排名',
@@ -83,13 +83,13 @@ module.exports = {
 
     cardinfo: {
       cardinfo: "卡片信息",
-      name:"卡名",
-      type:"卡片种类",
-      race:"种族",
-      attribute:"属性",
-      level:"星级",
+      name: "卡名",
+      type: "卡片种类",
+      race: "种族",
+      attribute: "属性",
+      level: "星级",
       attack: "攻击",
-      defend:"防御"
+      defend: "防御"
     },
 
     index: {
@@ -108,6 +108,11 @@ module.exports = {
       h4: '战报系统',
 
       gallery: 'Gallery'
+    },
+    rulePage: {
+      welcome: "MyCard用户协议",
+      desc: "萌卡平台（以下简称萌卡）尊重并保护所有使用服务用户的个人隐私权。为了给您提供更准确、更有个性化的服务，萌卡会按照此隐私权政策的规定使用和披露您的个人信息。除本隐私权政策另有规定外，在未征得您事先许可的情况下，本游戏不会将这些信息对外披露或向第三方提供。您在同意本游戏服务使用协议之时，即视为您已经同意本隐私权政策全部内容。本隐私权政策属于游戏服务使用协议不可分割的一部分。|1. 适用范围|a) 萌卡暂时没有服务需要任何您的个人信息，如果后期需要个人信息，将会更新此隐私政策。|您了解并同意，以下信息不适用本隐私权政策：|a) 您在使用本游戏平台提供的搜索服务时输入的关键字信息；|b) 本游戏收集到的您发布的有关信息数据，包括但不限于参与活动、成交信息及评价详情；|c) 违反法律规定或违反本游戏规则行为及本游戏已对您采取的措施。|2. 信息使用|a) 本游戏不会向任何无关第三方提供、出售、出租、分享或交易您的个人信息，除非事先得到您的许可，或该第三方和本游戏（含本游戏关联公司）单独或共同为您提供服务，且在该服务结束后，其将被禁止访问包括其以前能够访问的所有这些资料。|b) 本游戏亦不允许任何第三方以任何手段收集、编辑、出售或者无偿传播您的个人信息。任何本游戏平台用户如从事上述活动，一经发现，本有权立即终止与该用户的服务协议。|c) 为服务用户的目的，本游戏可能通过使用您的个人信息，向您提供您感兴趣的信息，包括但不限于向您发出产品和服务信息，或者与本游戏合作伙伴共享信息以便他们向您发送有关其产品和服务的信息（后者需要您的事先同意）。|3. 信息披露|在如下情况下，本游戏将依据您的个人意愿或法律的规定全部或部分的披露您的个人信息：|a) 经您事先同意，向第三方披露；|b) 为提供您所要求的产品和服务，而必须和第三方分享您的个人信息；|c) 根据法律的有关规定，或者行政或司法机构的要求，向第三方或者行政、司法机构披露；|d) 如您出现违反中国有关法律、法规或者本游戏服务协议或相关规则的情况，需要向第三方披露；|e) 如您是适格的知识产权投诉人并已提起投诉，应被投诉人要求，向被投诉人披露，以便双方处理可能的权利纠纷；|f) 其它本游戏根据法律、法规或者网站政策认为合适的披露。|4. 信息存储和交换|本游戏收集的有关您的信息和资料将保存在本游戏及（或）其关联公司的服务器上，这些信息和资料可能传送至您所在国家、地区或本游戏收集信息和资料所在地的境外并在境外被访问、存储和展示。|本游戏所需要的权限如下：|外部存储读写权限|以上权限仅用于最基本的游戏服务，不会获取包含隐私的其他权限。|抵制不良游戏，拒绝盗版游戏。|注意自我保护，谨防受骗上当。|适度游戏益脑，沉迷游戏伤身。|合理安排时间，享受健康生活。",
+
     }
 
   },
@@ -119,7 +124,7 @@ module.exports = {
     rank: 'User rank',
     battlelog: 'Battle log',
     card_rank: 'Meta Check',
-    race:"Race",
+    race: "Race",
     download: 'Download',
     profile: 'Profile',
     account: 'Account',
@@ -139,9 +144,9 @@ module.exports = {
     totalDeck: 'Group count',
     entertain: 'Entertain',
     athletic: 'Athletic',
-    source:"DataSource",
-    tag:"TAG",
-    custom:'Custom',
+    source: "DataSource",
+    tag: "TAG",
+    custom: 'Custom',
     search: 'Search',
     table_data: 'Data',
     monster: 'Monster',
@@ -152,8 +157,8 @@ module.exports = {
     dueHistory: 'Recent Due History',
     athleticDueHistory: 'Athletic Due History',
     entertainDueHistory: 'Entertain Due History',
-    tagInfo:'Green tag represents the winner.Red tag represents player lost connection.',
-    rates:'Win Rate Chart',
+    tagInfo: 'Green tag represents the winner.Red tag represents player lost connection.',
+    rates: 'Win Rate Chart',
     exp_rank: 'EXP Rank',
     athletic_rank: 'D.P Rank',
     win: 'Win',
@@ -162,8 +167,8 @@ module.exports = {
     all: 'All',
     ratio: 'W/L',
     violation: 'Violation',
-    shop:"Merch❤",
-    database:"DataBase",
+    shop: "Merch❤",
+    database: "DataBase",
     userRank: {
       expRank: 'EXP Rank',
       pointRank: 'Athletic Rank',
@@ -195,13 +200,13 @@ module.exports = {
 
     cardinfo: {
       cardinfo: "Card Info",
-      name:"Name",
-      type:"Card Type",
-      race:"Race",
-      attribute:"Attribute",
-      level:"Level",
+      name: "Name",
+      type: "Card Type",
+      race: "Race",
+      attribute: "Attribute",
+      level: "Level",
       attack: "Attack",
-      defend:"Defend"
+      defend: "Defend"
     },
 
     index: {

src/router/index.js

@@ -6,6 +6,7 @@ import Cards from '@/components/Cards'
 import Rates from '@/components/Rates'
 import Ranking from '@/components/Ranking'
 import Download from '@/components/Download'
+import Rule from '@/components/Rule'
 import Profile from '@/components/Profile'
 import Userinfo from '@/components/Userinfo'
 import Cardinfo from '@/components/Cardinfo'
@@ -59,6 +60,11 @@ export default new Router({
           name: 'Download',
           component: Download
         },
+        {
+          path: '/rule',
+          name: 'Rule',
+          component: Rule
+        },
         {
           path: '/profile',
           name: 'Profile',