加入我们

wxdks/src/main/resources/static/zlhbw/jrwm/jrwm.css

@@ -191,3 +191,63 @@ button {
 	color: #999999;
 	font-size: 14px;
 }
+
+
+
+.side_nav {
+    position: fixed;
+    top: 250px;
+    left: 5px;
+    width: 140px;
+    padding-top: 5px;
+    background: #F47900;
+    box-shadow: 0px 11px 18px 0px rgba(244, 121, 0, 0.14);
+}
+
+.snav_title {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 50px;
+    background: url(../img/nav_bg.png);
+    background-size: 100% 100%;
+}
+
+.snav_title .n_t {
+    margin-left: 10px;
+    font-size: 20px;
+    font-family: Microsoft YaHei;
+    font-weight: bold;
+    color: #55300D;
+}
+
+.snav_list {
+    background: #ffffff;
+}
+
+.snav_list .snav_item {
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+    font-family: Microsoft YaHei;
+    color: #666666;
+    padding: 10px 5px;
+    font-size: 12px;
+    border-bottom: 1px solid #F3F3F3;
+}
+
+.snav_list .snav_item:hover {
+    color: #ffffff !important;
+    background: #F47900;
+}
+
+.snav_item i {
+    font-size: 19px;
+    margin-right: 10px;
+}
+
+.active_snav {
+    color: #ffffff !important;
+    background: #F47900;
+}
+

wxdks/src/main/resources/static/zlhbw/jrwm/jrwm.html

@@ -246,12 +246,41 @@
             </ul>
         </div>
     </div>
+    
+    <!-- 侧边导航栏 -->
+    <div class="side_nav">
+        <div class="snav_title">
+            <img src="../img/side_nav.png" />
+            <span class="n_t">导航</span>
+        </div>
+        <ul class="snav_list">
+            <li data-id="1" data-key="standard" class="snav_item" data-dtimg="../img/zf_dt.png">
+                <i class="iconfont icon-icon-standard"></i>我要标准服务
+            </li>
+            <li data-id="2" data-key="meter" class="snav_item" data-dtimg="../img/qsydw_dt.png">
+                <i class="iconfont icon-chaojiliangshezhi"></i>我要计量服务
+            </li>
+            <li data-id="3" data-key="testing" class="snav_item" data-dtimg="../img/shzz_dt.png">
+                <i class="iconfont icon-jianceguizeguanli"></i>我要检验检测服务
+            </li>
+            <li data-id="4" data-key="authentication" class="snav_item" data-dtimg="../img/navSwiper.png">
+                <i class="iconfont icon-renzheng2"></i>我要认证认可服务
+            </li>
+            <li data-id="5" data-key="train" class="snav_item" data-dtimg="../img/navSwiper.png">
+                <i class="iconfont icon-tousuzixun"></i>我要咨询培训服务
+            </li>
+            <li data-id="6" class="snav_item active_snav" data-dtimg="../img/xfz_dt.png">
+                <i class="iconfont icon-rencai"></i>加入我们
+            </li>
+        </ul>
+    </div>
 
 
     <script src="../js/jquery-3.5.1.min.js" type="text/javascript" charset="utf-8"></script>
     <script src="../layui/layui.js" type="text/javascript" charset="utf-8"></script>
     <script src="../swiper/dist/js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
     <script src="../js/base.js" type="text/javascript" charset="utf-8"></script>
+    <!-- <script src="../xfz/xfz.js" type="text/javascript" charset="utf-8"></script> -->
     <script src="./jrwm.js" type="text/javascript" charset="utf-8"></script>
 </body>
 

wxdks/src/main/resources/static/zlhbw/jrwm/jrwm.js

@@ -267,3 +267,17 @@ $(".location span").click(function(){
 		location.reload();
 	}
 })
+
+
+//侧边导航栏
+$(".snav_list>li").click(function() {
+    var moduleIndex = $(this).index();
+    if (moduleIndex == '5') {
+        window.location.href = PAGE_BASIC + "/zlhbw/jrwm/jrwm.html";
+    } else {
+        sessionStorage.setItem('moduleIndex', moduleIndex);
+        var modulename = $(this).text().trim();
+        sessionStorage.setItem('modulename', modulename);
+        window.location.href = PAGE_BASIC + "/zlhbw/xfz/xfz.html";
+    }
+})