udxcms 1.0.10 → 1.0.11

package/dist/components/pageComponents/academy/academy_wallet.vue

@@ -0,0 +1,202 @@
+<!--
+ * @Descripttion:
+ * @version:
+ * @Author:
+ * @Date: 2021-08-12 23:35:01
+ * @LastEditors: lewis lewis@everylink.ai
+ * @LastEditTime: 2025-09-23 18:50:21
+-->
+<template>
+  <div class="page-academy flex-v">
+    <Header :showMiddleInfo="true" v-if='!isPhone'/>
+    <Top class="top" :active='active' v-if='isPhone' color='white' iconColor='black'/>
+    <!-- isWallet -->
+    <div class='page-academy-center'>
+        <CmsAcademySectionOne
+        v-if="topBannerData.id"
+        :data="topBannerData"
+        categoryCode="introduction"
+        ></CmsAcademySectionOne>
+        <CmsArticleList
+        v-if="articleBaseOperation.id"
+        :data="articleBaseOperation"
+        ></CmsArticleList>
+        <!-- loading -->
+        <div v-else class="loading-wrap">
+        <site-loading></site-loading>
+        </div>
+        <CmsAcademyJoinComunity :data="linkArr" v-show='showMedia'></CmsAcademyJoinComunity>
+        <CmsArticleList
+        v-if="articleBaseKnowledge.id"
+        :data="articleBaseKnowledge"
+        ></CmsArticleList>
+
+        <!-- MOBI -->
+        <!-- <hr />
+        <CmsAcademySectionOne
+        v-if="topBannerData.id"
+        :data="topBannerData"
+        ></CmsAcademySectionOne>
+        <CmsArticleListWide
+        v-if="articleBaseOperation.id"
+        :data="articleBaseOperation"
+        ></CmsArticleListWide>
+        <CmsAcademyJoinComunity :data="linkArr"></CmsAcademyJoinComunity>
+        <CmsArticleListGroupByTag
+        v-if="articleBaseKnowledge.id"
+        :data="articleBaseKnowledge"
+        ></CmsArticleListGroupByTag> -->
+    </div>
+    <Footer />
+  </div>
+</template>
+
+<script>
+import conf from "../../../config/index";
+import { loadImportScript, isPhone } from "../../../utils/index";
+import { mapState } from "vuex";
+
+// TODO：等MOBI整体抽离后，移除组件引入
+import CmsAcademySectionOne from "./../../cmsComponents/academy/CmsAcademySectionOne.vue";
+import CmsArticleList from "./../../cmsComponents/academy/CmsArticleList.vue";
+import CmsAcademyJoinComunity from "./../../cmsComponents/academy/CmsAcademyJoinComunity.vue";
+import config from '../../../config/index'
+export default {
+  name: "Academy-d",
+  components: {
+    CmsAcademySectionOne,
+    CmsArticleList,
+    CmsAcademyJoinComunity,
+  },
+  data() {
+    return {
+      articleIntroduction: {},
+      articleBaseOperation: {},
+      articleBaseKnowledge: {},
+      linkArr: [],
+      isPhone: isPhone(),
+      active: false,
+      showMedia: config.cmsAcademyMediaShow
+    };
+  },
+  computed: mapState({
+    lang: (state) => state.language,
+    // localHostname: (state) => state.localHostname,
+    topBannerData() {
+      if (this.articleIntroduction.id) {
+        if (this.articleIntroduction.content && this.articleIntroduction.content.length > 0) {
+          return this.articleIntroduction.content[0];
+        }
+      }
+      return {};
+    },
+  }),
+  mounted() {
+    this.load();
+    this.initLinkArr();
+    this.$nextTick(() => {
+      $Vue.$bus.$on("updateNavList", () => {
+        this.initLinkArr();
+      });
+    });
+  },
+  methods: {
+    load() {
+      let hostname = window.location.hostname;
+      // https://d1qu701gfywrk1.cloudfront.net/test.iswallet.me/en_US/academy/all/classify_tree.js
+      loadImportScript(
+        `${conf.sitePath}${hostname}/${this.lang}/academy/all/classify_tree.js`,
+        null, "message"
+      )
+        .then((res) => {
+          // console.log('----------classify_tree res:');
+          // console.log(res);
+          // this.articleIntroduction = window.academy;
+          res.forEach(category => {
+              switch (category['name']) {
+                case 'introduction':
+                  this.articleIntroduction = category;
+                  break;
+                case 'base_operation':
+                  this.articleBaseOperation = category;
+                  break;
+                case 'base_knowledge':
+                  this.articleBaseKnowledge = category;
+                  break;
+                default:
+                  break;
+              }
+          });
+        })
+        .catch(() => false);
+    },
+
+    initLinkArr() {
+      this.linkArr =
+        this.$t("media_common_media_channel") != "media_common_media_channel"
+          ? JSON.parse(this.$t("media_common_media_channel"))
+          : [
+              // {
+              //   logo: icon,
+              //   name: "Telegram",
+              //   description: "Telegram to Kim Il Sung of",
+              // },
+              // {
+              //   logo: icon,
+              //   name: "Telegram",
+              //   description: "Telegram to Kim Il Sung of",
+              // },
+              // {
+              //   logo: icon,
+              //   name: "Telegram",
+              //   description: "Telegram to Kim Il Sung of",
+              // },
+            ];
+    },
+  },
+};
+</script>
+<style lang="less">
+// @import "../../assets/css/root.scss";
+// @import "../../assets/css/academy/index.scss";
+</style>
+
+<style lang="less">
+.page-academy {
+  position: relative;
+  width: 100%;
+  // padding-top: 60px;
+  overflow-x: hidden;
+  .page-academy-center {
+      flex: 1;
+  }
+  // .section-one-container,
+  // .section-article-container,
+  // .section-joinCommunity-container {
+  //   margin-bottom: 6px;
+  // }
+  // .section-article-container {
+  //   margin-bottom: 40px;
+  // }
+
+  .loading-wrap {
+    height: 200px;
+    text-align: center;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  .footer {
+    background: var(--footer-bg);
+    padding: 40px 0 60px;
+    .contentWidth {
+      width: 100%;
+      padding: 0 48px;
+    }
+  }
+  .section-one-container {
+    margin-bottom: 16px;
+  }
+}
+</style>