udxcms 1.0.2 → 1.0.4

package/dist/views/customService/team.vue

@@ -0,0 +1,245 @@
+<template>
+    <div class='team'>
+        <div class="visible-pc">
+        <Header :showMiddleInfo="true" />
+        </div>
+        <div class="visible-h5">
+        <Top class="top" />
+        </div>
+        <div>
+            <div class='team-content'>
+                <div class='top'>
+                    <div class='top-title'>Our Team</div>
+                </div>
+                <div class='item-list-box'>
+                    <div class='item'>
+                        <div class='head'>
+                            <img :src="aboutConfig.team_logo_1"/>
+                            <div class='name'>{{$t('cms_about_team_user1_name')}}</div>
+                        </div>
+                        <div class='description'>
+                            {{$t('cms_about_team_user1_description')}}
+                        </div>
+                    </div>
+                    <div class='item item-left'>
+                        <div class='description'>{{$t('cms_about_team_user2_description')}}</div>
+                        <div class='head'>
+                            <img :src="aboutConfig.team_logo_2">
+                            <div class='name'>{{$t('cms_about_team_user2_name')}}</div>
+                        </div>
+                    </div>
+                </div>
+                <div class='mission-box'>
+                    <div class='msg'>
+                        <div class='title'>{{$t('cms_about_team_item1_title')}}</div>
+                        <div class='desc'>{{$t('cms_about_team_item1_content')}}</div>
+                    </div>
+                    <div class='mission-bg'></div>
+                </div>
+                <div class='putting'>
+                    <div class='msg'>
+                        <div class='content'>
+                            <div class='title'>
+                                {{$t('cms_about_team_item2_title')}}
+                            </div>
+                            <div class='desc'>
+                                {{$t('cms_about_team_item2_content')}}
+                            </div>
+                        </div>
+                    </div>
+                    <div class='img'>
+                        <img src="../../assets/component_img/putting.png" alt="" />
+                    </div>
+                </div>
+            </div>
+            <Footer />
+        </div>
+    </div>
+</template>
+
+<script>
+    export default {
+        name: 'team',
+        computed: {
+            aboutConfig() {
+                return this.$store.state.theme?.common?.common_conf?.aboutConfig;
+            }
+        }
+    }
+</script>
+
+<style lang="less" scoped>
+    .team-content {
+        background: white;
+        .top {
+            height: 120px;
+            background: url('../../assets/component_img/about-team-bg2.png');
+            background-size: contain;
+            background-repeat: no-repeat;
+            line-height: 120px;
+            text-align: center;
+            font-size: 40px;
+            font-family: FontBold;
+            color: white;
+        }
+        .item-list-box {
+            padding: 60px 30px 80px 30px;
+            .item {
+                display: grid;
+                gap: 30px;
+                grid-template-columns: 80px 1fr;
+                &:not(:last-child) {
+                    margin-bottom: 80px;
+                }
+                &.item-left {
+                    grid-template-columns: 1fr 80px;
+                }
+                .head {
+                    width: 80px;
+                    img {
+                        width: 80px;
+                        height: 80px;
+                        border-radius: 50%;
+                    }
+                    .name {
+                        margin-top: 18px;
+                        text-align: center;
+                        font-size: 14px;
+                        color: #000000;
+                        white-space: nowrap;
+                    }
+                }
+                .description {
+                    flex: 1;
+                    height: 100%;
+                    display: flex;
+                    align-items: center;
+                    font-size: 16px;
+                    color:#4F4F4F;
+                    line-height: 24px;
+                }
+            }
+        }
+        .mission-box {
+            padding: 0 30px 80px 30px;
+            text-align: center;
+            .msg {
+                .title {
+                    font-family: FontSemiBold;
+                    color: var(--text-color);
+                    font-size: 40px;
+                    line-height: 48px;
+                }
+                .desc {
+                    display: inline-block;
+                    width: 550px;
+                    max-width: 100%;
+                    margin: auto 0;
+                    margin-top: 24px;
+                    font-size: 16px;
+                    line-height: 24px;
+                    color: #4F4F4F;
+                }
+            }
+            .mission-bg {
+                margin-top: 64px;
+                height: 130px;
+                background: url('../../assets/component_img/mission-bg.png');
+                background-size: cover;
+                background-repeat: no-repeat;
+            }
+        }
+        .putting {
+            padding: 20px 30px 80px 30px;
+            display: flex;
+            justify-content: space-between;
+            flex-wrap: wrap;
+            .msg {
+                flex: 1;
+                display: flex;
+                align-content: center;
+
+                .content {
+                    .title {
+                        font-size: 40px;
+                        font-family: FontBold;
+                        color: var(--text-color);
+                        line-height: 48px;
+                    }
+                    .desc {
+                        margin-top: 24px;
+                        font-size: 16px;
+                        line-height: 24px;
+                        color: #4F4F4F;
+                    }
+                }
+            }
+            .img {
+                margin-top: 30px;
+                width: 550px;
+                max-width: 100%;
+                img {
+                    width: 100%;
+                    height: auto;
+                }
+            }
+        }
+    }
+
+    @media screen and (min-width: 1200px) {
+        .team-content {
+            .top {
+                height: 320px;
+                background-size: cover;
+                line-height: 320px;
+            }
+            .item-list-box {
+                max-width: 1440px;
+                margin: 0 auto;
+                padding: 100px 120px 140px 120px;
+                .item {
+                    display: grid;
+                    gap: 72px;
+                    grid-template-columns: 240px 1fr;
+                    &.item-left {
+                        grid-template-columns: 1fr 240px;
+                    }
+                    .head {
+                        width: 240px;
+                        img {
+                            width: 240px;
+                            height: 240px;
+                        }
+                        .name {
+                            margin-top: 24px;
+                            font-size: 24px;
+                        }
+                    }
+                }
+            }
+            .mission-box {
+                max-width: 1440px;
+                margin: 0 auto;
+                padding: 0 120px 150px 120px;
+                .mission-bg {
+                    margin-top: 64px;
+                    height: 260px;
+                    background: url('../../assets/component_img/mission-bg.png');
+                    background-size: contain;
+                    background-repeat: no-repeat;
+                }
+            }
+            .putting {
+                max-width: 1440px;
+                margin: 0 auto;
+                padding: 0px 120px 150px 120px;
+                .msg {
+                    padding-right: 128px;
+                }
+                .img {
+                    margin-top: 0;
+                }
+            }
+        }
+    }
+</style>

package/dist/views/customService/term.vue

@@ -0,0 +1,88 @@
+<!--
+ * @Author:
+ * @Date: 2021-01-15 10:25:20
+ * @LastEditTime: 2021-08-06 00:24:46
+ * @LastEditors: Lewis
+ * @Description:
+-->
+<template>
+    <div class='events-view term'>
+        <Header :scrollTop="500"/>
+        <PowxBread :list="navList">
+        </PowxBread>
+        <div class='whitepaper-content ivu-scroll'>
+            <div class='title'>{{term.title || 'Terms of Service'}}</div>
+            <p class='content' v-html='term.description'>
+            </p>
+        </div>
+    </div>
+</template>
+
+<script>
+    import { getService } from '../../api/common'
+    export default {
+        name: 'term',
+        data() {
+            return {
+                navList: [
+                    {name: 'Home', path: '/'},
+                    {name: 'Term', path: ''}
+                ],
+                term: {
+                    title: 'Terms of Service',
+                    description: ''
+                }
+            }
+        },
+        mounted() {
+            this.init()
+        },
+        methods: {
+            init() {
+                getService().then(res => {
+                    this.term = res.data && res.data.data || {}
+                }).catch(e => e)
+            }
+        }
+    }
+</script>
+
+<style lang="less" scoped>
+    .pdfobject-container {
+        height: 600px;
+    }
+    .events-view {
+        width:1200px;
+        padding-top: 60px;
+        margin:0 auto;
+        .whitepaper-down {
+            font-size: 16px;
+            font-family: Font;
+            text-decoration: underline;
+            text-align: left;
+            color: var(--primary-color);
+            cursor: pointer;
+            margin-top: 7px;
+        }
+        .whitepaper-content {
+            border: 1px solid var(--border-color-base);
+            border-radius: 6px;
+            box-shadow: 0px 4px 12px 0px rgba(17,51,83,0.02);
+        }
+        .title {
+            padding: 36px 0;
+            font-size: 24px;
+            font-family: Font;
+            color: var(--text-color);
+            text-align: center;
+        }
+        .content {
+            text-indent: 2em;
+            font-size: 14px;
+            font-family: Font;
+            color: var(--text-color);
+            line-height: 24px;
+            padding: 0 40px 40px 40px;
+        }
+    }
+</style>

package/dist/views/customService/vote.vue

@@ -0,0 +1,133 @@
+<!--
+ * @Author: Sneed
+ * @Date: 2021-03-17 11:11:58
+ * @LastEditTime: 2021-09-02 16:20:01
+ * @LastEditors: Lewis
+ * @Description:
+-->
+<template>
+  <div class="vote">
+    <Header :scrollTop="500" />
+    <PowxBread :list="navList"> </PowxBread>
+    <div class="vote-content">
+      <div class="vote-title" v-html="arr[0]"></div>
+      <div class="vote-des">
+        <p v-html="arr[1]"></p>
+        <!-- <p>A minimum threhold of 1 % of the total MOBI supply is required to submit proposals .</p> -->
+      </div>
+      <div class="vote-des">
+        <p v-html="arr[2]"></p>
+        <!-- <p>A minimum threhold of 1 % of the total MOBI supply is required to submit proposals .</p> -->
+      </div>
+      <div class="read">
+        <a href="">{{ arr[3] }}</a>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import conf from "../../config/index"
+import { loadImportScript } from "../../utils/index"
+import { mapState } from "vuex"
+export default {
+  name: "",
+  data() {
+    return {
+      navList: [
+        { name: this.$t("cms_announcement_home"), path: "/" },
+        { name: this.$t("index_header_menu_vote"), path: "/cms/vote" },
+      ],
+      arr: [],
+    };
+  },
+  computed: mapState({
+    lang: (state) => state.language,
+    localHostname: (state) => state.localHostname,
+  }),
+  created() {
+    // 接口CDN化。
+    loadImportScript(
+      `${conf.sitePath}${window.mainHostname}/help/APPROVE_${this.lang}.js`
+    )
+      .then(() => {
+        const data = window.message;
+        let reg = /<\/?.+?\/?>/g;
+        let arr = data.description.split("<br>").map((item) => {
+          return item.replace(reg, "");
+        });
+        this.arr = arr;
+      })
+      .catch(() => false);
+    // getAnnouncement('APPROVE').then(res=>{
+    //     let reg=/<\/?.+?\/?>/g;
+    //     let arr = res.data.content.split('<br>').map(item=>{
+    //         return item.replace(reg,'')
+    //     })
+    //     this.arr = arr;
+    // })
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.vote {
+  width: 1200px;
+  padding-top: 60px;
+  margin: 0 auto;
+  .vote-content {
+    width: 640px;
+    margin: 0 auto;
+    margin-top: 30px;
+    overflow: hidden;
+    .vote-title {
+      width: 100%;
+      height: 140px;
+      padding: 36px 40px;
+      background: url("../../assets/img/vote-bg.png") 0 0 no-repeat;
+      background-size: contain;
+      font-size: 20px;
+      font-family: Font;
+
+      text-align: left;
+      color: #ffffff;
+      line-height: 34px;
+    }
+    .vote-des {
+      margin-top: 20px;
+      width: 640px;
+      height: 124px;
+      background: #ffffff;
+      border-radius: 20px;
+      padding: 20px 40px;
+      p:first-child {
+        font-size: 20px;
+        font-family: Font;
+
+        text-align: left;
+        color: var(--text-color);
+        line-height: 20px;
+      }
+      p:last-child {
+        margin-top: 16px;
+        font-size: 16px;
+        font-family: Font;
+
+        text-align: left;
+        color: #708599;
+        line-height: 24px;
+      }
+    }
+    .read {
+      margin-top: 20px;
+      text-align: center;
+      font-size: 16px;
+      font-family: Font;
+
+      text-align: center;
+      color: var(--primary-color);
+      line-height: 16px;
+    }
+  }
+}
+</style>

package/dist/views/customService/whitepaper.vue

@@ -0,0 +1,126 @@
+<!--
+ * @Author:
+ * @Date: 2020-12-11 15:32:29
+ * @LastEditTime: 2021-08-24 18:19:57
+ * @LastEditors: Lewis
+ * @Description:
+-->
+<template>
+  <div class="events-view">
+    <!-- <nav-inner :nav='navList'>
+
+        </nav-inner> -->
+    <Header :scrollTop="500" />
+    <PowxBread :list="navList">
+      <div class="whitepaper-down opcHover" @click="downLoad">Download »</div>
+    </PowxBread>
+    <div class="whitepaper-content ivu-scroll">
+      <div class="title">{{ whitePaper.title || "whitePaper" }}</div>
+      <p class="content" v-html="whitePaper.content" v-if="false"></p>
+      <div id="whitePaper"></div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getWhitePaper } from "../../api/common";
+import { Pdfembed } from "../../utils/pdf.js";
+export default {
+  name: "whitepaper",
+  data() {
+    return {
+      navList: [
+        { name: "Home", path: "/" },
+        { name: "Whitepaper", path: "" },
+      ],
+      whitePaper: {
+        title: "",
+        content: "",
+        file_url: "",
+      },
+      isDownLoad: false,
+    };
+  },
+  mounted() {
+    this.getWhitePaperFunc();
+    this.init();
+  },
+  methods: {
+    init() {},
+    getWhitePaperFunc() {
+      getWhitePaper({ announcement_type: "white_paper" }).then((res) => {
+        if (res.data.code == 200) {
+          let resData = res.data.data;
+          this.whitePaper.title = resData.title;
+          this.whitePaper.content = resData.content;
+          this.whitePaper.file_url = resData.file_url;
+          Pdfembed().embed("./boo.pdf", "#whitePaper", {
+            pdfOpenParams: {
+              view: "FitV",
+              pagemode: "thumbs",
+              search: "lorem ipsum",
+            },
+            forcePDFJS: true,
+          });
+        }
+      }).catch(e => e);
+    },
+    downLoad() {
+      var reg = /([^\\/]+)\.([^\\/]+)/i;
+      let filename = "./boo.pdf";
+      var a = document.createElement("a");
+      a.href = filename;
+      a.download = reg.exec(filename)[1];
+      var body = document.getElementsByTagName("body")[0];
+      body.appendChild(a);
+      a.click();
+      body.removeChild(a);
+    },
+    removeEmbed() {
+      var body = document.getElementsByTagName("body")[0];
+      let initembed = document.getElementById("embed");
+      if (initembed) body.removeChild(initembed);
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.pdfobject-container {
+  height: 600px;
+}
+.events-view {
+  width: 1200px;
+  padding-top: 60px;
+  margin: 0 auto;
+  .whitepaper-down {
+    font-size: 16px;
+    font-family: Font;
+    text-decoration: underline;
+    text-align: left;
+    color: var(--primary-color);
+    cursor: pointer;
+    margin-top: 7px;
+  }
+  .whitepaper-content {
+    border: 1px solid var(--border-color-base);
+    border-radius: 6px;
+    box-shadow: 0px 4px 12px 0px rgba(17, 51, 83, 0.02);
+  }
+  .title {
+    padding: 36px 0;
+    font-size: 24px;
+    font-family: Font;
+    color: var(--text-color);
+    text-align: center;
+  }
+  .content {
+    text-indent: 2em;
+    font-size: 14px;
+    font-family: Font;
+    color: var(--text-color);
+    line-height: 24px;
+    padding: 0 40px 40px 40px;
+  }
+}
+</style>