wesmiler ECY 画画交易平台

application/shop/view/index/run.html

@@ -0,0 +1,84 @@
+<style>
+    .bg-box {
+        position: absolute;
+        top: 0;
+        left: 0;
+    }
+
+    .bg-box .close {
+        position: fixed;
+        top: 15px;
+        right: 15px;
+        z-index: 997;
+        width: 36px;
+    }
+
+    .bg-box .bg {
+        height: 100%;
+        width: 100%;
+        position: fixed;
+        z-index: 996;
+        top: 0;
+        left: 0;
+    }
+</style>
+<div class="bg-box">
+    <img id="close" class="close" onclick="switchVoice()" style="display: none;" src="__CDN__/assets/shop/img/index/voice-close.png" alt="">
+    <img id="open" class="close" onclick="switchVoice()" src="__CDN__/assets/shop/img/index/voice.png" alt="">
+    <img id="bg" class="bg" style="display: none;" onClick="entry()" src="__CDN__/assets/shop/img/index/run.jpg" alt="">
+    <audio id="audio" src="__CDN__/assets/shop/mp3/bgmusic.mp3" autoplay controls style="display: none;"></audio>
+</div>
+<script type="text/javascript">
+
+
+    $(function () {
+        var loadRun = sessionStorage.getItem('cha.loadRun')
+        loadRun = typeof (loadRun) != 'undefined' && loadRun != null ? loadRun : false;
+        console.log(loadRun)
+        if (!loadRun) {
+            $("#app").hide();
+            $("#bg").show();
+        }else{
+            switchVoice();
+        }
+    })
+
+    /**
+     * 控制声音
+     */
+    function switchVoice(){
+        var audio = document.getElementById('audio');
+        if (audio.paused) {
+            $(audio).attr('controls', true);
+            audio.play();
+            $("#open").show();
+            $("#close").hide();
+        } else {
+            $(audio).removeAttr('controls');
+            audio.pause();
+            $("#open").hide();
+            $("#close").show();
+        }
+    }
+
+    /**
+     * 进入
+     */
+    function entry() {
+        var audio = document.getElementById('audio');
+        if (audio.paused) {
+            $("")
+            $(audio).attr('controls', true);
+            audio.play();
+        } else {
+            $(audio).removeAttr('controls');
+            audio.pause();
+        }
+
+        sessionStorage.setItem('cha.loadRun', true)
+        setTimeout(function(){
+            $("#bg").hide(200);
+            $("#app").show();
+        }, 800)
+    }
+</script>

application/shop/view/trade/trade1.html

@@ -84,35 +84,41 @@
         </div>
     </div>
 </div>
-<div data-am-widget="navbar" class="am-navbar am-cf am-navbar-default" id="">
+<div data-am-widget="navbar" class="am-navbar am-cf am-navbar-default" id="navbar">
     <ul class="am-navbar-nav am-cf am-avg-sm-3">
         <li class="">
-            <a href="{:url('shop/index/index')}">
+            <a data-href="{:url('shop/index/index')}" >
                 <span class="am-icon-home"></span>
                 <span class="am-navbar-label">首页</span>
             </a>
         </li>
+        <li class="">
+            <a data-href="{:url('/shop/goods/goodslist')}">
+                <span class="am-icon-cart-plus"></span>
+                <span class="am-navbar-label">商城</span>
+            </a>
+        </li>
         <li class="am-active">
-            <a href="{:url('shop/trade/tradelist')}">
+            <a data-href="{:url('shop/trade/tradelist')}">
                 <span class="am-icon-file-text-o"></span>
                 <span class="am-navbar-label">全部订单</span>
             </a>
         </li>
         <li class="">
-            <a href="{:url('shop/user/bonuspage')}">
+            <a data-href="{:url('shop/user/bonuspage')}">
                 <span class="am-icon-anchor"></span>
                 <span class="am-navbar-label">分销中心</span>
             </a>
         </li>
-        <li>
-            <a href="{:url('shop/user/index')}">
+        <li class="">
+            <a data-href="{:url('shop/user/index')}">
                 <span class="am-icon-user"></span>
                 <span class="am-navbar-label">个人中心</span>
             </a>
         </li>
     </ul>
+    <audio id="menuAudio" src="__CDN__/assets/shop/mp3/btn.wav" style="width: 0;height: 0"></audio>
 </div>
-
 <!--[if (gte IE 9)|!(IE)]><!-->
 <script src="__CDN__/assets/index/js/jquery.min.js"></script>
 <!--<![endif]-->
@@ -126,6 +132,35 @@
 <script src="__CDN__/assets/index/js/app.js"></script>
 <script src="__CDN__/assets/libs/layer/layer.js"></script>
 <script type="text/javascript">
+    $(function() {
+        // 导航跳转
+        $("#navbar a").click(function(){
+            var url = $(this).attr('data-href');
+            if(url){
+                playMusic();
+                setTimeout(function(){
+                    location=url;
+                }, 800)
+            }
+        })
+    })
+
+    /**
+     * 按钮声音
+     */
+    function playMusic(){
+        var audio = document.getElementById('menuAudio');
+        if (audio.paused) {
+            $(audio).attr('autoplay', true);
+            $(audio).attr('controls', true);
+            audio.play();
+        } else {
+            $(audio).removeAttr('autoplay');
+            $(audio).removeAttr('controls');
+            audio.pause();
+        }
+    }
+
     $('.am-tabs-nav li').click(function(){
         window.location=$(this).find('a').attr('data-href');
     });

application/shop/view/trade/trade2.html

@@ -83,33 +83,40 @@
         </div>
     </div>
 </div>
-<div data-am-widget="navbar" class="am-navbar am-cf am-navbar-default" id="">
+<div data-am-widget="navbar" class="am-navbar am-cf am-navbar-default" id="navbar">
     <ul class="am-navbar-nav am-cf am-avg-sm-3">
         <li class="">
-            <a href="{:url('shop/index/index')}">
+            <a data-href="{:url('shop/index/index')}" >
                 <span class="am-icon-home"></span>
                 <span class="am-navbar-label">首页</span>
             </a>
         </li>
+        <li class="">
+            <a data-href="{:url('/shop/goods/goodslist')}">
+                <span class="am-icon-cart-plus"></span>
+                <span class="am-navbar-label">商城</span>
+            </a>
+        </li>
         <li class="am-active">
-            <a href="{:url('shop/trade/tradelist')}">
+            <a data-href="{:url('shop/trade/tradelist')}">
                 <span class="am-icon-file-text-o"></span>
                 <span class="am-navbar-label">全部订单</span>
             </a>
         </li>
         <li class="">
-            <a href="{:url('shop/user/bonuspage')}">
+            <a data-href="{:url('shop/user/bonuspage')}">
                 <span class="am-icon-anchor"></span>
                 <span class="am-navbar-label">分销中心</span>
             </a>
         </li>
-        <li>
-            <a href="{:url('shop/user/index')}">
+        <li class="">
+            <a data-href="{:url('shop/user/index')}">
                 <span class="am-icon-user"></span>
                 <span class="am-navbar-label">个人中心</span>
             </a>
         </li>
     </ul>
+    <audio id="menuAudio" src="__CDN__/assets/shop/mp3/btn.wav" style="width: 0;height: 0"></audio>
 </div>
 <div id="tong" style="display:none;">
     <img src="" style="max-width: 100%">
@@ -127,6 +134,35 @@
 <script src="__CDN__/assets/index/js/app.js"></script>
 <script src="__CDN__/assets/libs/layer/layer.js"></script>
 <script type="text/javascript">
+    $(function() {
+        // 导航跳转
+        $("#navbar a").click(function(){
+            var url = $(this).attr('data-href');
+            if(url){
+                playMusic();
+                setTimeout(function(){
+                    location=url;
+                }, 800)
+            }
+        })
+    })
+
+    /**
+     * 按钮声音
+     */
+    function playMusic(){
+        var audio = document.getElementById('menuAudio');
+        if (audio.paused) {
+            $(audio).attr('autoplay', true);
+            $(audio).attr('controls', true);
+            audio.play();
+        } else {
+            $(audio).removeAttr('autoplay');
+            $(audio).removeAttr('controls');
+            audio.pause();
+        }
+    }
+
     $('img').click(function(){
         $('#tong img').attr('src',$(this).attr('src'));
         layer.open({

application/shop/view/trade/trade3.html

@@ -106,35 +106,41 @@
         </div>
     </div>
 </div>
-<div data-am-widget="navbar" class="am-navbar am-cf am-navbar-default" id="">
+<div data-am-widget="navbar" class="am-navbar am-cf am-navbar-default" id="navbar">
     <ul class="am-navbar-nav am-cf am-avg-sm-3">
         <li class="">
-            <a href="{:url('shop/index/index')}">
+            <a data-href="{:url('shop/index/index')}" >
                 <span class="am-icon-home"></span>
                 <span class="am-navbar-label">首页</span>
             </a>
         </li>
+        <li class="">
+            <a data-href="{:url('/shop/goods/goodslist')}">
+                <span class="am-icon-cart-plus"></span>
+                <span class="am-navbar-label">商城</span>
+            </a>
+        </li>
         <li class="am-active">
-            <a href="{:url('shop/trade/tradelist')}">
+            <a data-href="{:url('shop/trade/tradelist')}">
                 <span class="am-icon-file-text-o"></span>
                 <span class="am-navbar-label">全部订单</span>
             </a>
         </li>
         <li class="">
-            <a href="{:url('shop/user/bonuspage')}">
+            <a data-href="{:url('shop/user/bonuspage')}">
                 <span class="am-icon-anchor"></span>
                 <span class="am-navbar-label">分销中心</span>
             </a>
         </li>
-        <li>
-            <a href="{:url('shop/user/index')}">
+        <li class="">
+            <a data-href="{:url('shop/user/index')}">
                 <span class="am-icon-user"></span>
                 <span class="am-navbar-label">个人中心</span>
             </a>
         </li>
     </ul>
+    <audio id="menuAudio" src="__CDN__/assets/shop/mp3/btn.wav" style="width: 0;height: 0"></audio>
 </div>
-
 <!--[if (gte IE 9)|!(IE)]><!-->
 <script src="__CDN__/assets/index/js/jquery.min.js"></script>
 <!--<![endif]-->
@@ -148,6 +154,35 @@
 <script src="__CDN__/assets/index/js/app.js"></script>
 <script src="__CDN__/assets/libs/layer/layer.js"></script>
 <script type="text/javascript">
+    $(function() {
+        // 导航跳转
+        $("#navbar a").click(function(){
+            var url = $(this).attr('data-href');
+            if(url){
+                playMusic();
+                setTimeout(function(){
+                    location=url;
+                }, 800)
+            }
+        })
+    })
+
+    /**
+     * 按钮声音
+     */
+    function playMusic(){
+        var audio = document.getElementById('menuAudio');
+        if (audio.paused) {
+            $(audio).attr('autoplay', true);
+            $(audio).attr('controls', true);
+            audio.play();
+        } else {
+            $(audio).removeAttr('autoplay');
+            $(audio).removeAttr('controls');
+            audio.pause();
+        }
+    }
+
     $('.am-tabs-nav li').click(function(){
         window.location=$(this).find('a').attr('data-href');
     });

application/shop/view/trade/trade4.html

@@ -52,33 +52,40 @@
         </div>
     </div>
 </div>
-<div data-am-widget="navbar" class="am-navbar am-cf am-navbar-default" id="">
+<div data-am-widget="navbar" class="am-navbar am-cf am-navbar-default" id="navbar">
     <ul class="am-navbar-nav am-cf am-avg-sm-3">
         <li class="">
-            <a href="{:url('shop/index/index')}">
+            <a data-href="{:url('shop/index/index')}" >
                 <span class="am-icon-home"></span>
                 <span class="am-navbar-label">首页</span>
             </a>
         </li>
+        <li class="">
+            <a data-href="{:url('/shop/goods/goodslist')}">
+                <span class="am-icon-cart-plus"></span>
+                <span class="am-navbar-label">商城</span>
+            </a>
+        </li>
         <li class="am-active">
-            <a href="{:url('shop/trade/tradelist')}">
+            <a data-href="{:url('shop/trade/tradelist')}">
                 <span class="am-icon-file-text-o"></span>
                 <span class="am-navbar-label">全部订单</span>
             </a>
         </li>
         <li class="">
-            <a href="{:url('shop/user/bonuspage')}">
+            <a data-href="{:url('shop/user/bonuspage')}">
                 <span class="am-icon-anchor"></span>
                 <span class="am-navbar-label">分销中心</span>
             </a>
         </li>
-        <li>
-            <a href="{:url('shop/user/index')}">
+        <li class="">
+            <a data-href="{:url('shop/user/index')}">
                 <span class="am-icon-user"></span>
                 <span class="am-navbar-label">个人中心</span>
             </a>
         </li>
     </ul>
+    <audio id="menuAudio" src="__CDN__/assets/shop/mp3/btn.wav" style="width: 0;height: 0"></audio>
 </div>
 <!--[if (gte IE 9)|!(IE)]><!-->
 <script src="__CDN__/assets/index/js/jquery.min.js"></script>
@@ -93,6 +100,35 @@
 <script src="__CDN__/assets/index/js/app.js"></script>
 <script src="__CDN__/assets/libs/layer/layer.js"></script>
 <script type="text/javascript">
+    $(function() {
+        // 导航跳转
+        $("#navbar a").click(function(){
+            var url = $(this).attr('data-href');
+            if(url){
+                playMusic();
+                setTimeout(function(){
+                    location=url;
+                }, 800)
+            }
+        })
+    })
+
+    /**
+     * 按钮声音
+     */
+    function playMusic(){
+        var audio = document.getElementById('menuAudio');
+        if (audio.paused) {
+            $(audio).attr('autoplay', true);
+            $(audio).attr('controls', true);
+            audio.play();
+        } else {
+            $(audio).removeAttr('autoplay');
+            $(audio).removeAttr('controls');
+            audio.pause();
+        }
+    }
+
     $('.am-tabs-nav li').click(function(){
         window.location=$(this).find('a').attr('data-href');
     });

application/shop/view/trade/trade5.html

@@ -85,33 +85,40 @@
         </div>
     </div>
 </div>
-<div data-am-widget="navbar" class="am-navbar am-cf am-navbar-default" id="">
+<div data-am-widget="navbar" class="am-navbar am-cf am-navbar-default" id="navbar">
     <ul class="am-navbar-nav am-cf am-avg-sm-3">
         <li class="">
-            <a href="{:url('shop/index/index')}">
+            <a data-href="{:url('shop/index/index')}" >
                 <span class="am-icon-home"></span>
                 <span class="am-navbar-label">首页</span>
             </a>
         </li>
+        <li class="">
+            <a data-href="{:url('/shop/goods/goodslist')}">
+                <span class="am-icon-cart-plus"></span>
+                <span class="am-navbar-label">商城</span>
+            </a>
+        </li>
         <li class="am-active">
-            <a href="{:url('shop/trade/tradelist')}">
+            <a data-href="{:url('shop/trade/tradelist')}">
                 <span class="am-icon-file-text-o"></span>
                 <span class="am-navbar-label">全部订单</span>
             </a>
         </li>
         <li class="">
-            <a href="{:url('shop/user/bonuspage')}">
+            <a data-href="{:url('shop/user/bonuspage')}">
                 <span class="am-icon-anchor"></span>
                 <span class="am-navbar-label">分销中心</span>
             </a>
         </li>
-        <li>
-            <a href="{:url('shop/user/index')}">
+        <li class="">
+            <a data-href="{:url('shop/user/index')}">
                 <span class="am-icon-user"></span>
                 <span class="am-navbar-label">个人中心</span>
             </a>
         </li>
     </ul>
+    <audio id="menuAudio" src="__CDN__/assets/shop/mp3/btn.wav" style="width: 0;height: 0"></audio>
 </div>
 <!--[if (gte IE 9)|!(IE)]><!-->
 <script src="__CDN__/assets/index/js/jquery.min.js"></script>
@@ -126,6 +133,35 @@
 <script src="__CDN__/assets/index/js/app.js"></script>
 <script src="__CDN__/assets/libs/layer/layer.js"></script>
 <script type="text/javascript">
+    $(function() {
+        // 导航跳转
+        $("#navbar a").click(function(){
+            var url = $(this).attr('data-href');
+            if(url){
+                playMusic();
+                setTimeout(function(){
+                    location=url;
+                }, 800)
+            }
+        })
+    })
+
+    /**
+     * 按钮声音
+     */
+    function playMusic(){
+        var audio = document.getElementById('menuAudio');
+        if (audio.paused) {
+            $(audio).attr('autoplay', true);
+            $(audio).attr('controls', true);
+            audio.play();
+        } else {
+            $(audio).removeAttr('autoplay');
+            $(audio).removeAttr('controls');
+            audio.pause();
+        }
+    }
+
     $('.am-tabs-nav li').click(function(){
         window.location=$(this).find('a').attr('data-href');
     });

application/shop/view/trade/tradelist.html

@@ -52,35 +52,43 @@
         </div>
     </div>
 </div>
-<div data-am-widget="navbar" class="am-navbar am-cf am-navbar-default" id="">
+
+<!-- Footer-Menu -->
+<div data-am-widget="navbar" class="am-navbar am-cf am-navbar-default" id="navbar">
     <ul class="am-navbar-nav am-cf am-avg-sm-3">
         <li class="">
-            <a href="{:url('shop/index/index')}">
+            <a data-href="{:url('shop/index/index')}" >
                 <span class="am-icon-home"></span>
                 <span class="am-navbar-label">首页</span>
             </a>
         </li>
+        <li class="">
+            <a data-href="{:url('/shop/goods/goodslist')}">
+                <span class="am-icon-cart-plus"></span>
+                <span class="am-navbar-label">商城</span>
+            </a>
+        </li>
         <li class="am-active">
-            <a href="{:url('shop/trade/tradelist')}">
+            <a data-href="{:url('shop/trade/tradelist')}">
                 <span class="am-icon-file-text-o"></span>
                 <span class="am-navbar-label">全部订单</span>
             </a>
         </li>
         <li class="">
-            <a href="{:url('shop/user/bonuspage')}">
+            <a data-href="{:url('shop/user/bonuspage')}">
                 <span class="am-icon-anchor"></span>
                 <span class="am-navbar-label">分销中心</span>
             </a>
         </li>
-        <li>
-            <a href="{:url('shop/user/index')}">
+        <li class="">
+            <a data-href="{:url('shop/user/index')}">
                 <span class="am-icon-user"></span>
                 <span class="am-navbar-label">个人中心</span>
             </a>
         </li>
     </ul>
+    <audio id="menuAudio" src="__CDN__/assets/shop/mp3/btn.wav" style="width: 0;height: 0"></audio>
 </div>
-
 <!--[if (gte IE 9)|!(IE)]><!-->
 <script src="__CDN__/assets/index/js/jquery.min.js"></script>
 <!--<![endif]-->
@@ -94,6 +102,35 @@
 <script src="__CDN__/assets/index/js/app.js"></script>
 <script src="__CDN__/assets/libs/layer/layer.js"></script>
 <script type="text/javascript">
+    $(function() {
+        // 导航跳转
+        $("#navbar a").click(function(){
+            var url = $(this).attr('data-href');
+            if(url){
+                playMusic();
+                setTimeout(function(){
+                    location=url;
+                }, 800)
+            }
+        })
+    })
+
+    /**
+     * 按钮声音
+     */
+    function playMusic(){
+        var audio = document.getElementById('menuAudio');
+        if (audio.paused) {
+            $(audio).attr('autoplay', true);
+            $(audio).attr('controls', true);
+            audio.play();
+        } else {
+            $(audio).removeAttr('autoplay');
+            $(audio).removeAttr('controls');
+            audio.pause();
+        }
+    }
+
     $('.am-tabs-nav li').click(function(){
         window.location=$(this).find('a').attr('data-href');
     });

application/shop/view/user/bonuspage.html

@@ -23,8 +23,8 @@
 	<link rel="stylesheet" href="__CDN__/assets/shop/css/app.css">
 
 	<style>
-.yjimg img{width: 35px;margin-top:-2rem;}
-.yjimg li{padding:1rem;}
+		.yjimg img{width: 35px;margin-top:-2rem;}
+		.yjimg li{padding:1rem;}
 	</style>
 </head>
 <body class="">
@@ -111,33 +111,40 @@
 </div>
 
 <!-- Footer-Menu -->
-<div data-am-widget="navbar" class="am-navbar am-cf am-navbar-default" id="">
+<div data-am-widget="navbar" class="am-navbar am-cf am-navbar-default" id="navbar">
 	<ul class="am-navbar-nav am-cf am-avg-sm-3">
 		<li class="">
-			<a href="{:url('shop/index/index')}">
+			<a data-href="{:url('shop/index/index')}" >
 				<span class="am-icon-home"></span>
 				<span class="am-navbar-label">首页</span>
 			</a>
 		</li>
 		<li class="">
-			<a href="{:url('shop/trade/tradelist')}">
+			<a data-href="{:url('/shop/goods/goodslist')}">
+				<span class="am-icon-cart-plus"></span>
+				<span class="am-navbar-label">商城</span>
+			</a>
+		</li>
+		<li class="">
+			<a data-href="{:url('shop/trade/tradelist')}">
 				<span class="am-icon-file-text-o"></span>
 				<span class="am-navbar-label">全部订单</span>
 			</a>
 		</li>
 		<li class="am-active">
-			<a href="{:url('shop/user/bonuspage')}">
+			<a data-href="{:url('shop/user/bonuspage')}">
 				<span class="am-icon-anchor"></span>
 				<span class="am-navbar-label">分销中心</span>
 			</a>
 		</li>
-		<li>
-			<a href="{:url('shop/user/index')}">
+		<li class="">
+			<a data-href="{:url('shop/user/index')}">
 				<span class="am-icon-user"></span>
 				<span class="am-navbar-label">个人中心</span>
 			</a>
 		</li>
 	</ul>
+	<audio id="menuAudio" src="__CDN__/assets/shop/mp3/btn.wav" style="width: 0;height: 0"></audio>
 </div>
 <!--[if (gte IE 9)|!(IE)]><!-->
 <!--<![endif]-->
@@ -151,19 +158,48 @@
 <script src="__CDN__/assets/shop/js/app.js"></script>
 <script src="__CDN__/assets/libs/layer/layer.js"></script>
 <script type="text/javascript">
-    function copyUrl(){
-        var txt=$(".url-link").text();
-        copy(txt);
-    }
-    function copy(message) {
-        var input = document.createElement("input");
-        input.value = message;
-        document.body.appendChild(input);
-        input.select();
-        input.setSelectionRange(0, input.value.length), document.execCommand('Copy');
-        document.body.removeChild(input);
-        layer.msg("{:__('复制成功')}");
-    }
+	function copyUrl(){
+		var txt=$(".url-link").text();
+		copy(txt);
+	}
+	function copy(message) {
+		var input = document.createElement("input");
+		input.value = message;
+		document.body.appendChild(input);
+		input.select();
+		input.setSelectionRange(0, input.value.length), document.execCommand('Copy');
+		document.body.removeChild(input);
+		layer.msg("{:__('复制成功')}");
+	}
+
+	$(function() {
+		// 导航跳转
+		$("#navbar a").click(function(){
+			var url = $(this).attr('data-href');
+			if(url){
+				playMusic();
+				setTimeout(function(){
+					location=url;
+				}, 800)
+			}
+		})
+	})
+
+	/**
+	 * 按钮声音
+	 */
+	function playMusic(){
+		var audio = document.getElementById('menuAudio');
+		if (audio.paused) {
+			$(audio).attr('autoplay', true);
+			$(audio).attr('controls', true);
+			audio.play();
+		} else {
+			$(audio).removeAttr('autoplay');
+			$(audio).removeAttr('controls');
+			audio.pause();
+		}
+	}
 </script>
 </body>
 </html>

application/shop/view/user/index.html

@@ -134,33 +134,40 @@
 	</div>
 </div>
 <!-- Footer-Menu -->
-<div data-am-widget="navbar" class="am-navbar am-cf am-navbar-default" id="">
+<div data-am-widget="navbar" class="am-navbar am-cf am-navbar-default" id="navbar">
 	<ul class="am-navbar-nav am-cf am-avg-sm-3">
 		<li class="">
-			<a href="{:url('shop/index/index')}">
+			<a data-href="{:url('shop/index/index')}" >
 				<span class="am-icon-home"></span>
 				<span class="am-navbar-label">首页</span>
 			</a>
 		</li>
 		<li class="">
-			<a href="{:url('shop/trade/tradelist')}">
+			<a data-href="{:url('/shop/goods/goodslist')}">
+				<span class="am-icon-cart-plus"></span>
+				<span class="am-navbar-label">商城</span>
+			</a>
+		</li>
+		<li class="">
+			<a data-href="{:url('shop/trade/tradelist')}">
 				<span class="am-icon-file-text-o"></span>
 				<span class="am-navbar-label">全部订单</span>
 			</a>
 		</li>
 		<li class="">
-			<a href="{:url('shop/user/bonuspage')}">
+			<a data-href="{:url('shop/user/bonuspage')}">
 				<span class="am-icon-anchor"></span>
 				<span class="am-navbar-label">分销中心</span>
 			</a>
 		</li>
 		<li class="am-active">
-			<a href="{:url('shop/user/index')}">
+			<a data-href="{:url('shop/user/index')}">
 				<span class="am-icon-user"></span>
 				<span class="am-navbar-label">个人中心</span>
 			</a>
 		</li>
 	</ul>
+	<audio id="menuAudio" src="__CDN__/assets/shop/mp3/btn.wav" style="width: 0;height: 0"></audio>
 </div>
 <!--[if (gte IE 9)|!(IE)]><!-->
 <!--<![endif]-->
@@ -174,7 +181,34 @@
 <script src="__CDN__/assets/shop/js/app.js"></script>
 <script src="__CDN__/assets/libs/layer/layer.js"></script>
 <script type="text/javascript">
+	$(function() {
+		// 导航跳转
+		$("#navbar a").click(function(){
+			var url = $(this).attr('data-href');
+			if(url){
+				playMusic();
+				setTimeout(function(){
+					location=url;
+				}, 800)
+			}
+		})
+	})
 
+	/**
+	 * 按钮声音
+	 */
+	function playMusic(){
+		var audio = document.getElementById('menuAudio');
+		if (audio.paused) {
+			$(audio).attr('autoplay', true);
+			$(audio).attr('controls', true);
+			audio.play();
+		} else {
+			$(audio).removeAttr('autoplay');
+			$(audio).removeAttr('controls');
+			audio.pause();
+		}
+	}
 </script>
 </body>
 </html>

application/shop/view/user/login.html

@@ -64,6 +64,7 @@
 	                    layer.msg(data.msg,{time:1000},function(){
 	                    	if(data.code >0 )
 	                    	{
+	                    		// location='/shop/index/run';
 	                    		location='/shop/index/index';
 	                    	}else{
 	                    		location=location;