手机端天天 无极选择不同套餐

Host/Views.Mobile/Product/Index.cshtml

@@ -132,34 +132,6 @@
                     }
                 </ul>
                 
-                <div class="p_type @("type"+item.Product.Id)" >
-                    <button type="button" onclick="ttzhizun()" class="btn btn-default btn-lg" style="background-color: #FF9900;">尊享版</button>
-                    <button type="button" onclick="ttgaoji()" class="btn btn-default btn-lg" style="background-color: #FF9900;">高级版</button>
-                    <button type="button" onclick="ttputong()" class="btn btn-default btn-lg" style="background-color: #FF9900;">普通版</button>
-                </div>
-                @if (item.Product.Id == 20) {
-                    <div>
-                        <button type="button" onclick="wjdxphone()" class="btn btn-default btn-lg" style="background-color: #FF9900;">安卓/苹果</button>
-                        <button type="button" onclick="wjdxpc()" class="btn btn-default btn-lg" style="background-color: #FF9900;">电脑</button>
-                    </div>
-                        <br>
-                    <div>
-                        <button type="button" onclick="wjdxpt()" class="btn btn-default btn-lg" style="background-color: #FF9900;">普通版-5兆</button>
-                        <button type="button" onclick="wjdxgj()" class="btn btn-default btn-lg" style="background-color: #FF9900;">高端版-10兆</button>
-                    </div>
-                }
-                
-                @if (item.Product.Id == 21) {
-                    <div>
-                        <button type="button" onclick="wjgxphone()" class="btn btn-default btn-lg" style="background-color: #FF9900;">安卓/苹果</button>
-                        <button type="button" onclick="wjgxpc()" class="btn btn-default btn-lg" style="background-color: #FF9900;">电脑</button>
-                    </div>
-                        <br>
-                    <div>
-                        <button type="button" onclick="wjgxpt()" class="btn btn-default btn-lg" style="background-color: #FF9900;">普通版</button>
-                        <button type="button" onclick="wjgxgj()" class="btn btn-default btn-lg" style="background-color: #FF9900;">极速版</button>
-                    </div>
-                }
                 <script>
                     
                     $(".p_type").hide();
@@ -179,8 +151,15 @@
                         for (var i=1034;i<1046;i++){
                             $("#package-"+i).hide();
                         }
+                        
+                        $(".ttzx").css('background-color','#FF9900');
+                        $(".ttgj").css('background-color','white');
+                        $(".ttpt").css('background-color','white');
                     }
                     function ttgaoji() {
+                        $(".ttgj").css('background-color','#FF9900');
+                        $(".ttzx").css('background-color','white');
+                        $(".ttpt").css('background-color','white');
                         $("#package-89").hide();
                         $("#package-69").hide();
                         $("#package-70").hide();
@@ -195,6 +174,9 @@
                         }
                     }
                     function ttputong() {
+                        $(".ttpt").css('background-color','#FF9900');
+                        $(".ttzx").css('background-color','white');
+                        $(".ttgj").css('background-color','white');
                         $("#package-89").hide();
                         $("#package-69").hide();
                         $("#package-70").hide();
@@ -211,6 +193,8 @@
                     
         var wjdxtype = 1;
         function wjdxphone() {
+            $("#dxaz").css('background-color','#FF9900');
+            $("#dxdn").css('background-color','white');
             wjdxtype = 1;
             for (var i=1048;i<1051;i++){
                 $("#package-"+i).show();
@@ -222,6 +206,8 @@
         wjdxphone();
         
         function wjdxpc() {
+            $("#dxaz").css('background-color','white');
+            $("#dxdn").css('background-color','#FF9900');
             wjdxtype = 2;
             for (var i=1048;i<1054;i++){
                 $("#package-"+i).hide();
@@ -234,6 +220,9 @@
             }
         }
         function wjdxpt() {
+            
+            $("#dxpt").css('background-color','#FF9900');
+            $("#dxgj").css('background-color','white');
             if (wjdxtype == 1) {
                 for (var i=1051;i<1060;i++){
                     $("#package-"+i).hide();
@@ -255,6 +244,9 @@
             }
         }
         function wjdxgj() {
+            
+            $("#dxpt").css('background-color','white');
+            $("#dxgj").css('background-color','#FF9900');
             if (wjdxtype == 1) {
                 for (var i=1048;i<1051;i++){
                     $("#package-"+i).hide();
@@ -280,74 +272,83 @@
         //1 安卓、苹果 2 pc
         var wjgxtype = 1;
         function wjgxphone() {
+            $("#gxaz").css('background-color','#FF9900');
+            $("#gxdn").css('background-color','white');
             $("#wjgxgd").removeClass("active");
             $("#wjgxpt").addClass("active");
             wjgxtype = 1;
             for (var i=1060;i<1063;i++){
-                $("#pkg"+i).show();
+                $("#package-"+i).show();
             }
             for (var i=1063;i<1072;i++){
-                $("#pkg"+i).hide();
+                $("#package-"+i).hide();
             }
         }
+        wjgxphone();
         
         function wjgxpc() {
+            $("#gxaz").css('background-color','white');
+            $("#gxdn").css('background-color','#FF9900');
             $("#wjgxgd").removeClass("active");
             $("#wjgxpt").addClass("active");
             wjgxtype = 2;
             for (var i=1060;i<1066;i++){
-                $("#pkg"+i).hide();
+                $("#package-"+i).hide();
             }
             for (var i=1069;i<1072;i++){
-                $("#pkg"+i).hide();
+                $("#package-"+i).hide();
             }
             for (var i=1066;i<1069;i++){
-                $("#pkg"+i).show();
+                $("#package-"+i).show();
             }
         }
         function wjgxpt() {
+            $("#gxpt").css('background-color','#FF9900');
+            $("#gxgj").css('background-color','white');
             $("#wjgxgd").removeClass("active");
             $("#wjgxpt").addClass("active");
             if (wjgxtype == 1) {
                 for (var i=1060;i<1063;i++){
-                    $("#pkg"+i).show();
+                    $("#package-"+i).show();
                 }
                 for (var i=1063;i<1072;i++){
-                    $("#pkg"+i).hide();
+                    $("#package-"+i).hide();
                 }
             } else if (wjgxtype == 2) {
                 for (var i=1060;i<1066;i++){
-                    $("#pkg"+i).hide();
+                    $("#package-"+i).hide();
                 }
                 for (var i=1066;i<1069;i++){
-                    $("#pkg"+i).show();
+                    $("#package-"+i).show();
                 }
                 
                 for (var i=1069;i<1072;i++){
-                    $("#pkg"+i).hide();
+                    $("#package-"+i).hide();
                 }
             }
         }
         function wjgxgj() {
+            $("#gxpt").css('background-color','white');
+            $("#gxgj").css('background-color','#FF9900');
             $("#wjgxgd").addClass("active");
             $("#wjgxpt").removeClass("active");
             if (wjgxtype == 1) {
                 for (var i=1060;i<1063;i++){
-                    $("#pkg"+i).hide();
+                    $("#package-"+i).hide();
                 }
                 for (var i=1063;i<1066;i++){
-                    $("#pkg"+i).show();
+                    $("#package-"+i).show();
                 }
                 
                 for (var i=1066;i<1072;i++){
-                    $("#pkg"+i).hide();
+                    $("#package-"+i).hide();
                 }
             } else if (wjgxtype == 2) {
                 for (var i=1060;i<1069;i++){
-                    $("#pkg"+i).hide();
+                    $("#package-"+i).hide();
                 }
                 for (var i=1069;i<1072;i++){
-                    $("#pkg"+i).show();
+                    $("#package-"+i).show();
                 }
             }
         }
@@ -358,6 +359,35 @@
                     退款规则：购买价格-使用天数*天卡价格
                 </p>
                 
+                <div class="p_type @("type"+item.Product.Id)" style="padding-top: 10px;">
+                    <button type="button" onclick="ttzhizun()" class="btn btn-default btn-lg ttzx" style="background-color: #FF9900;font-size:1.5em;">尊享版</button>
+                    <button type="button" onclick="ttgaoji()" class="btn btn-default btn-lg ttgj" style="background-color: white;font-size:1.5em;">高级版</button>
+                    <button type="button" onclick="ttputong()" class="btn btn-default btn-lg ttpt" style="background-color: white;font-size:1.5em;">普通版</button>
+                </div>
+
+                 @if (item.Product.Id == 20) {
+                    <div style="margin: 5px;">
+                        <button type="button" onclick="wjdxphone()" id="dxaz" class="btn btn-default btn-lg" style="background-color: white;font-size:1.5em;">安卓/苹果</button>
+                        <button type="button" onclick="wjdxpc()" id="dxdn" class="btn btn-default btn-lg" style="background-color: white;font-size:1.5em;">电脑</button>
+                        
+                    </div>
+                    <div style="margin: 5px;">
+                        <button type="button" onclick="wjdxpt()" id="dxpt" class="btn btn-default btn-lg" style="background-color: #FF9900;font-size:1.5em;">普通版-5兆</button>
+                        <button type="button" onclick="wjdxgj()" id="dxgj" class="btn btn-default btn-lg" style="background-color: white;font-size:1.5em;">高端版-10兆</button>
+                    </div>
+                }
+                
+                @if (item.Product.Id == 21) {
+                    <div style="margin: 5px;">
+                        <button type="button" onclick="wjgxphone()" id="gxaz" class="btn btn-default btn-lg" style="background-color: #FF9900;font-size:1.5em;">安卓/苹果</button>
+                        <button type="button" onclick="wjgxpc()" id="gxdn" class="btn btn-default btn-lg" style="background-color: white;font-size:1.5em;">电脑</button>
+                    </div>
+                    <div style="margin: 5px;">
+                        <button type="button" onclick="wjgxpt()" id="gxpt" class="btn btn-default btn-lg" style="background-color: #FF9900;font-size:1.5em;">普通版</button>
+                        <button type="button" onclick="wjgxgj()" id="gxgj" class="btn btn-default btn-lg" style="background-color: white;font-size:1.5em;">极速版</button>
+                    </div>
+                }
+                
                 @foreach (var package in item.Packages.Where(m => m.Status == 1&&(m.TenantId==1157||m.TenantId==9999||m.TenantId==10000)).OrderBy(m => m.TenantId))
                 {
                     if (package.IsTest == 1)