修改下载码样式

normand/frontend/frontend/views/download/download.php

@@ -106,11 +106,11 @@ use yii\helpers\Url;
                         </a>
                     </li>
                     <li>
-                        <a href="javascript:void(0)" class="ico android" style="margin:auto;">
+                        <a href="##" class="ico android android-download">
                             <span class="default"></span>
                             <span class="over"></span>
                         </a>
-                        <a id="download_ewm_and" href="javascript:void(0)">
+                        <a href="##"  class="android-download">
                             <?php if($language == 0){?>
                                 Android下载
                             <?php }else if($language == 1){?>
@@ -120,14 +120,13 @@ use yii\helpers\Url;
                             <?php }?>
 
                         </a>
-						
                     </li>
                     <li>
-                        <a href="javascript:void(0)" class="ico iphone" style="margin:auto;">
+                        <a href="##" class="ico iphone iphone-download">
                             <span class="default"></span>
                             <span class="over"></span>
                         </a>
-                        <a href="javascript:void(0)" id="download_ewm_ios">
+                        <a href="##" class="iphone-download">
                             <?php if($language == 0){?>
                                 iPhone下载
                             <?php }else if($language == 1){?>
@@ -140,17 +139,7 @@ use yii\helpers\Url;
                     </li>
                 </ul>
             </div>
-            <div>
-			    <img id="download_ewm_android" src="<?= STATIC_URL ?>/static/fxm/images/download.jpg"  style="display: none;width:210px;height:210px;margin-top:35px;">
-		        <img id="download_ewm_android1" src="<?= STATIC_URL ?>/static/fxm/images/download1.jpg" style="display: none;width:210px;height:210px;margin-top:35px;">
-		        <img id="download_ewm_android2" src="<?= STATIC_URL ?>/static/fxm/images/download2.jpg" style="display: none;width:210px;height:210px;margin-top:35px;">
-		        <img id="download_ewm_android3" src="<?= STATIC_URL ?>/static/fxm/images/download3.jpg" style="display: none;width:210px;height:210px;margin-top:35px;">
-			</div>
-            <div>
-			    <img id="download_ewm_iosend" src="<?= STATIC_URL ?>/static/fxm/images/appledownload.jpg" style="display: none;margin-right: 100px;
-    margin-top: 40px;">
-		        <img id="download_ewm_iosend1" src="<?= STATIC_URL ?>/static/fxm/images/appledownload1.jpg" style="display: none;width:210px;height:210px;margin-top:35px;">
-			</div>
+            
         </div>
     </div>
 
@@ -191,26 +180,7 @@ use yii\helpers\Url;
             'top': '119px'
         }, 500)
     })
-	$("#download_ewm_and").mouseover(function () {
-		$("#download_ewm_android").fadeIn(1000);
-		$("#download_ewm_android1").fadeIn(1000);
-		$("#download_ewm_android2").fadeIn(1000);
-		$("#download_ewm_android3").fadeIn(1000);
-	})
-	$("#download_ewm_and").mouseout(function () {
-		$("#download_ewm_android").fadeOut(1000);
-		$("#download_ewm_android1").fadeOut(1000);
-		$("#download_ewm_android2").fadeOut(1000);
-		$("#download_ewm_android3").fadeOut(1000);
-	})
-	$("#download_ewm_ios").mouseover(function () {
-		$("#download_ewm_iosend").fadeIn(1000);
-		$("#download_ewm_iosend1").fadeIn(1000);
-	})
-	$("#download_ewm_ios").mouseout(function () {
-		$("#download_ewm_iosend").fadeOut(1000);
-		$("#download_ewm_iosend1").fadeOut(1000);
-    })
+	
     var imgurl = $("#download_ewm_android").attr('src');
     var an_imgurl1 = $("#download_ewm_android1").attr('src');
     var an_imgurl2 = $("#download_ewm_android2").attr('src');

normand/frontend/frontend/views/layouts/main.php

@@ -41,37 +41,40 @@ use yii\helpers\Html;
 <div class="sideNav">
     <?= $this->render('/common/_sidebar.php') ?>
 </div>
-<!-- 下载弹框 -->
+
+<!-- 苹果下载弹框开始 -->
+
 <div class="mobile-download" id="mobile-download" style="display: none;">
     <div class="iPhone_">
-        <div class="subOne">
-            <img src="<?= STATIC_URL ?>/static/fxm/images/ios.jpg">
+        <div>
+            <img id="download_ewm_iosend" src="<?= STATIC_URL ?>/static/fxm/images/appledownload.jpg"   style="width:180px !important;margin-right:20px;margin-top:10px;">
+		    <img id="download_ewm_iosend1" src="<?= STATIC_URL ?>/static/fxm/images/appledownload1.jpg" style="width:200px !important;margin-right:20px;">
         </div>
-        <div class="subTwo">
-            <?php if($this->language == 0){?>
-                <p style="font-size: 24px;margin-bottom:20px;">说明：</p>
-                <div class="profile">
-                    <div>一、打开您的苹果设备进入到 APP Store，使用搜索功能搜索 "MetaTrader 4"，点击"获取"完成 MT4 交易软件安装；</div>
-                    <div>二、打开 MT4 APP，选择"登录一个已有账户"，搜索框内输入MT4服务器 "TrendsInternational"，真实账号选择 "TrendsInternational-Live"，模拟账号选择 "TrendsInternational-Demo" 输入账号及密码即可登录使用。</div>
-                </div>
-            <?php }else if($this->language == 1){?>
-                <p style="font-size: 24px;margin-bottom:20px;">說明：</p>
-                <div class="profile">
-                    <div>一、打開您的蘋果設備進入到 APP Store，使用搜索功能搜索 "MetaTrader 4"，點擊“獲取”完成 MT4 交易軟件安裝；</div>
-                    <div>二、打開 MT4 APP，選擇“登錄一個已有帳戶”，搜索櫃內輸入 MT4 服務器 "TrendsInternational"，真實帳號選擇 "TrendsInternational-Live"，模擬帳號選擇 "TrendsInternational-Demo" 輸入帳號及密碼即可登錄使用。</div>
-                </div>
-            <?php }else{?>
-                <p style="font-size: 24px;margin-bottom:20px;">Explain：</p>
-                <div class="profile">
-                    <div>1. Open your Apple device and enter the App Store. Search "MetaTrader 4" using the search function, and click "Get" to complete the installation of MT4 trading software.</div>
-                    <div>2. Open MT4 APP, select "Log in to an existing account", enter MT4 server "Trends International" in the search box, select "Trends International-Live" for real account, and select "Trends International-Demo" for simulated account to enter account and password to log in and use.</div>
-                </div>
-            <?php }?>
+        <div style="width: 100px;font-size: 20px;box-sizing: inherit;">苹果的主要下载码</div>
+        <img class="closeButton" id="closeButton" src="<?= STATIC_URL ?>/static/fxm/images/closeButton.png">
+    </div>
+</div>
+
+<!-- 苹果下载弹框结束 -->
 
+
+
+<!-- 安卓下载弹框开始 -->
+
+<div class="mobile1-download" id="mobile1-download" style="display: none;">
+    <div class="iPhone_">
+        <div>
+            <img id="download_ewm_android" src="<?= STATIC_URL ?>/static/fxm/images/download.jpg"   style="width:180px !important;margin-right:20px;margin-top:10px;">
+		    <img id="download_ewm_android3" src="<?= STATIC_URL ?>/static/fxm/images/download3.jpg" style="width:180px !important;margin-right:20px;margin-top:10px;">
+		    <img id="download_ewm_android1" src="<?= STATIC_URL ?>/static/fxm/images/download1.jpg" style="width:200px !important;margin-right:20px;">
+		    <img id="download_ewm_android2" src="<?= STATIC_URL ?>/static/fxm/images/download2.jpg" style="width:200px !important;margin-right:20px;">
         </div>
-        <img class="closeButton" id="closeButton" src="<?= STATIC_URL ?>/static/fxm/images/closeButton.png">
+        <div style="width: 100px;font-size: 20px;box-sizing: inherit;">第一个为主要下载码,其他三个为辅助下载码</div>
+        <img class="closeButton1" id="closeButton1" src="<?= STATIC_URL ?>/static/fxm/images/closeButton.png">
     </div>
 </div>
+
+<!-- 安卓下载弹框结束 -->
 <link rel="stylesheet" href="<?= STATIC_URL ?>/static/fxm/plugin/owlcarousel2/owl.carousel.min.css">
 <link rel="stylesheet" href="<?= STATIC_URL ?>/static/fxm/plugin/owlcarousel2/owl.theme.default.css">
 <script src="<?= STATIC_URL ?>/static/fxm/plugin/scrollreveal.min.js"></script>

normand/frontend/frontend/web/static/fxm/js/public.js

@@ -84,7 +84,20 @@ $(function () {
   $('.iphone-download').click(function () {
     $('#mobile-download').fadeIn();
   });
+
   $('#closeButton').click(function () {
     $('#mobile-download').fadeOut();
   });
+
+
+   // 安卓的下载按钮弹框
+   $('.android-download').click(function () {
+     console.log(11111);
+     console.log($('#mobile1-download'));
+    $('#mobile1-download').fadeIn();
+  });
+  $('#closeButton1').click(function () {
+    $('#mobile1-download').fadeOut();
+  });
+  
 });