<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>哇塞网 全球优秀手工设计网</title>
<style type="text/css">
*{margin:0;padding:0;}
body{font-size:14px;font-family:"微软雅黑";color:#666;background:rgb(246, 246, 246);}
a{text-decoration:none;color:#000;}
ul li{list-style:none;}
.clear{clear:both;}
/* header start */
#header{width:100%;height:89px;background:url(http://img2.wowsai.com/themes/mall/wowsai/styles/default/newwowsai/header_bg.gif) repeat-x;}
#header .h_body{width:1100px;height:89px;margin:0 auto;background:url(http://img2.wowsai.com/themes/mall/wowsai/styles/default/newwowsai/header_bg.gif) repeat-x;position:relative;}
#header .h_body .b_top .t_login{list-style:none;float:left;line-height:44px;float:left;}
#header .h_body .b_top .t_login a{display:inline-block;line-height:44px;text-decoration:none;color:#000;font-size:14px;width:60px;text-align:center;}
#header .h_body .b_top .b_gwc{background:url(images/buycar.png) no-repeat 0 12px ;float:right;line-height:44px;padding-left:30px;}
#header .h_body .b_top .b_gwc a{text-decoration:none;font-size:14px;color:#000;text-align:right;}
#header .h_body .b_top .b_gwc .jian{color:#ff7800;}
#header .h_body #logo{width:250px;height:88px;background:url(images/logo.jpg) no-repeat;margin:0 auto;text-indent:-900px;}
#header .h_body .b_bottom{position:absolute;bottom:0;}
#header .h_body .b_bottom .b_dh{float:left;}
#header .h_body .b_bottom .b_dh li{float:left;list-style:none;line-height:44px;width:66px;border-left:1px solid #f0f0f0;text-align:center;}
#header .h_body .b_bottom .b_dh .siteNavL{width:39px;}
#header .h_body .b_bottom .b_dh .last{border-right:1px solid #f0f0f0;}
#header .h_body .b_bottom .b_sou{display:inline-block;width:200px;height:44px;float:right;position:absolute;right:-725px;border-left:1px solid #f0f0f0;border-right:1px solid #f0f0f0;}
#header .h_body .b_bottom .b_sou input{border:none;line-height:43px;display:inline-block;width:190px;height:43px;padding-left:5px;}
#header .h_body .b_bottom .b_sou a{background:#fff;background:url(images/search.png) no-repeat;display:inline-block;width:42px;height:43px;float:right;position: absolute;right: 0;top: 12px;;}
#header .h_body .b_bottom .b_dh2{float:right;position:absolute;right:-523px;}
#header .h_body .b_bottom .b_dh2 li{width:66px;height:43px;float:left;line-height:43px;border-left:1px solid #f0f0f0;text-align:center;}
/* end header */
/* banner start */
.banner{max-width:1920px;height:525px;margin:0 auto 0;overflow:hidden;position:relative;top:0;left:0;}
.banner ul li{float:left;}
.banner .b_ul li{cursor:pointer;}
.banner .b_ul .li_0{width:100%;height:525px;background:url(images/banner1.jpg) no-repeat;}
.banner .b_ul .li_1{width:100%;height:525px;background:url(images/banner2.jpg) no-repeat;}
.banner .b_ul .li_2{width:100%;height:525px;background:url(images/banner3.jpg) no-repeat;}
.banner .b_ul .li_3{width:100%;height:525px;background:url(images/banner4.jpg) no-repeat;}
.banner .b_ul .li_4{width:100%;height:525px;background:url(images/banner5.jpg) no-repeat;}
.banner .b_ul .li_5{width:100%;height:525px;background:url(images/banner6.jpg) no-repeat;}
.banner li a{display:block;width:100%;height:525px;position:absolute;z-index:5;}
.banner .b_yq{width:134px;height:20px;position:absolute;z-index:10;bottom:10px;left:610px;}
.banner .b_yq ul li{width:12px;height:12px;border-radius:6px;background:#666;margin:0 5px;}
.banner .b_yq ul .y_li1{background:#0FF;}
.banner .jt{width:68px;height:68px;position:absolute;z-index:10;top:228.5px;display:none;}
.banner .b_left{background:url(images/arrows.png) no-repeat 0 0;left:0;float:left;}
.banner .b_left:hover{background-position:0 -68px;}
.banner .b_right{background:url(images/arrows.png) no-repeat -68px 0;right:0;}
.banner .b_right:hover{background-position:-68px -68px;}
/* end banner */
/* warp start*/
.warp{width:1100px; margin:0 auto;}
.w_container{padding:0 0 5px 0;}
.w_container h2{font-size:30px;color:#999;text-align:center;padding-top:70px;font-weight:normal;}
.w_container h2 .Btn{display:block;width:83px;height:23px;margin:13px auto 0;}
.w_container h2 .shangouBtn{background:url(images/more.png) no-repeat;}
.w_container h2 .cyBtn{background:url(images/more.png) no-repeat 0 -23px;}
.w_container h2 .huabaoBtn{width:114px;background:url(images/more.png) no-repeat 0 -46px;}
.w_container .shangou_list{float:left;margin:44px 44px 0 0;box-shadow:5px 5px 0 0 rgba(0,0,0,0.1);position:relative;}
.w_container .shangou_list:hover{box-shadow:5px 5px 0 0 #ffA128;}
.w_container .shangou_list dl{width:307px;height:24px;padding:15px;background:rgba(138,215,217,0.5);position:absolute;top:0;z-index:5;display:none;}
.w_container .shangou_list dl dt{float:left;}
.w_container .shangou_list dl dd{float:left;font-size:18px;line-height:23px;color:#fff;padding-left:8px;}
.w_container .c_list{float:left;margin:40px 44px 0 0;position:relative;}
.w_container .c_list .l_txt{width:196px;height:54px;line-height:54px;text-align:center;background:#fff;position:absolute;bottom:-20px;left:23px;box-shadow:5px 5px 0 0 rgba(0, 0, 0, 0.1);font-size:16px;color:#54d6d6;}
.w_container .c_list .l_txt:hover{box-shadow:5px 5px 0 0 #ffA128;}
.w_container .c_list .jili{width:267px;}
.w_container .c_list .text{width:482px;}
.w_container .cy_list li{float:left;position:relative;}
.w_container .cy_list li div{width:542px;height:175px;border:4px solid #000;position:absolute;left:0;top:0;z-index:2;}
.w_container .cy_list li div p{width:271px;height:175px;opacity:.5;color:#fff;}
.w_container .cy_list li .l_kuang_left dl{width:90px;height:70px;position:absolute;z-index:6;left:365px;top:50px;}
.w_container .cy_list li .l_kuang_right dl{width:90px;height:70px;position:absolute;z-index:6;right:365px;top:50px;}
.w_container .cy_list li div dl dt{text-align:center;margin-bottom:5px;}
.w_container .cy_list li div dl dd{text-align:center;color:#fff;}
.w_container .cy_list li .l_kuang_left{background:url(images/leftJ.png) no-repeat;}
.w_container .cy_list li .l_kuang_right{background:url(images/rightJ.png) no-repeat top right;}
.w_container .cy_list li .l_kuang_left p{float:right;}
/* end warp*/
/*bottom start*/
.bottom{width:100%;background:#fff;margin:90px 0 0 0;}
.bottom .w_container,.pinpaiqiang{width:1100px; margin:0 auto;padding-bottom:100px;}
.bottom .pinpaiqiang .p_logo a{width:160px;height:68px;float:left;margin:20px 0 0 17px;}
/*end bottom*/
/*footer start*/
.footer .footer_top{width:100%;background:url(images/footer_bg.gif) repeat-x top #f6f6f6;padding-bottom:70px;}
.footer .footer_top .t_xx{width:1100px;height:200px;margin:0 auto;padding-top:100px;}
.footer .footer_top .t_xx .xx{float:left;}
.footer .footer_top .t_xx .xx h4{font-size:20px;color:#06c7d3;font-weight:normal;}
.footer .footer_top .t_xx .xx ul{margin-top:15px;}
.footer .footer_top .t_xx .xx ul li{line-height:20px;}
.footer .footer_top .t_xx .xx ul li a{font-size:14px;color:#4a4a4a;}
.footer .footer_top .t_xx .jingcai{margin-left:75px;}
.footer .footer_top .t_xx .jingcai ul li a:hover{background:#07c7d3;}
.footer .footer_top .t_xx .chengnuo{margin-left:170px;line-height:22px;}
.footer .footer_top .t_xx .guanzhu{margin-left:100px;position:relative;}
.footer .footer_top .t_xx .guanzhu a{width:100px;height:29px;line-height:29px;display:block;background:url(images/share.png) no-repeat;padding-left:40px;color:#4a4a4a;margin-bottom:10px;}
.footer .footer_top .t_xx .guanzhu a.qq{background-position:0 -78px;}
.footer .footer_top .t_xx .guanzhu a.douban{background-position:0 -78px;}
.footer .footer_top .t_xx .guanzhu a.renren{background-position:0 -117px;}
.footer
Vue+路由+导航和传参+示例
需积分: 5 104 浏览量
2024-02-26
21:06:30
上传
评论
收藏 1.38MB ZIP 举报
wasaiwang5238.zip （68个子文件） 
wasaiwang5238 js 
sg.js 14KB sgutil.js 10KB jquery-1.11.3.min.js 94KB css 
index.html 42KB images 
jili-3.jpg 13KB dangri-4.jpg 4KB cy-4.jpg 7KB biange-2.jpg 21KB cy-6.jpg 37KB banner6.jpg 52KB cy-2.jpg 5KB sheji-2.jpg 29KB huabao-1.jpg 250KB
ewm.png 22KB more.png 4KB edCode.png 22KB huabao-4.jpg 63KB shangou-2.jpg 17KB jili-1.jpg 12KB dangri-1.jpg 6KB dingzhi-1.jpg 8KB dingzhi-7.jpg 7KB cy-5.jpg 7KB buycar.png 3KB banner4.jpg 100KB sheji-3.jpg 10KB biange-1.jpg 14KB shangou-4.jpg 8KB sheji-4.jpg 20KB
ws_sg_time.gif 1KB banner3.jpg 64KB dangri-2.jpg 15KB rightJ.png 1011B 108_40_cart.png 1KB search.png 1KB DesMore.png 2KB share.png 10KB biange-3.jpg 8KB dingzhi-3.jpg 5KB arrows.png 3KB sheji-6.jpg 11KB sheji-7.jpg 4KB dangri-3.jpg 16KB jili-2.jpg 19KB banner1.jpg 51KB footer_bg.gif 1KB banner5.jpg 33KB sheji-5.jpg 15KB cy-3.jpg 7KB shangou-5.jpg 15KB dingzhi-4.jpg 15KB dingzhi-5.jpg 11KB huabao-2.jpg 106KB huabao-3.jpg 30KB cy-1.jpg 7KB ws_safe_icon.png 30KB logo.jpg 12KB shangou-3.jpg 9KB shangou-6.jpg 9KB cnnic.png 17KB huabao-5.jpg 58KB leftJ.png 1003B banner2.jpg 47KB shangou-1.jpg 12KB sheji-1.jpg 10KB icon.png 1KB dingzhi-2.jpg 27KB dingzhi-6.jpg 28KB资源评论
