udxcms 1.0.1

package/dist/components/index.js

@@ -0,0 +1,119 @@
+// Basic Components
+export { default as AdsBanner } from './basicComponents/AdsBanner.vue'
+export { default as AreaSelect } from './basicComponents/AreaSelect.vue'
+export { default as BaseMenu } from './basicComponents/BaseMenu.vue'
+export { default as BasePopup } from './basicComponents/BasePopup.vue'
+export { default as CustomDate } from './basicComponents/CustomDate.vue'
+export { default as Dashboard } from './basicComponents/Dashboard.vue'
+export { default as DialogBox } from './basicComponents/DialogBox.vue'
+export { default as ErrMsg } from './basicComponents/ErrMsg.vue'
+export { default as Fullpage } from './basicComponents/Fullpage.vue'
+export { default as GtForm } from './basicComponents/GtForm.vue'
+export { default as Img } from './basicComponents/Img.vue'
+export { default as Input } from './basicComponents/Input.vue'
+export { default as LineProcess } from './basicComponents/LineProcess.vue'
+export { default as ListTag } from './basicComponents/ListTag.vue'
+export { default as MenuTag } from './basicComponents/MenuTag.vue'
+export { default as MessageTips } from './basicComponents/MessageTips.vue'
+export { default as MsgTips } from './basicComponents/MsgTips.vue'
+export { default as NoticeMess } from './basicComponents/NoticeMess.vue'
+export { default as Pages } from './basicComponents/Pages.vue'
+export { default as ParentView } from './basicComponents/ParentView.vue'
+export { default as PortfolioMenu } from './basicComponents/PortfolioMenu.vue'
+export { default as PowxBread } from './basicComponents/PowxBread.vue'
+export { default as SelectPop } from './basicComponents/SelectPop.vue'
+export { default as SubComfirm } from './basicComponents/SubComfirm.vue'
+export { default as SvgIcon } from './basicComponents/SvgIcon.vue'
+export { default as TokenAmountSelect } from './basicComponents/TokenAmountSelect.vue'
+export { default as UserMenu } from './basicComponents/UserMenu.vue'
+export { default as WalletConnected } from './basicComponents/WalletConnected.vue'
+export { default as sModal } from './basicComponents/sModal.vue'
+
+// Business Components
+export { default as About } from './businessComponents/About.vue'
+export { default as ChainNetWork } from './businessComponents/ChainNetWork.vue'
+export { default as CoinSelectList } from './businessComponents/CoinSelectList.vue'
+export { default as CountryList } from './businessComponents/CountryList.vue'
+export { default as Currency } from './businessComponents/Currency.vue'
+export { default as CustomAnnounceModal } from './businessComponents/CustomAnnounceModal.vue'
+export { default as Flag } from './businessComponents/Flag.vue'
+export { default as Footer } from './businessComponents/Footer.vue'
+export { default as FooterPointx } from './businessComponents/FooterPointx.vue'
+export { default as Header } from './businessComponents/Header.vue'
+export { default as HeaderNetworkSelect } from './businessComponents/HeaderNetworkSelect.vue'
+export { default as Language } from './businessComponents/Language.vue'
+export { default as List } from './businessComponents/List.vue'
+export { default as ListSelect } from './businessComponents/ListSelect.vue'
+export { default as LoadingDefault } from './businessComponents/LoadingDefault.vue'
+export { default as LoadingDot } from './businessComponents/LoadingDot.vue'
+export { default as LoadingWallet } from './businessComponents/LoadingWallet.vue'
+export { default as MarketChartmini } from './businessComponents/MarketChartmini.vue'
+export { default as MediaList } from './businessComponents/MediaList.vue'
+export { default as Modal } from './businessComponents/Modal.vue'
+export { default as NavInner } from './businessComponents/NavInner.vue'
+export { default as NetworkSelect } from './businessComponents/NetworkSelect.vue'
+export { default as Networklist } from './businessComponents/Networklist.vue'
+export { default as NoticePanel } from './businessComponents/NoticePanel.vue'
+export { default as Partnermedias } from './businessComponents/Partnermedias.vue'
+export { default as SignaturePopup } from './businessComponents/SignaturePopup.vue'
+export { default as SiteLoading } from './businessComponents/SiteLoading.vue'
+export { default as SiteLoadingTwo } from './businessComponents/SiteLoadingTwo.vue'
+export { default as SubMenuMore } from './businessComponents/SubMenuMore.vue'
+export { default as TopMessage } from './businessComponents/TopMessage.vue'
+export { default as TradeChainNetWork } from './businessComponents/TradeChainNetWork.vue'
+export { default as userPanel } from './businessComponents/userPanel.vue'
+export { default as walletPanel } from './businessComponents/walletPanel.vue'
+
+// CMS Components
+export { default as Academy } from './cmsComponents/academy/Academy.vue'
+export { default as CmsAcademyJoinComunity } from './cmsComponents/academy/CmsAcademyJoinComunity.vue'
+export { default as CmsAcademySectionOne } from './cmsComponents/academy/CmsAcademySectionOne.vue'
+export { default as CmsArticleList } from './cmsComponents/academy/CmsArticleList.vue'
+export { default as CmsArticleListGroupByTag } from './cmsComponents/academy/CmsArticleListGroupByTag.vue'
+export { default as CmsArticleListWide } from './cmsComponents/academy/CmsArticleListWide.vue'
+export { default as CmsDetail } from './cmsComponents/academy/CmsDetail.vue'
+export { default as CmsItem } from './cmsComponents/academy/CmsItem.vue'
+export { default as categeItemThree } from './cmsComponents/academy/categeItemThree.vue'
+export { default as categeItemTwo } from './cmsComponents/academy/categeItemTwo.vue'
+
+export { default as ApiMain } from './cmsComponents/api/ApiMain.vue'
+export { default as DocMain } from './cmsComponents/api/DocMain.vue'
+
+export { default as Dapp } from './cmsComponents/dapps/Dapp.vue'
+export { default as Dapplist } from './cmsComponents/dapps/Dapplist.vue'
+
+export { default as HelpIndex } from './cmsComponents/help/Index.vue'
+export { default as HelpDetail } from './cmsComponents/help/detail.vue'
+
+export { default as SubMenu } from './cmsComponents/paragen/SubMenu.vue'
+
+export { default as SdkLogo } from './cmsComponents/sdk/Logo.vue'
+export { default as SdkNavBread } from './cmsComponents/sdk/NavBread.vue'
+export { default as SdkSiderBar } from './cmsComponents/sdk/SiderBar.vue'
+export { default as SdkSiderBarItem } from './cmsComponents/sdk/SiderBarItem.vue'
+export { default as SdkTitleList } from './cmsComponents/sdk/TitleList.vue'
+export { default as SdkIndex } from './cmsComponents/sdk/index.vue'
+
+export { default as WikiLogo } from './cmsComponents/wiki/Logo.vue'
+export { default as WikiNavBread } from './cmsComponents/wiki/NavBread.vue'
+export { default as WikiSiderBar } from './cmsComponents/wiki/SiderBar.vue'
+export { default as WikiSiderBarItem } from './cmsComponents/wiki/SiderBarItem.vue'
+export { default as WikiTitleList } from './cmsComponents/wiki/TitleList.vue'
+export { default as Wiki } from './cmsComponents/wiki/Wiki.vue'
+
+// H5 Components
+export { default as ChainNetH5Work } from './h5Components/ChainNetH5Work.vue'
+export { default as DateH5 } from './h5Components/DateH5.vue'
+export { default as GoHistory } from './h5Components/GoHistory.vue'
+export { default as LanguageH5 } from './h5Components/Language.vue'
+export { default as ListSelectH5 } from './h5Components/ListSelectH5.vue'
+export { default as MenuH5 } from './h5Components/Menu.vue'
+export { default as NavCenterH5 } from './h5Components/NavCenter.vue'
+export { default as NoRecordH5 } from './h5Components/NoRecord.vue'
+export { default as NoticeModuleH5 } from './h5Components/NoticeModule.vue'
+export { default as OtherNavH5 } from './h5Components/OtherNav.vue'
+export { default as PopListH5 } from './h5Components/PopList.vue'
+export { default as SearchInputH5 } from './h5Components/SearchInput.vue'
+export { default as SvgCircleH5 } from './h5Components/SvgCircle.vue'
+export { default as TopH5 } from './h5Components/Top.vue'
+export { default as walletconnectBottomH5 } from './h5Components/walletconnectBottom.vue'

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

@@ -0,0 +1,181 @@
+<!--
+ * @Descripttion:
+ * @version:
+ * @Author:
+ * @Date: 2021-08-12 23:35:01
+ * @LastEditors: Lewis
+ * @LastEditTime: 2021-12-22 22:22:33
+-->
+<template>
+  <div class="cms-home flex-v">
+    <div class="visible-pc">
+      <Header :showMiddleInfo="true" />
+    </div>
+    <div class="visible-h5">
+      <Top class="top" />
+    </div>
+    <div class='cms-center'>
+        <!-- MOBI -->
+        <CmsAcademySectionOne
+        v-if="topBannerData.id"
+        :data="topBannerData"
+        categoryCode="introduction"
+        ></CmsAcademySectionOne>
+        <CmsArticleListWide
+        v-if="articleBaseOperation.id"
+        :data="articleBaseOperation"
+        ></CmsArticleListWide>
+        <!-- loading -->
+        <div v-else class="loading-wrap">
+        <site-loading></site-loading>
+        </div>
+        <!-- <CmsAcademyJoinComunity :data="linkArr"></CmsAcademyJoinComunity> -->
+        <CmsArticleListGroupByTag
+        v-if="articleBaseKnowledge.id"
+        :data="articleBaseKnowledge"
+        ></CmsArticleListGroupByTag>
+    </div>
+    <Footer />
+  </div>
+</template>
+
+<script>
+import conf from "../../../config/index";
+import { loadImportScript } from "../../../utils/index";
+import { mapState } from "vuex";
+
+// TODO：等MOBI整体抽离后，移除组件引入
+import CmsAcademySectionOne from "./../../cmsComponents/academy/CmsAcademySectionOne.vue";
+import CmsArticleListWide from "./../../cmsComponents/academy/CmsArticleListWide.vue";
+import CmsAcademyJoinComunity from "./../../cmsComponents/academy/CmsAcademyJoinComunity.vue";
+import CmsArticleListGroupByTag from "./../../cmsComponents/academy/CmsArticleListGroupByTag.vue";
+
+export default {
+  name: "Academy-d",
+  components: {
+    CmsAcademySectionOne,
+    CmsArticleListWide,
+    CmsAcademyJoinComunity,
+    CmsArticleListGroupByTag,
+  },
+  data() {
+    return {
+      articleIntroduction: {},
+      articleBaseOperation: {},
+      articleBaseKnowledge: {},
+      linkArr: [],
+    };
+  },
+  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.mainHostname;
+      // 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) => {
+          res.forEach(category => {
+              switch (category['name'].toLowerCase()) {
+                case 'introduction':
+                  this.articleIntroduction = category;
+                  break;
+                case 'base_operation':
+                  this.articleBaseOperation = category;
+                  break;
+                case 'base_knowledge':
+                  this.articleBaseKnowledge = category;
+                  break;
+                default:
+                  break;
+              }
+          });
+
+          // this.articleIntroduction = window.academy;
+        })
+        .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" scoped>
+.cms-home {
+  position: relative;
+  width: 100%;
+  // padding-top: 60px;
+  overflow-x: hidden;
+  .cms-center {
+      flex: 1;
+      background: var(--popup-bg-secondary);
+  }
+  // .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);
+  }
+}
+</style>

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

@@ -0,0 +1,202 @@
+<!--
+ * @Descripttion:
+ * @version:
+ * @Author:
+ * @Date: 2021-08-12 23:35:01
+ * @LastEditors: Lewis
+ * @LastEditTime: 2021-11-24 15:48:25
+-->
+<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>