order menu

css/custom.css

@@ -286,6 +286,8 @@ h2.slogen{text-align: center; font-size: 50px; letter-spacing: 2px; font-weight:
 .data-group.cateory-type li{width: 16.6%; }
 .data-group.cateory-type li .data-item .data-name{ line-height: 18px; height: 36px; text-align: center;}
 
+.leftmenu ~ .content-box  .data-group.data-type li{width: 33.3%;}
+
 .sort-button .sort{ cursor:pointer; }
 .sort-button .sorting:after, .sort-button .sorting_asc::after, .sort-button .sorting_desc::after{font-family: 'FontAwesome'; font-size:12px; margin-left:5px; position: relative;speak:none;}
 .sort-button .sorting::after{content:"\f0dc";}
@@ -354,6 +356,8 @@ h2.slogen{text-align: center; font-size: 50px; letter-spacing: 2px; font-weight:
 
   .innerPage .header .headerLink .innerButton{padding: 5px;  font-size: 14px;  margin-left: 5px; letter-spacing: 0;}
   .card-radio{width: 100px; padding: 5px;  font-size: 14px;}
+
+  .leftmenu ~ .content-box  .data-group.data-type li{width: 100%;}
 }
 @media (max-width: 767px) {
   .aside-menu, .hot-words{ display: none;}
@@ -441,6 +445,8 @@ h2.slogen{text-align: center; font-size: 50px; letter-spacing: 2px; font-weight:
   .data-group li{ width: 50%;}
   .data-group.data-type li{ width: 100%;}
 
+   .leftmenu ~ .content-box  .data-group.data-type li{width: 100%;}
+
   .brand-group li{ width: 50%;}
 
   .patent-content{ padding-top: 20px; padding-bottom: 20px;}

layout/footer.php

@@ -149,7 +149,23 @@
 				$("#modalLogin .btn-confirm").click();
 			}
 		});
+
+
+    //角色菜单切换
+    checkUserMenu();
+    $("input[name='userType']").on("click",function(e){
+			 checkUserMenu();
+		});
 	});
-	</script>
+  var checkUserMenu = function(){
+    var userType = $("input[name='userType']:checked").val();
+  
+    if($("#leftmenu").length){
+       $("#leftmenu li[data-type]").hide();
+      let targetLi = $("#leftmenu li[data-type='" + userType + "']");
+      if(targetLi.length) targetLi.show();
+    }
+  }
+  </script>
 </body>
 </html>
\ No newline at end of file

layout/innerHeader.php

@@ -58,9 +58,9 @@
         <a href="index.php" class="logo"><img src="image/logo.png" alt="研易宝"/></a>
         <div class="headerLink">
           <div class="form-stack xs-hidden">
-            <input class="radio-card" type="radio" value="1" name="userType" id="user1" checked="checked">
+            <input class="radio-card" type="radio" value="seller" name="userType" id="user1" checked="checked">
             <label for="user1" class="card-radio pct50 first">我要卖产品</label>
-            <input class="radio-card" type="radio" value="2" name="userType" id="user2">
+            <input class="radio-card" type="radio" value="buyer" name="userType" id="user2">
             <label for="user2" class="card-radio pct50 last">我要买产品</label>
           </div>