|
|
@@ -1,230 +1,465 @@
|
|
|
<template>
|
|
|
<cwg-page-wrapper class="create-page" :isHeaderFixed="true">
|
|
|
- <cwg-header :title="t('Downloadpage.item1')" />
|
|
|
- <view id="custom_Downloadpage">
|
|
|
- <view class="main-content">
|
|
|
- <cwg-asset-tabs v-model="activeName" :tabs="tabsConfig" />
|
|
|
- <view v-if="activeName == 'MT4'">
|
|
|
- <view class="download-section">
|
|
|
- <view class="section-header">
|
|
|
- <view class="section-title" v-t="'Downloadpage.item2'" />
|
|
|
- <view class="section-subtitle" v-t="'Downloadpage.item3'" />
|
|
|
- </view>
|
|
|
- <view class="download-cards">
|
|
|
- <cwg-link type="download" class="download-card"
|
|
|
- :url="config.Host80 + '/mt/cwgmarketssvgltd4setup.exe'"
|
|
|
- downloadName="cwgmarketssvgltd4setup.exe">
|
|
|
- <image class="card-icon" src="/static/images/windows-os-1-48.png" alt=""
|
|
|
- mode="widthFix" />
|
|
|
- <view class="card-info">
|
|
|
- <view class="card-title" v-t="'Downloadpage.item4'" />
|
|
|
- <view class="card-desc" v-t="'Downloadpage.item5'" />
|
|
|
- </view>
|
|
|
- <view class="download-badge">Windows</view>
|
|
|
- </cwg-link>
|
|
|
- <cwg-link type="download" class="download-card" :url="config.Host80 + '/mt/mt4.zip'"
|
|
|
- downloadName="mt4.zip">
|
|
|
- <image class="card-icon" src="/static/images/windows-os-1-48.png" alt=""
|
|
|
- mode="widthFix" />
|
|
|
- <view class="card-info">
|
|
|
- <view class="card-title" v-t="'Downloadpage.item4-1'" />
|
|
|
- <view class="card-desc" v-t="'Downloadpage.item5'" />
|
|
|
- </view>
|
|
|
- <view class="download-badge">ZIP</view>
|
|
|
- </cwg-link>
|
|
|
- <cwg-link type="download" class="download-card" :url="config.Host80 + '/mt/MetaTrader4.pkg'"
|
|
|
- downloadName="MetaTrader4.pkg">
|
|
|
- <image class="card-icon" src="/static/images/apple-os-1-48.png" alt=""
|
|
|
- mode="widthFix" />
|
|
|
- <view class="card-info">
|
|
|
- <view class="card-title" v-t="'Downloadpage.item6'" />
|
|
|
- <view class="card-desc" v-t="'Downloadpage.item5'" />
|
|
|
- </view>
|
|
|
- <view class="download-badge download-badge-apple">macOS</view>
|
|
|
- </cwg-link>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="download-section web-section">
|
|
|
- <view class="section-header">
|
|
|
- <view class="section-title" v-t="'Downloadpage.item38'" />
|
|
|
- </view>
|
|
|
- <view class="download-cards">
|
|
|
- <cwg-link type="html" class="download-card download-card-web" target="_blank"
|
|
|
- :url="'https://www.' + config.host + '.com/' + locale + '/vu-mt4-web-trading/web'">
|
|
|
- <view class="card-info">
|
|
|
- <view class="card-title" v-t="'Downloadpage.item40'" />
|
|
|
- </view>
|
|
|
- <text class="icon-arrow">→</text>
|
|
|
- </cwg-link>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="download-section mobile-section">
|
|
|
- <view class="section-header">
|
|
|
- <view class="section-title" v-t="'Downloadpage.item7'" />
|
|
|
- </view>
|
|
|
- <view class="mobile-cards">
|
|
|
- <view class="mobile-card">
|
|
|
- <view class="mobile-card-header">
|
|
|
- <image class="card-icon" src="/static/images/android-os-3-72.png" alt=""
|
|
|
- mode="widthFix" />
|
|
|
- <view class="card-info">
|
|
|
- <view class="card-title" v-t="'Downloadpage.item8'" />
|
|
|
- <view class="card-desc" v-t="'Downloadpage.item9'" />
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="qr-codes">
|
|
|
- <view class="qr-item">
|
|
|
- <view class="qr-label">Google Play</view>
|
|
|
- // #ifdef H5
|
|
|
- <QrCode v-if="showQrcode && mt41" :key="mt41" :text="mt41"></QrCode>
|
|
|
- // #endif
|
|
|
- // #ifdef APP-PLUS
|
|
|
- <image class="mt" src="/static/images/mt/mt41.png" alt="" mode="widthFix" />
|
|
|
- // #endif
|
|
|
- </view>
|
|
|
- <view class="qr-item">
|
|
|
- <view class="qr-label">MetaTrader .Apk</view>
|
|
|
- // #ifdef H5
|
|
|
- <QrCode v-if="showQrcode && mt42" :key="mt41" :text="mt42"></QrCode>
|
|
|
- // #endif
|
|
|
- // #ifdef APP-PLUS
|
|
|
- <image class="mt" src="/static/images/mt/mt42.png" alt="" mode="widthFix" />
|
|
|
- // #endif
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="mobile-card">
|
|
|
- <view class="mobile-card-header">
|
|
|
- <image class="card-icon" src="/static/images/apple-os-3-72.png" alt=""
|
|
|
- mode="widthFix" />
|
|
|
- <view class="card-info">
|
|
|
- <view class="card-title" v-t="'Downloadpage.item8'" />
|
|
|
- <view class="card-desc" v-t="'Downloadpage.item10'" />
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="qr-codes qr-codes-single">
|
|
|
- <view class="qr-item">
|
|
|
- <view class="qr-label">App Store</view>
|
|
|
- // #ifdef H5
|
|
|
- <QrCode v-if="showQrcode && mt43" :key="mt43" :text="mt43"></QrCode>
|
|
|
- // #endif
|
|
|
- // #ifdef APP-PLUS
|
|
|
- <image class="mt" src="/static/images/mt/mt43.png" alt="" mode="widthFix" />
|
|
|
- // #endif
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
+ <view class="container">
|
|
|
+ <view
|
|
|
+ class="app-page-head card-header d-flex gap-3 flex-wrap align-items-center justify-content-between border-0">
|
|
|
+ <view class="app-page-head mb-0">
|
|
|
+ <h1 class="app-page-title" v-t="'Downloadpage.item1'"></h1>
|
|
|
|
|
|
</view>
|
|
|
- <view v-if="activeName == 'MT5'">
|
|
|
- <view class="download-section">
|
|
|
- <view class="section-header">
|
|
|
- <view class="section-title" v-t="'Downloadpage.item11'" />
|
|
|
- <view class="section-subtitle" v-t="'Downloadpage.item12'" />
|
|
|
- </view>
|
|
|
- <view class="download-cards">
|
|
|
- <cwg-link type="download" class="download-card"
|
|
|
- :url="config.Host80 + '/mt/cwgmarketssvg5setup.exe'"
|
|
|
- downloadName="cwgmarketssvg5setup.exe">
|
|
|
- <image class="card-icon" src="/static/images/windows-os-1-48.png" alt=""
|
|
|
- mode="widthFix" />
|
|
|
- <view class="card-info">
|
|
|
- <view class="card-title" v-t="'Downloadpage.item4'" />
|
|
|
- <view class="card-desc" v-t="'Downloadpage.item5'" />
|
|
|
- </view>
|
|
|
- <view class="download-badge">Windows</view>
|
|
|
- </cwg-link>
|
|
|
- <cwg-link type="download" class="download-card" :url="config.Host80 + '/mt/mt5.zip'"
|
|
|
- downloadName="mt5.zip">
|
|
|
- <image class="card-icon" src="/static/images/windows-os-1-48.png" alt=""
|
|
|
- mode="widthFix" />
|
|
|
- <view class="card-info">
|
|
|
- <view class="card-title" v-t="'Downloadpage.item4-1'" />
|
|
|
- <view class="card-desc" v-t="'Downloadpage.item5'" />
|
|
|
- </view>
|
|
|
- <view class="download-badge">ZIP</view>
|
|
|
- </cwg-link>
|
|
|
- <cwg-link type="download" class="download-card" :url="config.Host80 + '/mt/MetaTrader5.pkg'"
|
|
|
- downloadName="MetaTrader5.pkg">
|
|
|
- <image class="card-icon" src="/static/images/apple-os-1-48.png" alt=""
|
|
|
- mode="widthFix" />
|
|
|
- <view class="card-info">
|
|
|
- <view class="card-title" v-t="'Downloadpage.item6'" />
|
|
|
- <view class="card-desc" v-t="'Downloadpage.item5'" />
|
|
|
- </view>
|
|
|
- <view class="download-badge download-badge-apple">macOS</view>
|
|
|
- </cwg-link>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="download-section web-section">
|
|
|
- <view class="section-header">
|
|
|
- <view class="section-title" v-t="'Downloadpage.item39'" />
|
|
|
- </view>
|
|
|
- <view class="download-cards">
|
|
|
- <cwg-link type="html" class="download-card download-card-web" target="_blank"
|
|
|
- :url="'https://www.' + config.host + '.com/' + locale + '/mt5/web'">
|
|
|
- <view class="card-info">
|
|
|
- <view class="card-title" v-t="'Downloadpage.item40'" />
|
|
|
- </view>
|
|
|
- <text class="icon-arrow">→</text>
|
|
|
- </cwg-link>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="download-section mobile-section">
|
|
|
- <view class="section-header">
|
|
|
- <view class="section-title" v-t="'Downloadpage.item13'" />
|
|
|
- </view>
|
|
|
- <view class="mobile-cards">
|
|
|
- <view class="mobile-card">
|
|
|
- <view class="mobile-card-header">
|
|
|
- <image class="card-icon" src="/static/images/android-os-3-72.png" alt=""
|
|
|
- mode="widthFix" />
|
|
|
- <view class="card-info">
|
|
|
- <view class="card-title" v-t="'Downloadpage.item8'" />
|
|
|
- <view class="card-desc" v-t="'Downloadpage.item14'" />
|
|
|
- </view>
|
|
|
+ </view>
|
|
|
+ <view class="col-lg-12">
|
|
|
+ <view class="clearfix">
|
|
|
+ <view class="card">
|
|
|
+ <view class="card-header">
|
|
|
+ <view class="nav nav-pills nav-fill card-header-pills">
|
|
|
+ <view class="nav-item">
|
|
|
+ <view class="nav-link" :class="{ 'active': activeName == 'MT4' }"
|
|
|
+ @click="activeName = 'MT4'">MT-4</view>
|
|
|
</view>
|
|
|
- <view class="qr-codes">
|
|
|
- <view class="qr-item">
|
|
|
- <view class="qr-label">Google Play</view>
|
|
|
- // #ifdef H5
|
|
|
- <QrCode v-if="showQrcode && mt51" :key="mt51" :text="mt51"></QrCode>
|
|
|
- // #endif
|
|
|
- // #ifdef APP-PLUS
|
|
|
- <image class="mt" src="/static/images/mt/mt51.png" alt="" mode="widthFix" />
|
|
|
- // #endif
|
|
|
- </view>
|
|
|
- <view class="qr-item">
|
|
|
- <view class="qr-label">MetaTrader .Apk</view>
|
|
|
- // #ifdef H5
|
|
|
- <QrCode v-if="showQrcode && mt52" :key="mt52" :text="mt52"></QrCode>
|
|
|
- // #endif
|
|
|
- // #ifdef APP-PLUS
|
|
|
- <image class="mt" src="/static/images/mt/mt52.png" alt="" mode="widthFix" />
|
|
|
- // #endif
|
|
|
- </view>
|
|
|
+ <view class="nav-item">
|
|
|
+ <view class="nav-link" :class="{ 'active': activeName == 'MT5' }"
|
|
|
+ @click="activeName = 'MT5'">MT-5</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="mobile-card">
|
|
|
- <view class="mobile-card-header">
|
|
|
- <image class="card-icon" src="/static/images/apple-os-3-72.png" alt=""
|
|
|
- mode="widthFix" />
|
|
|
- <view class="card-info">
|
|
|
- <view class="card-title" v-t="'Downloadpage.item8'" />
|
|
|
- <view class="card-desc" v-t="'Downloadpage.item15'" />
|
|
|
+ </view>
|
|
|
+ <view class="card-body">
|
|
|
+ <view class="tab-content">
|
|
|
+ <view v-if="activeName == 'MT4'">
|
|
|
+ <view class="row">
|
|
|
+ <view class="col-12">
|
|
|
+ <h3 class="mb-3 fw-bold" v-t="'Downloadpage.item2'" />
|
|
|
+ <p class="mb-5" v-t="'Downloadpage.item3'" />
|
|
|
+ </view>
|
|
|
+ <view class="col-lg-4 mb-5">
|
|
|
+ <view class="card card-action action-elevate action-border-primary">
|
|
|
+ <view class="row g-0">
|
|
|
+ <view class="col-md-4">
|
|
|
+ <view
|
|
|
+ class="card-header border-0 p-0 m-2 position-relative overflow-hidden">
|
|
|
+ <image src="/static/images/vu/windows.png" alt=""
|
|
|
+ mode="widthFix" class="img-fluid rounded" />
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="col-md-8 py-3 d-flex flex-column">
|
|
|
+ <view class="card-body px-3 py-2">
|
|
|
+ <view class="badge badge-sm bg-danger mb-1">MT-4</view>
|
|
|
+
|
|
|
+ <h4>
|
|
|
+ <view class="text-dark" v-t="'Downloadpage.item4'" />
|
|
|
+ </h4>
|
|
|
+ <p v-t="'Downloadpage.item5'" />
|
|
|
+ <cwg-link type="download"
|
|
|
+ :url="config.Host80 + '/mt/cwgmarketssvgltd4setup.exe'"
|
|
|
+ downloadName="cwgmarketssvgltd4setup.exe">
|
|
|
+ <view class="btn btn-danger waves-effect waves-light"><i
|
|
|
+ class="fi fi-rr-download"></i> {{
|
|
|
+ t('Downloadpage.item6-1') }}</view>
|
|
|
+ </cwg-link>
|
|
|
+
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="col-lg-4 mb-5">
|
|
|
+ <view class="card card-action action-elevate action-border-primary">
|
|
|
+ <view class="row g-0">
|
|
|
+ <view class="col-md-4">
|
|
|
+ <view
|
|
|
+ class="card-header border-0 p-0 m-2 position-relative overflow-hidden">
|
|
|
+ <image src="/static/images/vu/windows.png" alt=""
|
|
|
+ mode="widthFix" class="img-fluid rounded" />
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="col-md-8 py-3 d-flex flex-column">
|
|
|
+ <view class="card-body px-3 py-2">
|
|
|
+ <view class="badge badge-sm bg-danger mb-1">MT-4</view>
|
|
|
+
|
|
|
+ <h4>
|
|
|
+ <view class="text-dark" v-t="'Downloadpage.item4-1'" />
|
|
|
+ </h4>
|
|
|
+ <p v-t="'Downloadpage.item5'" />
|
|
|
+ <cwg-link type="download" class="download-card"
|
|
|
+ :url="config.Host80 + '/mt/mt4.zip'"
|
|
|
+ downloadName="mt4.zip">
|
|
|
+ <view class="btn btn-danger waves-effect waves-light">
|
|
|
+ <i class="fi fi-rr-download"></i> {{
|
|
|
+ t('Downloadpage.item6-1') }}
|
|
|
+ </view>
|
|
|
+ </cwg-link>
|
|
|
+
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="col-lg-4 mb-5">
|
|
|
+ <view class="card card-action action-elevate action-border-primary">
|
|
|
+ <view class="row g-0">
|
|
|
+ <view class="col-md-4">
|
|
|
+ <view
|
|
|
+ class="card-header border-0 p-0 m-2 position-relative overflow-hidden">
|
|
|
+ <image src="/static/images/vu/ios.png" alt=""
|
|
|
+ mode="widthFix" class="img-fluid rounded" />
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="col-md-8 py-3 d-flex flex-column">
|
|
|
+ <view class="card-body px-3 py-2">
|
|
|
+ <view class="badge badge-sm bg-danger mb-1">MT-4</view>
|
|
|
+ <h4>
|
|
|
+ <view class="text-dark" v-t="'Downloadpage.item6'" />
|
|
|
+ </h4>
|
|
|
+ <p v-t="'Downloadpage.item5'" />
|
|
|
+ <cwg-link type="download" class="download-card"
|
|
|
+ :url="config.Host80 + '/mt/MetaTrader4.pkg'"
|
|
|
+ downloadName="MetaTrader4.pkg">
|
|
|
+ <view class="btn btn-danger waves-effect waves-light"><i
|
|
|
+ class="fi fi-rr-download"></i> {{
|
|
|
+ t('Downloadpage.item6-1') }}</view>
|
|
|
+ </cwg-link>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <h3 class="mb-3 fw-bold" v-t="'Downloadpage.item38'" />
|
|
|
+ <view class="col-lg-4 mb-5">
|
|
|
+ <view class="card card-action action-elevate action-border-primary">
|
|
|
+ <view class="row g-0">
|
|
|
+ <view class="col-md-4">
|
|
|
+ <view
|
|
|
+ class="card-header border-0 p-0 m-2 position-relative overflow-hidden">
|
|
|
+ <image src="/static/images/vu/icon-windows-ios.png" alt=""
|
|
|
+ mode="widthFix" class="img-fluid rounded" />
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="col-md-8 py-3 d-flex flex-column">
|
|
|
+ <view class="card-body px-3 py-2">
|
|
|
+ <view class="badge badge-sm bg-danger mb-1">MT-4</view>
|
|
|
+ <h4>
|
|
|
+ <view class="text-dark" v-t="'Downloadpage.item40'" />
|
|
|
+ </h4>
|
|
|
+ <p>PC and macOS</p>
|
|
|
+ <cwg-link type="html" target="_blank"
|
|
|
+ :url="'https://www.' + config.host + '.com/' + locale + '/vu-mt4-web-trading/web'">
|
|
|
+ <view class="btn btn-danger waves-effect waves-light"><i
|
|
|
+ class="fi fi-rr-download"></i> {{
|
|
|
+ t('Downloadpage.item6-1') }}</view>
|
|
|
+ </cwg-link>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <h3 class="mb-3 fw-bold" v-t="'Downloadpage.item7'" />
|
|
|
+ <view class="col-lg-6 mb-5">
|
|
|
+ <view class="card card-action action-elevate action-border-primary">
|
|
|
+ <view class="row g-0">
|
|
|
+ <view class="col-md-6">
|
|
|
+ <view class="card-header border-0 p-0 m-2 position-relative ">
|
|
|
+ <QrCode :text="mt42" />
|
|
|
+ <!-- <image src="/static/images/vu/android.png" alt=""
|
|
|
+ mode="widthFix" class="img-fluid" /> -->
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="col-md-6 py-3 d-flex flex-column">
|
|
|
+ <view class="card-body px-3 py-2">
|
|
|
+ <view class="badge badge-sm bg-danger mb-1">MT-4</view>
|
|
|
+ <h4>
|
|
|
+ <view class="text-dark">Google Play (Android)</view>
|
|
|
+ </h4>
|
|
|
+ <p>CWG MT4</p>
|
|
|
+ <cwg-link type="download" class="download-card" :url="mt41"
|
|
|
+ downloadName="MetaTrader4.abb">
|
|
|
+ <view class="btn btn-danger waves-effect waves-light"><i
|
|
|
+ class="fi fi-rr-download"></i> {{
|
|
|
+ t('Downloadpage.item6-1') }}</view>
|
|
|
+ </cwg-link>
|
|
|
+
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="col-lg-6 mb-5">
|
|
|
+ <view class="card card-action action-elevate action-border-primary">
|
|
|
+ <view class="row g-0">
|
|
|
+ <view class="col-md-6">
|
|
|
+ <view
|
|
|
+ class="card-header border-0 p-0 m-2 position-relative overflow-hidden">
|
|
|
+ <QrCode :text="mt42" />
|
|
|
+ <!-- <image src="/static/images/vu/metatrade.png" alt=""
|
|
|
+ mode="widthFix" class="img-fluid" /> -->
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="col-md-6 py-3 d-flex flex-column">
|
|
|
+ <view class="card-body px-3 py-2">
|
|
|
+ <view class="badge badge-sm bg-danger mb-1">MT-4</view>
|
|
|
+ <h4>
|
|
|
+ <view class="text-dark">MetaTrader .Apk</view>
|
|
|
+ </h4>
|
|
|
+ <p>CWG MT4</p>
|
|
|
+ <cwg-link type="download" class="download-card" :url="mt42"
|
|
|
+ downloadName="MetaTrader4.apk">
|
|
|
+ <view class="btn btn-danger waves-effect waves-light"><i
|
|
|
+ class="fi fi-rr-download"></i> {{
|
|
|
+ t('Downloadpage.item6-1') }}</view>
|
|
|
+ </cwg-link>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="col-lg-6 mb-5">
|
|
|
+ <view class="card card-action action-elevate action-border-primary">
|
|
|
+ <view class="row g-0">
|
|
|
+ <view class="col-md-6">
|
|
|
+ <view
|
|
|
+ class="card-header border-0 p-0 m-2 position-relative overflow-hidden">
|
|
|
+ <QrCode :text="mt43" />
|
|
|
+ <!-- <image src="/static/images/vu/ios-1.png" alt=""
|
|
|
+ mode="widthFix" class="img-fluid" /> -->
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="col-md-6 py-3 d-flex flex-column">
|
|
|
+ <view class="card-body px-3 py-2">
|
|
|
+ <view class="badge badge-sm bg-danger mb-1">MT-4</view>
|
|
|
+ <h4>
|
|
|
+ <view class="text-dark">App Store (IOS)</view>
|
|
|
+ </h4>
|
|
|
+ <p>CWG MT4</p>
|
|
|
+ <cwg-link type="download" class="download-card" :url="mt43"
|
|
|
+ downloadName="MetaTrader4.app">
|
|
|
+ <view class="btn btn-danger waves-effect waves-light"><i
|
|
|
+ class="fi fi-rr-download"></i> {{
|
|
|
+ t('Downloadpage.item6-1') }}</view>
|
|
|
+ </cwg-link>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="qr-codes qr-codes-single">
|
|
|
- <view class="qr-item">
|
|
|
- <view class="qr-label">App Store</view>
|
|
|
- // #ifdef H5
|
|
|
- <QrCode v-if="showQrcode && mt53" :key="mt53" :text="mt53"></QrCode>
|
|
|
- // #endif
|
|
|
- // #ifdef APP-PLUS
|
|
|
- <image class="mt" src="/static/images/mt/mt53.png" alt="" mode="widthFix" />
|
|
|
- // #endif
|
|
|
+ <view v-if="activeName == 'MT5'">
|
|
|
+ <view class="row">
|
|
|
+ <view class="col-12">
|
|
|
+ <h3 class="mb-3 fw-bold" v-t="'Downloadpage.item2'" />
|
|
|
+ <p class="mb-5" v-t="'Downloadpage.item3'" />
|
|
|
+ </view>
|
|
|
+ <view class="col-lg-4 mb-5">
|
|
|
+ <view class="card card-action action-elevate action-border-primary">
|
|
|
+ <view class="row g-0">
|
|
|
+ <view class="col-md-4">
|
|
|
+ <view
|
|
|
+ class="card-header border-0 p-0 m-2 position-relative overflow-hidden">
|
|
|
+ <image src="/static/images/vu/windows.png" alt=""
|
|
|
+ mode="widthFix" class="img-fluid rounded" />
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="col-md-8 py-3 d-flex flex-column">
|
|
|
+ <view class="card-body px-3 py-2">
|
|
|
+ <view class="badge badge-sm bg-danger mb-1">MT-5</view>
|
|
|
+
|
|
|
+ <h4>
|
|
|
+ <view class="text-dark" v-t="'Downloadpage.item4'" />
|
|
|
+ </h4>
|
|
|
+ <p v-t="'Downloadpage.item5'" />
|
|
|
+ <cwg-link type="download" class="download-card"
|
|
|
+ :url="config.Host80 + '/mt/cwgmarketssvg5setup.exe'"
|
|
|
+ downloadName="cwgmarketssvg5setup.exe">
|
|
|
+ <view class="btn btn-danger waves-effect waves-light"><i
|
|
|
+ class="fi fi-rr-download"></i> {{
|
|
|
+ t('Downloadpage.item6-1') }}</view>
|
|
|
+ </cwg-link>
|
|
|
+
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="col-lg-4 mb-5">
|
|
|
+ <view class="card card-action action-elevate action-border-primary">
|
|
|
+ <view class="row g-0">
|
|
|
+ <view class="col-md-4">
|
|
|
+ <view
|
|
|
+ class="card-header border-0 p-0 m-2 position-relative overflow-hidden">
|
|
|
+ <image src="/static/images/vu/windows.png" alt=""
|
|
|
+ mode="widthFix" class="img-fluid rounded" />
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="col-md-8 py-3 d-flex flex-column">
|
|
|
+ <view class="card-body px-3 py-2">
|
|
|
+ <view class="badge badge-sm bg-danger mb-1">MT-5</view>
|
|
|
+
|
|
|
+ <h4>
|
|
|
+ <view class="text-dark" v-t="'Downloadpage.item4-1'" />
|
|
|
+ </h4>
|
|
|
+ <p v-t="'Downloadpage.item5'" />
|
|
|
+ <cwg-link type="download" class="download-card"
|
|
|
+ :url="config.Host80 + '/mt/mt5.zip'"
|
|
|
+ downloadName="mt5.zip">
|
|
|
+ <view class="btn btn-danger waves-effect waves-light">
|
|
|
+ <i class="fi fi-rr-download"></i> {{
|
|
|
+ t('Downloadpage.item6-1') }}
|
|
|
+ </view>
|
|
|
+ </cwg-link>
|
|
|
+
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="col-lg-4 mb-5">
|
|
|
+ <view class="card card-action action-elevate action-border-primary">
|
|
|
+ <view class="row g-0">
|
|
|
+ <view class="col-md-4">
|
|
|
+ <view
|
|
|
+ class="card-header border-0 p-0 m-2 position-relative overflow-hidden">
|
|
|
+ <image src="/static/images/vu/ios.png" alt=""
|
|
|
+ mode="widthFix" class="img-fluid rounded" />
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="col-md-8 py-3 d-flex flex-column">
|
|
|
+ <view class="card-body px-3 py-2">
|
|
|
+ <view class="badge badge-sm bg-danger mb-1">MT-5</view>
|
|
|
+ <h4>
|
|
|
+ <view class="text-dark" v-t="'Downloadpage.item6'" />
|
|
|
+ </h4>
|
|
|
+ <p v-t="'Downloadpage.item5'" />
|
|
|
+ <cwg-link type="download" class="download-card"
|
|
|
+ :url="config.Host80 + '/mt/MetaTrader5.pkg'"
|
|
|
+ downloadName="MetaTrader5.pkg">
|
|
|
+ <view class="btn btn-danger waves-effect waves-light"><i
|
|
|
+ class="fi fi-rr-download"></i> {{
|
|
|
+ t('Downloadpage.item6-1') }}</view>
|
|
|
+ </cwg-link>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <h3 class="mb-3 fw-bold" v-t="'Downloadpage.item38'" />
|
|
|
+ <view class="col-lg-4 mb-5">
|
|
|
+ <view class="card card-action action-elevate action-border-primary">
|
|
|
+ <view class="row g-0">
|
|
|
+ <view class="col-md-4">
|
|
|
+ <view
|
|
|
+ class="card-header border-0 p-0 m-2 position-relative overflow-hidden">
|
|
|
+ <image src="/static/images/vu/icon-windows-ios.png" alt=""
|
|
|
+ mode="widthFix" class="img-fluid rounded" />
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="col-md-8 py-3 d-flex flex-column">
|
|
|
+ <view class="card-body px-3 py-2">
|
|
|
+ <view class="badge badge-sm bg-danger mb-1">MT-5</view>
|
|
|
+ <h4>
|
|
|
+ <view class="text-dark" v-t="'Downloadpage.item40'" />
|
|
|
+ </h4>
|
|
|
+ <p>PC and macOS</p>
|
|
|
+ <cwg-link type="html"
|
|
|
+ class="download-card download-card-web" target="_blank"
|
|
|
+ :url="'https://www.' + config.host + '.com/' + locale + '/mt5/web'">
|
|
|
+ <view class="btn btn-danger waves-effect waves-light"><i
|
|
|
+ class="fi fi-rr-download"></i> {{
|
|
|
+ t('Downloadpage.item6-1') }}</view>
|
|
|
+ </cwg-link>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <h3 class="mb-3 fw-bold" v-t="'Downloadpage.item13'" />
|
|
|
+ <view class="col-lg-6 mb-5">
|
|
|
+ <view class="card card-action action-elevate action-border-primary">
|
|
|
+ <view class="row g-0">
|
|
|
+ <view class="col-md-6">
|
|
|
+ <view class="card-header border-0 p-0 m-2 position-relative ">
|
|
|
+ <QrCode :text="mt52" />
|
|
|
+ <!-- <image src="/static/images/vu/android.png" alt=""
|
|
|
+ mode="widthFix" class="img-fluid" /> -->
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="col-md-6 py-3 d-flex flex-column">
|
|
|
+ <view class="card-body px-3 py-2">
|
|
|
+ <view class="badge badge-sm bg-danger mb-1">MT-5</view>
|
|
|
+ <h4>
|
|
|
+ <view class="text-dark">Google Play (Android)</view>
|
|
|
+ </h4>
|
|
|
+ <p>CWG MT5</p>
|
|
|
+ <cwg-link type="download" class="download-card" :url="mt51"
|
|
|
+ downloadName="MetaTrader5.abb">
|
|
|
+ <view class="btn btn-danger waves-effect waves-light"><i
|
|
|
+ class="fi fi-rr-download"></i> {{
|
|
|
+ t('Downloadpage.item6-1') }}</view>
|
|
|
+ </cwg-link>
|
|
|
+
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="col-lg-6 mb-5">
|
|
|
+ <view class="card card-action action-elevate action-border-primary">
|
|
|
+ <view class="row g-0">
|
|
|
+ <view class="col-md-6">
|
|
|
+ <view
|
|
|
+ class="card-header border-0 p-0 m-2 position-relative overflow-hidden">
|
|
|
+ <QrCode :text="mt52" />
|
|
|
+ <!-- <image src="/static/images/vu/metatrade.png" alt=""
|
|
|
+ mode="widthFix" class="img-fluid" /> -->
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="col-md-6 py-3 d-flex flex-column">
|
|
|
+ <view class="card-body px-3 py-2">
|
|
|
+ <view class="badge badge-sm bg-danger mb-1">MT-5</view>
|
|
|
+ <h4>
|
|
|
+ <view class="text-dark">MetaTrader .Apk</view>
|
|
|
+ </h4>
|
|
|
+ <p>CWG MT5</p>
|
|
|
+ <cwg-link type="download" class="download-card" :url="mt52"
|
|
|
+ downloadName="MetaTrader5.apk">
|
|
|
+ <view class="btn btn-danger waves-effect waves-light"><i
|
|
|
+ class="fi fi-rr-download"></i> {{
|
|
|
+ t('Downloadpage.item6-1') }}</view>
|
|
|
+ </cwg-link>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="col-lg-6 mb-5">
|
|
|
+ <view class="card card-action action-elevate action-border-primary">
|
|
|
+ <view class="row g-0">
|
|
|
+ <view class="col-md-6">
|
|
|
+ <view
|
|
|
+ class="card-header border-0 p-0 m-2 position-relative overflow-hidden">
|
|
|
+ <QrCode :text="mt53" />
|
|
|
+ <!-- <image src="/static/images/vu/ios-1.png" alt=""
|
|
|
+ mode="widthFix" class="img-fluid" /> -->
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="col-md-6 py-3 d-flex flex-column">
|
|
|
+ <view class="card-body px-3 py-2">
|
|
|
+ <view class="badge badge-sm bg-danger mb-1">MT-5</view>
|
|
|
+ <h4>
|
|
|
+ <view class="text-dark">App Store (IOS)</view>
|
|
|
+ </h4>
|
|
|
+ <p>CWG MT5</p>
|
|
|
+ <cwg-link type="download" class="download-card" :url="mt53"
|
|
|
+ downloadName="MetaTrader5.app">
|
|
|
+ <view class="btn btn-danger waves-effect waves-light"><i
|
|
|
+ class="fi fi-rr-download"></i> {{
|
|
|
+ t('Downloadpage.item6-1') }}</view>
|
|
|
+ </cwg-link>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
@@ -266,6 +501,15 @@ onMounted(async () => {
|
|
|
</script>
|
|
|
<style lang="scss" scoped>
|
|
|
@import "@/uni.scss";
|
|
|
+@media screen and (max-width: 768px) {
|
|
|
+ .img-fluid {
|
|
|
+ max-width: px2rpx(120);
|
|
|
+ }
|
|
|
+
|
|
|
+ :deep(.qr-container) {
|
|
|
+ justify-content: flex-start;
|
|
|
+ }
|
|
|
+}
|
|
|
|
|
|
#custom_Downloadpage {
|
|
|
width: 100%;
|
