Skip to content

semour / semour_web

Go to a project
Commit ac2d8a59 by 肖康
Options

售后页面

parent 334e1170
Inline Side-by-side
Showing with 889 additions and 16 deletions
app/Http/Controllers/UserAddressController.php deleted 100644 → 0
<?php
namespace App\Http\Controllers;
use Illuminate\Http\Request;
class UserAddressController extends Controller
{
public function index(Request $request)
{
return view('user_address.index');
}
}
app/Http/Controllers/UsersController.php → app/Http/Controllers/UserController.php
......@@ -4,11 +4,20 @@ namespace App\Http\Controllers;
use Illuminate\Http\Request;
class UsersController extends Controller
class UserController extends Controller
{
//
public function index(Request $request)
{
return view('user.index');
}
public function order(Request $request)
{
return view('user.order');
}
public function orderDetail(Request $request)
{
return view('user.orderDetail');
}
}
public/assets/css/common/common.less
......@@ -625,7 +625,62 @@
}
}
}
/**商城会员中心头部**/
.mall-header-user-nav{
height:80px;
border-bottom: 1px solid #545C76;
.user-con-nav{
.nav-box{
height:80px;
.menber{
margin-left: 71px;
color:#222;
font-size: 26px;
font-weight: bold;
}
.about-link{
font-size: 16px;
color:#555;
margin-left: 50px;
&:hover{color:#164D9A;}
}
.login-head-box{
flex:0 0 300px;
margin-left: 134px;
a{
font-size: 16px;
color:#555;
&:hover{color:#164D9A;}
}
}
}
}
}
/**商城会员中心左侧导航**/
.user-left-nav{
width: 160px;
min-height: 192px;
background: #FFFFFF;
.li{
width: 160px;
height: 48px;
line-height: 48px;
text-align: center;
font-size: 16px;
color:#555;
cursor: pointer;
display: block;
&.act{
background: #DFEAFA;
color:#174D9A;
font-weight: bold;
}
}
}
/**商城底部**/
.mall-footer {
margin-top: 18px;
......
public/assets/css/common/common.min.css
@charset "utf-8";html,body,div,iframe,em,img,p,a,strong,b,i,form,label,span,h1,h2,h3,h4,h5,h6,dl,dt,dd,ol,ul,li,applet,object,blockquote,big,cite,code,del,dfn,abbr,acronym,address,pre,time,mark,audio,video,article,aside,canvas,details,embed,figure,figcaption,footer,header,nav,section,menu,button,input,textarea{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;font-weight:normal;list-style:none;outline:none}table,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;font-size:100%;font:inherit}a{text-decoration:none}table{border-color:#ccc !important}body,html,button,input{font-family:Arial,helvetica,PingFangSC-Regular,PingFang SC,"微软雅黑"}.but{height:33px;background:#283FEB;border-radius:8px;line-height:33px;font-size:18px;font-weight:bold;text-align:center;color:#fff;cursor:pointer;box-sizing:border-box;padding:0 5px}input{height:32px;line-height:32px;box-sizing:border-box;background:rgba(4,17,53,0.65);border:1px solid #FFFFFF;border-radius:8px;color:#fff;padding-left:10px;padding-right:10px}input::-webkit-input-placeholder{color:#BCBDC4}.scrollbar::-webkit-scrollbar{width:2px;background-color:#EDEDED}.scrollbar::-webkit-scrollbar-thumb{border-radius:2px;background-color:#164D9A}textarea{line-height:32px;box-sizing:border-box;background:rgba(4,17,53,0.65);border:1px solid #FFFFFF;border-radius:8px;color:#fff;padding-left:10px;padding-right:10px}textarea::-webkit-input-placeholder{color:#BCBDC4}select{height:32px;line-height:32px;background:rgba(4,17,53,0.65);border:1px solid #FFFFFF;border-radius:8px;color:#fff;padding-left:10px;padding-right:10px;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;outline:none;background-image:linear-gradient(45deg, transparent 50%, #fff 50%),linear-gradient(135deg, #fff 50%, transparent 50%);background-position:calc(100% - 15px) calc(1em - 1px),calc(100% - 10px) calc(1em - 1px),calc(100% - 2.5em) .5em;background-size:7px 5px,5px 5px,1px 1.5em;background-repeat:no-repeat}select:focus{background-image:linear-gradient(45deg, #fff 50%, transparent 50%),linear-gradient(135deg, transparent 50%, #fff 50%);background-position:calc(100% - 8px) calc(1em - 1px),calc(100% - 15px) calc(1em - 1px),calc(100% - 2.5em) .5em;background-size:7px 5px,5px 5px,1px 1.5em;background-repeat:no-repeat}.clr:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.clr{display:block;min-height:1%}.clr{clear:both}.clr:after{content:" ";display:table;clear:both}.fl{float:left}.fr{float:right}.fw{font-weight:bold}.ta-c{text-align:center}.ta-r{text-align:right}.ta-l{text-align:left}.flex{display:flex}.column{display:flex;flex-direction:column}.row{display:flex;flex-direction:row}.boxsiz{-webkit-box-sizing:border-box;box-sizing:border-box}.bothSide{justify-content:space-between}.avarage{justify-content:space-around}.rowCenter{justify-content:center}.verCenter{align-items:center}.gw-header-top{background:#F68332;height:70px;line-height:70px;font-size:24px;color:#fff;position:fixed;width:100%;top:0px;left:0px;z-index:2}.gw-header-top div{width:100%;height:100%}.gw-header-top div span{float:right;margin-right:20px}.gw-header-top div span i{cursor:pointer;color:#fff;font-size:18px;transition:all .5s}.gw-header-top div span:hover i{color:#333}.gw-header-nav{height:112px;background:rgba(255,255,255,0.1);backdrop-filter:blur(5px);width:100%;position:fixed;top:70px;left:0px}.gw-header-nav .ghn-con{height:112px;width:1500px;margin:0 auto}@media screen and (max-width:1500px){.gw-header-nav .ghn-con{width:1200px}}.gw-header-nav .ghn-con a.ghn-logo{width:463px;height:44px;position:relative;top:32px}.gw-header-nav .ghn-con a.ghn-logo img{width:100%;height:100%}.gw-header-nav .ghn-con .ghn-right-box{position:relative;top:-30px}.gw-header-nav .ghn-con .ghn-right-box .grb-top a{font-size:16px;color:#fff}.gw-header-nav .ghn-con .ghn-right-box .grb-top a.carbc{position:relative}.gw-header-nav .ghn-con .ghn-right-box .grb-top a.carbc span{position:absolute;height:24px;display:block;width:24px;background:#E94141;border-radius:24px;color:#fff;right:-20px;top:-11px;line-height:24px;text-align:center;font-size:14px}.gw-header-nav .ghn-con .ghn-right-box .grb-top a:hover{color:#F68332}.gw-header-nav .ghn-con .ghn-right-box .grb-top a.iconbx:hover{color:#fff}.gw-header-nav .ghn-con .ghn-right-box .grb-top .fr{margin-left:34px}.gw-header-nav .ghn-con .ghn-right-box .grb-top .fr .fz-16{font-size:16px}.gw-header-nav .ghn-con .ghn-right-box .grb-top .fr.clj{position:relative;top:6px}.gw-header-nav .ghn-con .ghn-right-box .grb-top .fr.clj .icon-touxiang{font-size:18px;position:relative;top:-1px;margin-right:3px}.gw-header-nav .ghn-con .ghn-right-box .grb-top .fr.clj font{color:#fff;letter-spacing:-3px}.gw-header-nav .ghn-con .ghn-right-box .grb-top i.icon{font-size:30px}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom{margin-top:30px}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli{margin-left:48px;transition:all .5s;display:block;height:40px;position:relative}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli a.onea{font-size:20px;color:#fff}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli .twonav{position:absolute;top:38px;left:-22px;width:192px;padding:18px 22px;display:none;background:rgba(26,29,57,0.8)}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli .twonav .twoli{height:40px;line-height:40px}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli .twonav a.twoa{font-size:20px;color:#fff}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli .twonav a.twoa:hover{color:#F68332}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli:hover::after{content:"";position:absolute;top:36px;width:100%;height:5px;background:#FFFFFF;border-radius:2px;left:0px}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli:hover .twonav{display:block}.footersm{background:rgba(31,104,242,0.2);padding-top:87px;padding-bottom:31px}.footersm .logoftsm{width:262px;height:45px}.footersm .itemftsm{color:#fff;font-weight:bold;margin-left:107px}@media screen and (max-width:1500px){.footersm .itemftsm{margin-left:27px}}.footersm .itemftsm p{font-size:20px;margin-bottom:26px}.footersm .itemftsm p.row b{font-size:16px;font-weight:normal;margin-right:9px;position:relative;top:5px}.footersm .itemftsm a{font-size:16px;display:block;cursor:pointer;color:#fff;font-weight:normal;line-height:28px;height:28px}.footersm .itemftsm a:hover{color:#F68332}.footersm .itemftsm a.fz-14{font-size:14px}.footersm .itemftsm a.fz-14:hover{color:#fff}.footersm .dpbto{margin-top:53px;font-size:14px;color:#fff}.footersm .dpbto i{font-size:22px;margin-right:20px;position:relative;top:-3px}.footersm .dpbto i.dflt{margin-left:53px}.mallpage{background:#fafafa}.mallpage .bread-menu{width:1200px;border-left:4px solid #04439D;height:20px;line-height:20px;font-size:16px;padding-left:10px;margin:20px auto}.mallpage .bread-menu a{color:#555}.mallpage .bread-menu a:hover{color:#04439D}.mallpage .bread-menu i{margin:0 5px}.mallpage .bread-menu span{color:#04439D}.mallpage .w1200{width:1200px;margin:0 auto}.mallpage .mall-header-top{background:#F68332;height:70px;line-height:70px;font-size:24px;color:#fff;top:0px;position:relative}.mallpage .mall-header-top div{width:100%;height:100%}.mallpage .mall-header-top div span{position:absolute;right:20px}.mallpage .mall-header-top div span i{cursor:pointer;color:#fff;font-size:18px;transition:all .5s}.mallpage .mall-header-top div span:hover i{color:#333}.mallpage .mall-header-nav{background:#fff}.mallpage .mall-header-nav .search-car{margin-top:16px}.mallpage .mall-header-nav .search-car .cons{height:48px}.mallpage .mall-header-nav .search-car .cons .search-input-box{width:340px;margin-left:140px;height:48px;line-height:44px;border:2px solid #164D9A}.mallpage .mall-header-nav .search-car .cons .search-input-box input{background:none;color:#333;line-height:44px;height:44px;padding-left:18px;width:268px}.mallpage .mall-header-nav .search-car .cons .search-input-box .searchbtnx{width:68px;height:46px;background:#164D9A;line-height:44px;color:#fff;cursor:pointer;text-align:center;position:relative;left:1px;top:-1px}.mallpage .mall-header-nav .search-car .cons .search-input-box .searchbtnx i{font-size:30px}.mallpage .mall-header-nav .search-car .cons .car-boxs{cursor:pointer;position:relative;margin-left:42px}.mallpage .mall-header-nav .search-car .cons .car-boxs i{font-size:32px;color:#164D9A}.mallpage .mall-header-nav .search-car .cons .car-boxs span{position:absolute;height:24px;display:block;width:24px;background:#E94141;border-radius:24px;color:#fff;right:-20px;top:-11px;line-height:24px;text-align:center;font-size:14px}.mallpage .mall-header-nav .search-car .cons .login-head-box{margin-left:38px;color:#164D9A;width:124px}.mallpage .mall-header-nav .search-car .cons .login-head-box a{font-size:16px;color:#164D9A}.mallpage .mall-header-nav .search-car .cons .login-head-box a:hover{color:#F68332}.mallpage .mall-header-nav .search-car .cons .login-head-box a:hover i{color:#F68332}.mallpage .mall-header-nav .search-car .cons .login-head-box.notLogin{text-align:center}.mallpage .mall-header-nav .search-car .cons .login-head-box.yesLogin a{font-size:14px}.mallpage .mall-header-nav .search-car .cons .login-head-box.yesLogin i{color:#164D9A;font-size:16px}.mallpage .mall-header-nav .search-car .cons .login-head-box.yesLogin div{width:108px;overflow:hidden;text-overflow:ellipsis}.mallpage .mall-header-nav .search-car .cons .about-link{font-size:16px;color:#164D9A;margin-left:30px}.mallpage .mall-header-nav .search-car .cons .about-link:hover{color:#F68332}.mallpage .mall-header-nav .nav-box{height:64px;margin-top:33px;border-bottom:1px solid #545C76}.mallpage .mall-header-nav .nav-box a.li{height:64px;display:block;box-sizing:border-box;min-width:150px;padding:0 15px;color:#333;font-size:20px;line-height:64px;margin-right:15px;text-align:center}.mallpage .mall-header-nav .nav-box a.li:hover{color:#164D9A}.mallpage .mall-header-nav .nav-box a.li.act{color:#fff;background:#164D9A}.mallpage .mall-header-nav .nav-box .allpro{position:relative}.mallpage .mall-header-nav .nav-box .allpro .procon{display:none;position:absolute;border-top:7px solid #fafafa;background:#ccc;width:498px;height:391px;left:0px;top:65px;background-color:#fff;z-index:1}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx{padding-top:17px;padding-left:14px}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .headboxx{height:28px;line-height:28px}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .headboxx img{width:26px;height:28px;vertical-align:middle}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .headboxx p{color:#333;font-size:14px;margin-left:7px}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .conboxx{margin-top:14px;padding-left:33px;flex-wrap:wrap}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .conboxx a.erji{color:#333;font-size:14px;flex:0 0 33.33%;margin-bottom:16px}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .conboxx a.erji:hover{color:#164D9A}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx{display:none;position:absolute;left:498px;top:0px;width:702px;border-left:4px solid #F0F7FF;background:#fff;height:384px;z-index:1;padding:24px;overflow-y:auto;box-shadow:2px 0 4px 0 rgba(2,30,69,0.2)}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx::-webkit-scrollbar{width:2px;background-color:#EDEDED}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx::-webkit-scrollbar-thumb{border-radius:2px;background-color:#164D9A}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx .grouprightx{margin-bottom:24px}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx .grouprightx a.p{height:14px;line-height:14px;color:#333;cursor:pointer;display:block;border-left:3px solid #164D9A;padding-left:10px;font-size:12px;margin-bottom:15px}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx .grouprightx a.p:hover{color:#164D9A}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx .grouprightx .threeClass{flex-wrap:wrap}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx .grouprightx .threeClass a{color:#333;font-size:12px;margin-bottom:8px;flex:0 0 33.33%}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx .grouprightx .threeClass a:hover{color:#164D9A}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx:hover{background:#F0F7FF}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx:hover .rightboxx{display:block}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx:hover .headboxx p{color:#164D9A}.mallpage .mall-header-nav .nav-box .allpro:hover .procon{display:block}.mallpage .mall-footer{margin-top:18px}.mallpage .mall-footer .floor1 .row{margin-bottom:1px}.mallpage .mall-footer .floor1 .itemf3{height:200px;width:50%;background:rgba(27,32,55,0.1);color:#333;font-size:24px;line-height:200px;margin-bottom:1px;font-weight:bold}.mallpage .mall-footer .floor1 .itemf3.trr{padding-left:122px}.mallpage .mall-footer .floor1 .itemf3.trl{text-align:right;padding-right:122px;margin-right:1px}.mallpage .mall-footer .floor1 .itemf3 b{font-size:40px;font-weight:bold;margin-right:10px}.mallpage .mall-footer .floor1 .itemf3:hover{background:url("../../images/common/footer9.png") no-repeat;background-size:100% 100%;color:#fff}.mallpage .mall-footer .floor1 .itemf3:hover b{font-size:60px;font-weight:bold;color:#fff}.mallpage .mall-footer .floor2{overflow:hidden;margin-top:31px}.mallpage .mall-footer .floor2 .bannerScrollboxs{position:relative;height:134px;width:3000px}.mallpage .mall-footer .floor2 .bannerScrollboxs a{display:block;cursor:pointer;width:134px;height:134px;float:left;margin-right:19px}.mallpage .mall-footer .floor2 .bannerScrollboxs a img{width:134px;height:134px}.mallpage .mall-footer .floor3{background:#164D9A}.mallpage .mall-footer .floor3 .conh{padding-top:87px;padding-bottom:31px;margin-top:24px}.mallpage .mall-footer .floor3 .conh .logoftsm{width:208px;height:36px;margin-right:24px}.mallpage .mall-footer .floor3 .conh .itemftsm{color:#fff;font-weight:bold;padding:0 36px;border-right:1px dashed rgba(255,255,255,0.2)}.mallpage .mall-footer .floor3 .conh .itemftsm.lastitem{border:0px}.mallpage .mall-footer .floor3 .conh .itemftsm p{font-size:14px;font-weight:bold;margin-bottom:26px}.mallpage .mall-footer .floor3 .conh .itemftsm p.w150{width:150px}.mallpage .mall-footer .floor3 .conh .itemftsm a{font-size:12px;display:block;cursor:pointer;color:#fff;font-weight:normal;line-height:28px;height:28px}.mallpage .mall-footer .floor3 .conh .itemftsm a:hover{color:#F68332}.mallpage .mall-footer .floor3 .conh .itemftsm a.fz-14{font-size:14px}.mallpage .mall-footer .floor3 .conh .itemftsm a.fz-14:hover{color:#fff}.mallpage .mall-footer .floor3 .conh .itemftsp p{font-size:14px;color:#fff;margin-bottom:25px}.mallpage .mall-footer .floor3 .conh .itemftsp p span{margin-right:10px;position:relative;top:5px}.mallpage .mall-footer .floor3 .conh .itemftsp p img{width:172px;height:21px}.mallpage .mall-footer .floor3 .conh .itemftsp span{font-size:14px;color:#fff}.mallpage .mall-footer .floor3 .conh .dpbto{margin-top:53px;font-size:12px;color:#fff}.mallpage .mall-footer .floor3 .conh .dpbto i{font-size:22px;margin-right:20px;position:relative;top:-3px}.mallpage .mall-footer .floor3 .conh .dpbto i.dflt{margin-left:53px}.mallpage .datalistcon{padding:0 25px;background:#fff}.mallpage .datalistcon .w180{width:170px;padding-right:10px}.mallpage .datalistcon .w140{width:130px;padding-right:10px}.mallpage .datalistcon .w280{width:270px;padding-right:10px}.mallpage .datalistcon .list-th{box-sizing:border-box;width:100%;height:48px;background:#DFEAFA;line-height:48px;padding:0 20px}.mallpage .datalistcon .list-th .th{font-size:14px;color:#333;font-weight:bold}.mallpage .datalistcon .td-group{padding:20px;font-size:14px;color:#555;border-bottom:1px solid #DFEAFA;width:100%;box-sizing:border-box}.mallpage .datalistcon .td-group:last-child{border:0px}.mallpage .datalistcon .td-group .copyname{cursor:pointer;margin-top:10px}.mallpage .datalistcon .td-group .copyname i{font-size:25px;color:#164D9A}.mallpage .datalistcon .td-group .pdflink{cursor:pointer;margin-top:10px}.mallpage .datalistcon .td-group .pdflink i{font-size:25px;color:#F68332}.mallpage .datalistcon .td-group .total-price{margin-top:12px}.mallpage .datalistcon .td-group .mult{margin-left:30px}.mallpage .datalistcon .td-group .price-group{line-height:22px;color:#555}.mallpage .datalistcon .td-group .price-group .jtpr{width:80px;box-sizing:border-box;padding-right:5px}.mallpage .datalistcon .td-group .price-group .jtpc{width:80px}.mallpage .datalistcon .td-group a.goodsname{color:#555}.mallpage .datalistcon .td-group a.goodsname:hover{color:#164D9A}.mallpage .datalistcon .td-group .td{line-height:22px;word-break:break-all}.mallpage .datalistcon .td-group:hover{background:#F7FAFF}.mallpage .datalistcon .td-group .input-box{width:151px;height:32px;line-height:30px;background:#FAFAFA;border:1px solid #DFEAFA;border-radius:8px;position:relative}.mallpage .datalistcon .td-group .input-box input{background:none;color:#333;line-height:30px;height:30px;border:0px;font-size:14px;width:151px}.mallpage .datalistcon .td-group .input-box div{width:56px;height:32px;background:#164D9A;border-radius:0px 8px 8px 0px;line-height:30px;color:#fff;text-align:center;position:absolute;right:0px;top:0px;cursor:pointer}
\ No newline at end of file
@charset "utf-8";html,body,div,iframe,em,img,p,a,strong,b,i,form,label,span,h1,h2,h3,h4,h5,h6,dl,dt,dd,ol,ul,li,applet,object,blockquote,big,cite,code,del,dfn,abbr,acronym,address,pre,time,mark,audio,video,article,aside,canvas,details,embed,figure,figcaption,footer,header,nav,section,menu,button,input,textarea{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;font-weight:normal;list-style:none;outline:none}table,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;font-size:100%;font:inherit}a{text-decoration:none}table{border-color:#ccc !important}body,html,button,input{font-family:Arial,helvetica,PingFangSC-Regular,PingFang SC,"微软雅黑"}.but{height:33px;background:#283FEB;border-radius:8px;line-height:33px;font-size:18px;font-weight:bold;text-align:center;color:#fff;cursor:pointer;box-sizing:border-box;padding:0 5px}input{height:32px;line-height:32px;box-sizing:border-box;background:rgba(4,17,53,0.65);border:1px solid #FFFFFF;border-radius:8px;color:#fff;padding-left:10px;padding-right:10px}input::-webkit-input-placeholder{color:#BCBDC4}.scrollbar::-webkit-scrollbar{width:2px;background-color:#EDEDED}.scrollbar::-webkit-scrollbar-thumb{border-radius:2px;background-color:#164D9A}textarea{line-height:32px;box-sizing:border-box;background:rgba(4,17,53,0.65);border:1px solid #FFFFFF;border-radius:8px;color:#fff;padding-left:10px;padding-right:10px}textarea::-webkit-input-placeholder{color:#BCBDC4}select{height:32px;line-height:32px;background:rgba(4,17,53,0.65);border:1px solid #FFFFFF;border-radius:8px;color:#fff;padding-left:10px;padding-right:10px;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;outline:none;background-image:linear-gradient(45deg, transparent 50%, #fff 50%),linear-gradient(135deg, #fff 50%, transparent 50%);background-position:calc(100% - 15px) calc(1em - 1px),calc(100% - 10px) calc(1em - 1px),calc(100% - 2.5em) .5em;background-size:7px 5px,5px 5px,1px 1.5em;background-repeat:no-repeat}select:focus{background-image:linear-gradient(45deg, #fff 50%, transparent 50%),linear-gradient(135deg, transparent 50%, #fff 50%);background-position:calc(100% - 8px) calc(1em - 1px),calc(100% - 15px) calc(1em - 1px),calc(100% - 2.5em) .5em;background-size:7px 5px,5px 5px,1px 1.5em;background-repeat:no-repeat}.clr:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.clr{display:block;min-height:1%}.clr{clear:both}.clr:after{content:" ";display:table;clear:both}.fl{float:left}.fr{float:right}.fw{font-weight:bold}.ta-c{text-align:center}.ta-r{text-align:right}.ta-l{text-align:left}.flex{display:flex}.column{display:flex;flex-direction:column}.row{display:flex;flex-direction:row}.boxsiz{-webkit-box-sizing:border-box;box-sizing:border-box}.bothSide{justify-content:space-between}.avarage{justify-content:space-around}.rowCenter{justify-content:center}.verCenter{align-items:center}.gw-header-top{background:#F68332;height:70px;line-height:70px;font-size:24px;color:#fff;position:fixed;width:100%;top:0px;left:0px;z-index:2}.gw-header-top div{width:100%;height:100%}.gw-header-top div span{float:right;margin-right:20px}.gw-header-top div span i{cursor:pointer;color:#fff;font-size:18px;transition:all .5s}.gw-header-top div span:hover i{color:#333}.gw-header-nav{height:112px;background:rgba(255,255,255,0.1);backdrop-filter:blur(5px);width:100%;position:fixed;top:70px;left:0px}.gw-header-nav .ghn-con{height:112px;width:1500px;margin:0 auto}@media screen and (max-width:1500px){.gw-header-nav .ghn-con{width:1200px}}.gw-header-nav .ghn-con a.ghn-logo{width:463px;height:44px;position:relative;top:32px}.gw-header-nav .ghn-con a.ghn-logo img{width:100%;height:100%}.gw-header-nav .ghn-con .ghn-right-box{position:relative;top:-30px}.gw-header-nav .ghn-con .ghn-right-box .grb-top a{font-size:16px;color:#fff}.gw-header-nav .ghn-con .ghn-right-box .grb-top a.carbc{position:relative}.gw-header-nav .ghn-con .ghn-right-box .grb-top a.carbc span{position:absolute;height:24px;display:block;width:24px;background:#E94141;border-radius:24px;color:#fff;right:-20px;top:-11px;line-height:24px;text-align:center;font-size:14px}.gw-header-nav .ghn-con .ghn-right-box .grb-top a:hover{color:#F68332}.gw-header-nav .ghn-con .ghn-right-box .grb-top a.iconbx:hover{color:#fff}.gw-header-nav .ghn-con .ghn-right-box .grb-top .fr{margin-left:34px}.gw-header-nav .ghn-con .ghn-right-box .grb-top .fr .fz-16{font-size:16px}.gw-header-nav .ghn-con .ghn-right-box .grb-top .fr.clj{position:relative;top:6px}.gw-header-nav .ghn-con .ghn-right-box .grb-top .fr.clj .icon-touxiang{font-size:18px;position:relative;top:-1px;margin-right:3px}.gw-header-nav .ghn-con .ghn-right-box .grb-top .fr.clj font{color:#fff;letter-spacing:-3px}.gw-header-nav .ghn-con .ghn-right-box .grb-top i.icon{font-size:30px}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom{margin-top:30px}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli{margin-left:48px;transition:all .5s;display:block;height:40px;position:relative}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli a.onea{font-size:20px;color:#fff}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli .twonav{position:absolute;top:38px;left:-22px;width:192px;padding:18px 22px;display:none;background:rgba(26,29,57,0.8)}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli .twonav .twoli{height:40px;line-height:40px}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli .twonav a.twoa{font-size:20px;color:#fff}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli .twonav a.twoa:hover{color:#F68332}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli:hover::after{content:"";position:absolute;top:36px;width:100%;height:5px;background:#FFFFFF;border-radius:2px;left:0px}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli:hover .twonav{display:block}.footersm{background:rgba(31,104,242,0.2);padding-top:87px;padding-bottom:31px}.footersm .logoftsm{width:262px;height:45px}.footersm .itemftsm{color:#fff;font-weight:bold;margin-left:107px}@media screen and (max-width:1500px){.footersm .itemftsm{margin-left:27px}}.footersm .itemftsm p{font-size:20px;margin-bottom:26px}.footersm .itemftsm p.row b{font-size:16px;font-weight:normal;margin-right:9px;position:relative;top:5px}.footersm .itemftsm a{font-size:16px;display:block;cursor:pointer;color:#fff;font-weight:normal;line-height:28px;height:28px}.footersm .itemftsm a:hover{color:#F68332}.footersm .itemftsm a.fz-14{font-size:14px}.footersm .itemftsm a.fz-14:hover{color:#fff}.footersm .dpbto{margin-top:53px;font-size:14px;color:#fff}.footersm .dpbto i{font-size:22px;margin-right:20px;position:relative;top:-3px}.footersm .dpbto i.dflt{margin-left:53px}.mallpage{background:#fafafa}.mallpage .bread-menu{width:1200px;border-left:4px solid #04439D;height:20px;line-height:20px;font-size:16px;padding-left:10px;margin:20px auto}.mallpage .bread-menu a{color:#555}.mallpage .bread-menu a:hover{color:#04439D}.mallpage .bread-menu i{margin:0 5px}.mallpage .bread-menu span{color:#04439D}.mallpage .w1200{width:1200px;margin:0 auto}.mallpage .mall-header-top{background:#F68332;height:70px;line-height:70px;font-size:24px;color:#fff;top:0px;position:relative}.mallpage .mall-header-top div{width:100%;height:100%}.mallpage .mall-header-top div span{position:absolute;right:20px}.mallpage .mall-header-top div span i{cursor:pointer;color:#fff;font-size:18px;transition:all .5s}.mallpage .mall-header-top div span:hover i{color:#333}.mallpage .mall-header-nav{background:#fff}.mallpage .mall-header-nav .search-car{margin-top:16px}.mallpage .mall-header-nav .search-car .cons{height:48px}.mallpage .mall-header-nav .search-car .cons .search-input-box{width:340px;margin-left:140px;height:48px;line-height:44px;border:2px solid #164D9A}.mallpage .mall-header-nav .search-car .cons .search-input-box input{background:none;color:#333;line-height:44px;height:44px;padding-left:18px;width:268px}.mallpage .mall-header-nav .search-car .cons .search-input-box .searchbtnx{width:68px;height:46px;background:#164D9A;line-height:44px;color:#fff;cursor:pointer;text-align:center;position:relative;left:1px;top:-1px}.mallpage .mall-header-nav .search-car .cons .search-input-box .searchbtnx i{font-size:30px}.mallpage .mall-header-nav .search-car .cons .car-boxs{cursor:pointer;position:relative;margin-left:42px}.mallpage .mall-header-nav .search-car .cons .car-boxs i{font-size:32px;color:#164D9A}.mallpage .mall-header-nav .search-car .cons .car-boxs span{position:absolute;height:24px;display:block;width:24px;background:#E94141;border-radius:24px;color:#fff;right:-20px;top:-11px;line-height:24px;text-align:center;font-size:14px}.mallpage .mall-header-nav .search-car .cons .login-head-box{margin-left:38px;color:#164D9A;width:124px}.mallpage .mall-header-nav .search-car .cons .login-head-box a{font-size:16px;color:#164D9A}.mallpage .mall-header-nav .search-car .cons .login-head-box a:hover{color:#F68332}.mallpage .mall-header-nav .search-car .cons .login-head-box a:hover i{color:#F68332}.mallpage .mall-header-nav .search-car .cons .login-head-box.notLogin{text-align:center}.mallpage .mall-header-nav .search-car .cons .login-head-box.yesLogin a{font-size:14px}.mallpage .mall-header-nav .search-car .cons .login-head-box.yesLogin i{color:#164D9A;font-size:16px}.mallpage .mall-header-nav .search-car .cons .login-head-box.yesLogin div{width:108px;overflow:hidden;text-overflow:ellipsis}.mallpage .mall-header-nav .search-car .cons .about-link{font-size:16px;color:#164D9A;margin-left:30px}.mallpage .mall-header-nav .search-car .cons .about-link:hover{color:#F68332}.mallpage .mall-header-nav .nav-box{height:64px;margin-top:33px;border-bottom:1px solid #545C76}.mallpage .mall-header-nav .nav-box a.li{height:64px;display:block;box-sizing:border-box;min-width:150px;padding:0 15px;color:#333;font-size:20px;line-height:64px;margin-right:15px;text-align:center}.mallpage .mall-header-nav .nav-box a.li:hover{color:#164D9A}.mallpage .mall-header-nav .nav-box a.li.act{color:#fff;background:#164D9A}.mallpage .mall-header-nav .nav-box .allpro{position:relative}.mallpage .mall-header-nav .nav-box .allpro .procon{display:none;position:absolute;border-top:7px solid #fafafa;background:#ccc;width:498px;height:391px;left:0px;top:65px;background-color:#fff;z-index:1}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx{padding-top:17px;padding-left:14px}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .headboxx{height:28px;line-height:28px}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .headboxx img{width:26px;height:28px;vertical-align:middle}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .headboxx p{color:#333;font-size:14px;margin-left:7px}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .conboxx{margin-top:14px;padding-left:33px;flex-wrap:wrap}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .conboxx a.erji{color:#333;font-size:14px;flex:0 0 33.33%;margin-bottom:16px}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .conboxx a.erji:hover{color:#164D9A}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx{display:none;position:absolute;left:498px;top:0px;width:702px;border-left:4px solid #F0F7FF;background:#fff;height:384px;z-index:1;padding:24px;overflow-y:auto;box-shadow:2px 0 4px 0 rgba(2,30,69,0.2)}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx::-webkit-scrollbar{width:2px;background-color:#EDEDED}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx::-webkit-scrollbar-thumb{border-radius:2px;background-color:#164D9A}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx .grouprightx{margin-bottom:24px}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx .grouprightx a.p{height:14px;line-height:14px;color:#333;cursor:pointer;display:block;border-left:3px solid #164D9A;padding-left:10px;font-size:12px;margin-bottom:15px}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx .grouprightx a.p:hover{color:#164D9A}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx .grouprightx .threeClass{flex-wrap:wrap}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx .grouprightx .threeClass a{color:#333;font-size:12px;margin-bottom:8px;flex:0 0 33.33%}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx .grouprightx .threeClass a:hover{color:#164D9A}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx:hover{background:#F0F7FF}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx:hover .rightboxx{display:block}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx:hover .headboxx p{color:#164D9A}.mallpage .mall-header-nav .nav-box .allpro:hover .procon{display:block}.mallpage .mall-header-user-nav{height:80px;border-bottom:1px solid #545C76}.mallpage .mall-header-user-nav .user-con-nav .nav-box{height:80px}.mallpage .mall-header-user-nav .user-con-nav .nav-box .menber{margin-left:71px;color:#222;font-size:26px;font-weight:bold}.mallpage .mall-header-user-nav .user-con-nav .nav-box .about-link{font-size:16px;color:#555;margin-left:50px}.mallpage .mall-header-user-nav .user-con-nav .nav-box .about-link:hover{color:#164D9A}.mallpage .mall-header-user-nav .user-con-nav .nav-box .login-head-box{flex:0 0 300px;margin-left:134px}.mallpage .mall-header-user-nav .user-con-nav .nav-box .login-head-box a{font-size:16px;color:#555}.mallpage .mall-header-user-nav .user-con-nav .nav-box .login-head-box a:hover{color:#164D9A}.mallpage .user-left-nav{width:160px;min-height:192px;background:#FFFFFF}.mallpage .user-left-nav .li{width:160px;height:48px;line-height:48px;text-align:center;font-size:16px;color:#555;cursor:pointer;display:block}.mallpage .user-left-nav .li.act{background:#DFEAFA;color:#174D9A;font-weight:bold}.mallpage .mall-footer{margin-top:18px}.mallpage .mall-footer .floor1 .row{margin-bottom:1px}.mallpage .mall-footer .floor1 .itemf3{height:200px;width:50%;background:rgba(27,32,55,0.1);color:#333;font-size:24px;line-height:200px;margin-bottom:1px;font-weight:bold}.mallpage .mall-footer .floor1 .itemf3.trr{padding-left:122px}.mallpage .mall-footer .floor1 .itemf3.trl{text-align:right;padding-right:122px;margin-right:1px}.mallpage .mall-footer .floor1 .itemf3 b{font-size:40px;font-weight:bold;margin-right:10px}.mallpage .mall-footer .floor1 .itemf3:hover{background:url("../../images/common/footer9.png") no-repeat;background-size:100% 100%;color:#fff}.mallpage .mall-footer .floor1 .itemf3:hover b{font-size:60px;font-weight:bold;color:#fff}.mallpage .mall-footer .floor2{overflow:hidden;margin-top:31px}.mallpage .mall-footer .floor2 .bannerScrollboxs{position:relative;height:134px;width:3000px}.mallpage .mall-footer .floor2 .bannerScrollboxs a{display:block;cursor:pointer;width:134px;height:134px;float:left;margin-right:19px}.mallpage .mall-footer .floor2 .bannerScrollboxs a img{width:134px;height:134px}.mallpage .mall-footer .floor3{background:#164D9A}.mallpage .mall-footer .floor3 .conh{padding-top:87px;padding-bottom:31px;margin-top:24px}.mallpage .mall-footer .floor3 .conh .logoftsm{width:208px;height:36px;margin-right:24px}.mallpage .mall-footer .floor3 .conh .itemftsm{color:#fff;font-weight:bold;padding:0 36px;border-right:1px dashed rgba(255,255,255,0.2)}.mallpage .mall-footer .floor3 .conh .itemftsm.lastitem{border:0px}.mallpage .mall-footer .floor3 .conh .itemftsm p{font-size:14px;font-weight:bold;margin-bottom:26px}.mallpage .mall-footer .floor3 .conh .itemftsm p.w150{width:150px}.mallpage .mall-footer .floor3 .conh .itemftsm a{font-size:12px;display:block;cursor:pointer;color:#fff;font-weight:normal;line-height:28px;height:28px}.mallpage .mall-footer .floor3 .conh .itemftsm a:hover{color:#F68332}.mallpage .mall-footer .floor3 .conh .itemftsm a.fz-14{font-size:14px}.mallpage .mall-footer .floor3 .conh .itemftsm a.fz-14:hover{color:#fff}.mallpage .mall-footer .floor3 .conh .itemftsp p{font-size:14px;color:#fff;margin-bottom:25px}.mallpage .mall-footer .floor3 .conh .itemftsp p span{margin-right:10px;position:relative;top:5px}.mallpage .mall-footer .floor3 .conh .itemftsp p img{width:172px;height:21px}.mallpage .mall-footer .floor3 .conh .itemftsp span{font-size:14px;color:#fff}.mallpage .mall-footer .floor3 .conh .dpbto{margin-top:53px;font-size:12px;color:#fff}.mallpage .mall-footer .floor3 .conh .dpbto i{font-size:22px;margin-right:20px;position:relative;top:-3px}.mallpage .mall-footer .floor3 .conh .dpbto i.dflt{margin-left:53px}.mallpage .datalistcon{padding:0 25px;background:#fff}.mallpage .datalistcon .w180{width:170px;padding-right:10px}.mallpage .datalistcon .w140{width:130px;padding-right:10px}.mallpage .datalistcon .w280{width:270px;padding-right:10px}.mallpage .datalistcon .list-th{box-sizing:border-box;width:100%;height:48px;background:#DFEAFA;line-height:48px;padding:0 20px}.mallpage .datalistcon .list-th .th{font-size:14px;color:#333;font-weight:bold}.mallpage .datalistcon .td-group{padding:20px;font-size:14px;color:#555;border-bottom:1px solid #DFEAFA;width:100%;box-sizing:border-box}.mallpage .datalistcon .td-group:last-child{border:0px}.mallpage .datalistcon .td-group .copyname{cursor:pointer;margin-top:10px}.mallpage .datalistcon .td-group .copyname i{font-size:25px;color:#164D9A}.mallpage .datalistcon .td-group .pdflink{cursor:pointer;margin-top:10px}.mallpage .datalistcon .td-group .pdflink i{font-size:25px;color:#F68332}.mallpage .datalistcon .td-group .total-price{margin-top:12px}.mallpage .datalistcon .td-group .mult{margin-left:30px}.mallpage .datalistcon .td-group .price-group{line-height:22px;color:#555}.mallpage .datalistcon .td-group .price-group .jtpr{width:80px;box-sizing:border-box;padding-right:5px}.mallpage .datalistcon .td-group .price-group .jtpc{width:80px}.mallpage .datalistcon .td-group a.goodsname{color:#555}.mallpage .datalistcon .td-group a.goodsname:hover{color:#164D9A}.mallpage .datalistcon .td-group .td{line-height:22px;word-break:break-all}.mallpage .datalistcon .td-group:hover{background:#F7FAFF}.mallpage .datalistcon .td-group .input-box{width:151px;height:32px;line-height:30px;background:#FAFAFA;border:1px solid #DFEAFA;border-radius:8px;position:relative}.mallpage .datalistcon .td-group .input-box input{background:none;color:#333;line-height:30px;height:30px;border:0px;font-size:14px;width:151px}.mallpage .datalistcon .td-group .input-box div{width:56px;height:32px;background:#164D9A;border-radius:0px 8px 8px 0px;line-height:30px;color:#fff;text-align:center;position:absolute;right:0px;top:0px;cursor:pointer}
\ No newline at end of file
public/assets/css/user/order.less 0 → 100644
.orderbox{
.search-shit{
width: 230px;
height: 32px;
background: #FAFAFA;
border: 1px solid #DFEAFA;
border-radius: 8px;
position: relative;
top:-5px;
span.icon{
position: absolute;
right: 0px;
top: -1px;
width: 50px;
height: 32px;
background: #164D9A;
text-align: center;
line-height: 32px;
border-radius: 0px 8px 8px 0px;
cursor: pointer;
i{
font-size: 18px;
color:#fff;
}
}
input{
background: #fff;
display: block;
height: 30px;
line-height: 30px;
color:#333;
padding-left:15px;
width:182px;
}
}
.user-right{
width: 1024px;
min-height: 500px;
background: #FFFFFF;
padding:18px 12px;
.nav{
width:950px;
border-bottom: 1px solid #DFEAFA;
margin-bottom: 16px;
.item{
height:38px;
font-size: 14px;
color:#555;
text-align: center;
box-sizing: border-box;
padding:0px 20px;
cursor: pointer;
.tt{width:80px;}
span{
height:34px;line-height: 38px;
}
&:first-child{line-height: 38px;}
&:last-child{line-height: 38px;}
&.act{
font-weight: bold;
color:#222;
border-bottom: 4px solid #164D9A;
}
}
}
.list-table{
.tr{
margin-bottom: 10px;
.w159{width:159px;}
.w98{width:98px;}
.w168{width:168px;}
.w189{width:189px;}
.w239{width:239px;}
.w150{width:150px;}
.titletr{
height:48px;
background: #DFEAFA;
line-height: 48px;
border-radius: 4px 4px 0px 0px;
font-size: 14px;
color:#555;
padding:0 18px;
line-height: 48px;
.ordersn{
margin:0 40px;
}
.fo{color:#F68332;}
.down{
margin-left: 30px;
color:#555;
cursor: pointer;
&:hover{color:#164D9A;}
}
}
.contr{
background: #F7FAFF;
.th-group{
height:39px;
line-height: 39px;
padding:0 19px;
border-bottom: 1px solid #DFEAFA;
.th{font-size: 14px;color:#333;font-weight: bold;box-sizing: border-box;padding-right: 5px;}
}
.td-group{
padding:12px 19px;
.td{
font-size: 14px;
color:#555;
box-sizing: border-box;padding-right: 5px;
word-break:break-all;
.btnsi{
width: 96px;
height: 30px;
background: #164D9A;
border-radius: 4px;
color:#fff;
font-size: 14px;
line-height: 30px;
text-align: center;
cursor: pointer;
box-sizing: border-box;
margin-bottom: 6px;
&.paybtn{
background: #F68332;
}
&.cancelbtn{
background: #fff;
color:#555;
border:1px solid #DFEAFA;
}
}
}
}
}
}
}
}
}
\ No newline at end of file
public/assets/css/user/order.min.css 0 → 100644
.orderbox .search-shit{width:230px;height:32px;background:#FAFAFA;border:1px solid #DFEAFA;border-radius:8px;position:relative;top:-5px}.orderbox .search-shit span.icon{position:absolute;right:0px;top:-1px;width:50px;height:32px;background:#164D9A;text-align:center;line-height:32px;border-radius:0px 8px 8px 0px;cursor:pointer}.orderbox .search-shit span.icon i{font-size:18px;color:#fff}.orderbox .search-shit input{background:#fff;display:block;height:30px;line-height:30px;color:#333;padding-left:15px;width:182px}.orderbox .user-right{width:1024px;min-height:500px;background:#FFFFFF;padding:18px 12px}.orderbox .user-right .nav{width:950px;border-bottom:1px solid #DFEAFA;margin-bottom:16px}.orderbox .user-right .nav .item{height:38px;font-size:14px;color:#555;text-align:center;box-sizing:border-box;padding:0px 20px;cursor:pointer}.orderbox .user-right .nav .item .tt{width:80px}.orderbox .user-right .nav .item span{height:34px;line-height:38px}.orderbox .user-right .nav .item:first-child{line-height:38px}.orderbox .user-right .nav .item:last-child{line-height:38px}.orderbox .user-right .nav .item.act{font-weight:bold;color:#222;border-bottom:4px solid #164D9A}.orderbox .user-right .list-table .tr{margin-bottom:10px}.orderbox .user-right .list-table .tr .w159{width:159px}.orderbox .user-right .list-table .tr .w98{width:98px}.orderbox .user-right .list-table .tr .w168{width:168px}.orderbox .user-right .list-table .tr .w189{width:189px}.orderbox .user-right .list-table .tr .w239{width:239px}.orderbox .user-right .list-table .tr .w150{width:150px}.orderbox .user-right .list-table .tr .titletr{height:48px;background:#DFEAFA;border-radius:4px 4px 0px 0px;font-size:14px;color:#555;padding:0 18px;line-height:48px}.orderbox .user-right .list-table .tr .titletr .ordersn{margin:0 40px}.orderbox .user-right .list-table .tr .titletr .fo{color:#F68332}.orderbox .user-right .list-table .tr .titletr .down{margin-left:30px;color:#555;cursor:pointer}.orderbox .user-right .list-table .tr .titletr .down:hover{color:#164D9A}.orderbox .user-right .list-table .tr .contr{background:#F7FAFF}.orderbox .user-right .list-table .tr .contr .th-group{height:39px;line-height:39px;padding:0 19px;border-bottom:1px solid #DFEAFA}.orderbox .user-right .list-table .tr .contr .th-group .th{font-size:14px;color:#333;font-weight:bold;box-sizing:border-box;padding-right:5px}.orderbox .user-right .list-table .tr .contr .td-group{padding:12px 19px}.orderbox .user-right .list-table .tr .contr .td-group .td{font-size:14px;color:#555;box-sizing:border-box;padding-right:5px;word-break:break-all}.orderbox .user-right .list-table .tr .contr .td-group .td .btnsi{width:96px;height:30px;background:#164D9A;border-radius:4px;color:#fff;font-size:14px;line-height:30px;text-align:center;cursor:pointer;box-sizing:border-box;margin-bottom:6px}.orderbox .user-right .list-table .tr .contr .td-group .td .btnsi.paybtn{background:#F68332}.orderbox .user-right .list-table .tr .contr .td-group .td .btnsi.cancelbtn{background:#fff;color:#555;border:1px solid #DFEAFA}
\ No newline at end of file
public/assets/css/user/orderdetail.less 0 → 100644
.orderdetailbox {
.user-right {
width : 1024px;
min-height: 500px;
background: #FFFFFF;
padding-bottom: 30px;
.head {
height : 22px;
line-height: 22px;
.ordersn {
font-size : 16px;
color : #222;
font-weight: bold;
}
.sale {
color : #174D9A;
font-size : 14px;
margin-left: 60px;
}
padding :0 28px;
padding-top: 28px;
.down {
display : block;
color : #555;
height : 22px;
font-size: 14px;
i {
font-size : 22px;
margin-left: 40px;
}
span {
margin-right: 4px;
position : relative;
top : -3px;
}
cursor: pointer;
&:hover {
color: #174D9A;
}
}
}
.stausbox {
margin-top: 44px;
.stausimg {
width : 940px;
height: 80px;
margin: 0 auto;
&.step1 {
background: url(../../images/user/step1.png) no-repeat;
}
&.step2 {
background: url(../../images/user/step2.png) no-repeat;
}
&.step3 {
background: url(../../images/user/step3.png) no-repeat;
}
&.step4 {
background: url(../../images/user/step4.png) no-repeat;
}
&.step5 {
background: url(../../images/user/step5.png) no-repeat;
}
&.step6 {
background: url(../../images/user/step6.png) no-repeat;
}
}
.staustime {
margin-top: 6px;
color : #666;
font-size : 14px;
div {
width : 72px;
text-align: center;
position : relative;
&.left10 {
left: -10px;
}
&.left8 {
left: -8px;
}
&.left5 {
left: -5px;
}
&.left1 {
left: 5px;
}
}
}
}
.h3 {
font-size : 16px;
font-weight : bold;
color : #222;
padding : 0 28px;
margin-top : 50px;
margin-bottom: 20px;
}
.list-table {
width : 974px;
margin : 0 auto;
border-radius: 0px 0px 8px 8px;
margin-top : 20px;
.w47 {
width: 47px;
}
.w184 {
width: 184px;
}
.w155 {
width: 155px;
}
.w120 {
width: 120px;
}
.w88 {
width: 88px;
}
.w103 {
width: 103px;
}
.w100 {
width: 100px
}
.thead {
height : 38px;
background : #DFEAFA;
line-height : 38px;
border-radius: 8px 8px 0px 0px;
padding : 0 15px;
.th {
font-size : 14px;
color : #333;
font-weight : bold;
box-sizing : border-box;
padding-right: 5px;
}
}
.tbody {
font-size : 14px;
color : #555;
border-radius: 0px 0px 8px 8px;
background : #F7FAFF;
overflow : hidden;
input {
width : 132px;
height : 26px;
background : #FAFAFA;
border : 1px solid #DFEAFA;
border-radius: 4px;
line-height : 26px;
color : #333;
}
.tr {
line-height : 20px;
border-bottom: 1px solid #DFEAFA;
padding : 20px 15px;
box-sizing : border-box;
.td {
word-break : break-all;
box-sizing : border-box;
padding-right: 5px;
}
&:last-child {
border: 0px;
}
&.sxbox {
background: rgba(51, 51, 51, 0.2);
input {
background: none;
border : 1px solid #BCBCBC;
}
}
}
.pdf {
color : #F68332;
font-size: 20px;
}
.sx {
width : 100px;
height : 20px;
border : 1px solid #EE1919;
border-radius: 14px;
color : #EE1919;
font-size : 14px;
text-align : center;
line-height : 20px;
position : relative;
top : 1px;
}
}
}
.bot{
width:974px;
margin:0 auto;
margin-top: 20px;
.info-group{
width:487px;
margin-bottom: 20px;
&.rp{width:974px;}
.ht{font-size: 16px;color:#222;font-weight: bold;margin-bottom: 10px;}
.ml20{margin-left: 30px;}
.hcon{font-size: 14px;color:#555;padding-left:18px;}
p{line-height: 30px;}
}
}
}
.salebox{
}
}
\ No newline at end of file
public/assets/css/user/orderdetail.min.css 0 → 100644
.orderdetailbox .user-right{width:1024px;min-height:500px;background:#FFFFFF;padding-bottom:30px}.orderdetailbox .user-right .head{height:22px;line-height:22px;padding:0 28px;padding-top:28px}.orderdetailbox .user-right .head .ordersn{font-size:16px;color:#222;font-weight:bold}.orderdetailbox .user-right .head .sale{color:#174D9A;font-size:14px;margin-left:60px}.orderdetailbox .user-right .head .down{display:block;color:#555;height:22px;font-size:14px;cursor:pointer}.orderdetailbox .user-right .head .down i{font-size:22px;margin-left:40px}.orderdetailbox .user-right .head .down span{margin-right:4px;position:relative;top:-3px}.orderdetailbox .user-right .head .down:hover{color:#174D9A}.orderdetailbox .user-right .stausbox{margin-top:44px}.orderdetailbox .user-right .stausbox .stausimg{width:940px;height:80px;margin:0 auto}.orderdetailbox .user-right .stausbox .stausimg.step1{background:url(../../images/user/step1.png) no-repeat}.orderdetailbox .user-right .stausbox .stausimg.step2{background:url(../../images/user/step2.png) no-repeat}.orderdetailbox .user-right .stausbox .stausimg.step3{background:url(../../images/user/step3.png) no-repeat}.orderdetailbox .user-right .stausbox .stausimg.step4{background:url(../../images/user/step4.png) no-repeat}.orderdetailbox .user-right .stausbox .stausimg.step5{background:url(../../images/user/step5.png) no-repeat}.orderdetailbox .user-right .stausbox .stausimg.step6{background:url(../../images/user/step6.png) no-repeat}.orderdetailbox .user-right .stausbox .staustime{margin-top:6px;color:#666;font-size:14px}.orderdetailbox .user-right .stausbox .staustime div{width:72px;text-align:center;position:relative}.orderdetailbox .user-right .stausbox .staustime div.left10{left:-10px}.orderdetailbox .user-right .stausbox .staustime div.left8{left:-8px}.orderdetailbox .user-right .stausbox .staustime div.left5{left:-5px}.orderdetailbox .user-right .stausbox .staustime div.left1{left:5px}.orderdetailbox .user-right .h3{font-size:16px;font-weight:bold;color:#222;padding:0 28px;margin-top:50px;margin-bottom:20px}.orderdetailbox .user-right .list-table{width:974px;margin:0 auto;border-radius:0px 0px 8px 8px;margin-top:20px}.orderdetailbox .user-right .list-table .w47{width:47px}.orderdetailbox .user-right .list-table .w184{width:184px}.orderdetailbox .user-right .list-table .w155{width:155px}.orderdetailbox .user-right .list-table .w120{width:120px}.orderdetailbox .user-right .list-table .w88{width:88px}.orderdetailbox .user-right .list-table .w103{width:103px}.orderdetailbox .user-right .list-table .w100{width:100px}.orderdetailbox .user-right .list-table .thead{height:38px;background:#DFEAFA;line-height:38px;border-radius:8px 8px 0px 0px;padding:0 15px}.orderdetailbox .user-right .list-table .thead .th{font-size:14px;color:#333;font-weight:bold;box-sizing:border-box;padding-right:5px}.orderdetailbox .user-right .list-table .tbody{font-size:14px;color:#555;border-radius:0px 0px 8px 8px;background:#F7FAFF;overflow:hidden}.orderdetailbox .user-right .list-table .tbody input{width:132px;height:26px;background:#FAFAFA;border:1px solid #DFEAFA;border-radius:4px;line-height:26px;color:#333}.orderdetailbox .user-right .list-table .tbody .tr{line-height:20px;border-bottom:1px solid #DFEAFA;padding:20px 15px;box-sizing:border-box}.orderdetailbox .user-right .list-table .tbody .tr .td{word-break:break-all;box-sizing:border-box;padding-right:5px}.orderdetailbox .user-right .list-table .tbody .tr:last-child{border:0px}.orderdetailbox .user-right .list-table .tbody .tr.sxbox{background:rgba(51,51,51,0.2)}.orderdetailbox .user-right .list-table .tbody .tr.sxbox input{background:none;border:1px solid #BCBCBC}.orderdetailbox .user-right .list-table .tbody .pdf{color:#F68332;font-size:20px}.orderdetailbox .user-right .list-table .tbody .sx{width:100px;height:20px;border:1px solid #EE1919;border-radius:14px;color:#EE1919;font-size:14px;text-align:center;line-height:20px;position:relative;top:1px}.orderdetailbox .user-right .bot{width:974px;margin:0 auto;margin-top:20px}.orderdetailbox .user-right .bot .info-group{width:487px;margin-bottom:20px}.orderdetailbox .user-right .bot .info-group.rp{width:974px}.orderdetailbox .user-right .bot .info-group .ht{font-size:16px;color:#222;font-weight:bold;margin-bottom:10px}.orderdetailbox .user-right .bot .info-group .ml20{margin-left:30px}.orderdetailbox .user-right .bot .info-group .hcon{font-size:14px;color:#555;padding-left:18px}.orderdetailbox .user-right .bot .info-group p{line-height:30px}
\ No newline at end of file
resources/views/common/mallUserHeaderNav.blade.php 0 → 100644
<div class="mall-header-user-nav">
<div class="user-con-nav w1200 ">
<div class="nav-box row verCenter" style="height:80px;">
<a href="" class="logo"><img src="{{$public}}/assets/images/common/logo.png" alt=""></a>
<div class="menber">Member Center</div>
<div class="login-head-box yesLogin">
<a href="" class="row">
<span><i class="icon iconfont icon-touxiang"></i></span>
<div class="username">460053411@qq.com</div>
</a>
</div>
<a href="" class="about-link">Contact Us</a>
</div>
</div>
</div>
\ No newline at end of file
resources/views/user/order.blade.php 0 → 100644
@extends('layouts.appMall')
@section('css')
<link rel="stylesheet" href="{{$public}}/assets/css/user/order.min.css?v={{time()}}">
@endsection
@section('body')
<div class="mallpage">
@include('common.mallHeaderTop')
@include('common.mallUserHeaderNav')
<div class="orderbox w1200 ">
<div class="bread-menu row boxsiz bothSide">
<div>
<a href="">Home</a>
<i>></i>
<a href="">Member Center</a>
<i>></i>
<span>My Orders </span>
</div>
<div class="search-shit boxsiz">
<span class="icon"><i class="icon iconfont icon-shouyesousuo"></i></span>
<input type="text" placeholder="Search in the results">
</div>
</div>
<div class="cons row bothSide">
<div class="user-left-nav boxsiz">
<a class="li act">My Orders</a>
<a class="li">My RFQ</a>
<a class="li">My Account</a>
</div>
<div class="user-right boxsiz">
<div class="nav row">
<div class="item act ">
<div class="row rowCenter">
<div>All</div><span>(2)</span>
</div>
</div>
<div class="item row">
<div>
<div class="tt">Waiting for</div>
<div>approval</div>
</div>
<span>(100)</span>
</div>
<div class="item row">
<div>
<div class="tt">Waiting for</div>
<div>payment</div>
</div>
<span>(100)</span>
</div>
<div class="item row">
<div>
<div class="tt">Waiting for</div>
<div>dispatch</div>
</div>
<span>(100)</span>
</div>
<div class="item row">
<div>
<div class="tt">Waiting for</div>
<div>delivery</div>
</div>
<span>(100)</span>
</div>
<div class="item row">
<div>
<div>Transaction</div>
<div>Complete</div>
</div>
<span>(100)</span>
</div>
<div class="item">
<div class="row rowCenter">Cancelled<span>(2)</span></div>
</div>
</div>
<div class="list-table">
<div class="tr">
<div class="titletr boxsiz">
<div class="row bothSide">
<div class="row">
<span>2022-10-10</span>
<span class="ordersn">Order No.：1234567890</span>
<span>Please complete your payment within <span class="fo">23 hours 45 minutes 58 seconds</span></span>
</div>
<div class="row">
<a class="down">
<i class="icon iconfont icon-xiazai"></i>
PI
</a>
<a class="down">
<i class="icon iconfont icon-xiazai"></i>
CI
</a>
</div>
</div>
</div>
<div class="contr">
<div class="th-group row boxsiz">
<div class="th w159">Items</div>
<div class="th w98">Ext. Price</div>
<div class="th w168">Status</div>
<div class="th w189">Contact Details</div>
<div class="th w239">Shipping Address</div>
<div class="th w150">Options</div>
</div>
<div class="td-group row boxsiz">
<div class="td w159">MPX5700ASX-ND
MLF2012E100JT000
MLF2012E100JT000
12 items in total</div>
<div class="td w98">$88888.62</div>
<div class="td w168">Waiting for payment</div>
<div class="td w189">Receiver：Edward
E-mail：abcd@aaa.com
Phone：000-000-0000</div>
<div class="td w239">78,Building 15 Queen Avenue,
New York, USA</div>
<div class="td w150">
<div class="btnsi">Buy Again</div>
<div class="btnsi paybtn">Pay</div>
<div class="btnsi cancelbtn">Cancel Order</div>
</div>
</div>
</div>
</div>
<div class="tr">
<div class="titletr boxsiz">
<div class="row bothSide">
<div class="row">
<span>2022-10-10</span>
<span class="ordersn">Order No.：1234567890</span>
<span>Please complete your payment within <span class="fo">23 hours 45 minutes 58 seconds</span></span>
</div>
<div class="row">
<a class="down">
<i class="icon iconfont icon-xiazai"></i>
PI
</a>
<a class="down">
<i class="icon iconfont icon-xiazai"></i>
CI
</a>
</div>
</div>
</div>
<div class="contr">
<div class="th-group row boxsiz">
<div class="th w159">Items</div>
<div class="th w98">Ext. Price</div>
<div class="th w168">Status</div>
<div class="th w189">Contact Details</div>
<div class="th w239">Shipping Address</div>
<div class="th w150">Options</div>
</div>
<div class="td-group row boxsiz">
<div class="td w159">MPX5700ASX-ND
MLF2012E100JT000
MLF2012E100JT000
12 items in total</div>
<div class="td w98">$88888.62</div>
<div class="td w168">Waiting for payment</div>
<div class="td w189">Receiver：Edward
E-mail：abcd@aaa.com
Phone：000-000-0000</div>
<div class="td w239">78,Building 15 Queen Avenue,
New York, USA</div>
<div class="td w150">
<div class="btnsi">Buy Again</div>
<div class="btnsi paybtn">Pay</div>
<div class="btnsi cancelbtn">Cancel Order</div>
</div>
</div>
</div>
</div>
<div class="tr">
<div class="titletr boxsiz">
<div class="row bothSide">
<div class="row">
<span>2022-10-10</span>
<span class="ordersn">Order No.：1234567890</span>
<span>Please complete your payment within <span class="fo">23 hours 45 minutes 58 seconds</span></span>
</div>
<div class="row">
<a class="down">
<i class="icon iconfont icon-xiazai"></i>
PI
</a>
<a class="down">
<i class="icon iconfont icon-xiazai"></i>
CI
</a>
</div>
</div>
</div>
<div class="contr">
<div class="th-group row boxsiz">
<div class="th w159">Items</div>
<div class="th w98">Ext. Price</div>
<div class="th w168">Status</div>
<div class="th w189">Contact Details</div>
<div class="th w239">Shipping Address</div>
<div class="th w150">Options</div>
</div>
<div class="td-group row boxsiz">
<div class="td w159">MPX5700ASX-ND
MLF2012E100JT000
MLF2012E100JT000
12 items in total</div>
<div class="td w98">$88888.62</div>
<div class="td w168">Waiting for payment</div>
<div class="td w189">Receiver：Edward
E-mail：abcd@aaa.com
Phone：000-000-0000</div>
<div class="td w239">78,Building 15 Queen Avenue,
New York, USA</div>
<div class="td w150">
<div class="btnsi">Buy Again</div>
<div class="btnsi paybtn">Pay</div>
<div class="btnsi cancelbtn">Cancel Order</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
@include('common.mallFooter')
</div>
@endsection
@section('js')
<script src="{{$public}}/assets/js/user/order.js?v={{time()}}"></script>
@endsection
\ No newline at end of file
resources/views/user/orderDetail.blade.php 0 → 100644
@extends('layouts.appMall')
@section('css')
<link rel="stylesheet" href="{{$public}}/assets/css/user/orderdetail.min.css?v={{time()}}">
@endsection
@section('body')
<div class="mallpage">
@include('common.mallHeaderTop')
@include('common.mallUserHeaderNav')
<div class="orderdetailbox w1200 ">
<div class="bread-menu row boxsiz bothSide">
<div>
<a href="">Home</a>
<i>></i>
<a href="">Member Center</a>
<i>></i>
<a href="">My Orders</a>
<i>></i>
<span>Order Details</span>
</div>
</div>
<div class="cons row bothSide">
<div class="user-left-nav boxsiz">
<a class="li act">My Orders</a>
<a class="li">My RFQ</a>
<a class="li">My Account</a>
</div>
<div class="user-right boxsiz detailbox" style="display:none;">
<div class="head row bothSide">
<div class="row">
<span class="ordersn">Order No#：1234567890</span>
<a href="" class="sale">After-sales Record</a>
</div>
<div class="row">
<a class="down">
<i class="icon iconfont icon-xiazai"></i>
<span>PI</span>
</a>
<a class="down">
<i class="icon iconfont icon-xiazai"></i>
<span>CI</span>
</a>
</div>
</div>
<div class="stausbox">
<div class="stausimg step2"></div>
<div class="staustime row avarage">
<div class="left8">2022-10-10 12:00:00</div>
<div class="left10">2022-10-10 12:00:00</div>
<div class="left5">2022-10-10 12:00:00</div>
<div>2022-10-10 12:00:00</div>
<div>2022-10-10 12:00:00</div>
<div class="left1">2022-10-10 12:00:00</div>
</div>
</div>
<div class="h3">Items</div>
<div class="list-table">
<div class="thead row boxsiz">
<div class="th w47">
NO.
</div>
<div class="th w155">Part NO.</div>
<div class="th w184">Details</div>
<div class="th w120">Delivery date</div>
<div class="th w88">Quantity</div>
<div class="th w103">Unit Price</div>
<div class="th w100">Ext. Price</div>
<div class="th">Remark</div>
</div>
<div class="tbody boxsiz">
<div class="tr row">
<div class="td w47">
1
</div>
<div class="td w155">
STTH1L06A
<div class="pdf">
<i class="icon iconfont icon-PDF"></i>
</div>
</div>
<div class="td w184">Manufacturers：Yageo</div>
<div class="td w120">2-5 workdays</div>
<div class="td w88">
100
</div>
<div class="td w103">10000</div>
<div class="td w100">$0.0011</div>
<div class="td">
<input type="text" value="55555">
</div>
</div>
<div class="tr row">
<div class="td w47">
1
</div>
<div class="td w155">
STTH1L06A
<div class="pdf">
<i class="icon iconfont icon-PDF"></i>
</div>
</div>
<div class="td w184">Manufacturers：Yageo</div>
<div class="td w120">2-5 workdays</div>
<div class="td w88">
100
</div>
<div class="td w103">10000</div>
<div class="td w100">$0.0011</div>
<div class="td">
<input type="text" value="55555">
</div>
</div>
</div>
</div>
<div class="bot ">
<div class="row">
<div class="info-group">
<div class="ht">Shipping Address</div>
<div class="hcon">
<p>DHL：1234567890</p>
<p><span>Michael Jordan</span> <span class="ml20">Apple inc</span></p>
<p><span>123456@qq.com</span> <span class="ml20">000-000-000-XXXX</span></p>
<p>79, 105 Center Street, Queens, New York City.</p>
</div>
</div>
<div class="info-group">
<div class="ht">Billing Address</div>
<div class="hcon">
<p>DHL：1234567890</p>
<p><span>Michael Jordan</span> <span class="ml20">Apple inc</span></p>
<p><span>123456@qq.com</span> <span class="ml20">000-000-000-XXXX</span></p>
<p>79, 105 Center Street, Queens, New York City.</p>
</div>
</div>
</div>
<div class="info-group rp">
<div class="ht">Settlement Information</div>
<div class="hcon">
<p>Merchandise Total：$2600.35 <span class="ml20">Shipping：$20</span> <span class="ml20">Payment Surcharge：$20</span></p>
<p>Subtotal（3item）：$20</p>
</div>
</div>
</div>
</div>
<div class="user-right boxsiz salebox">
售后服务
</div>
</div>
</div>
@include('common.mallFooter')
</div>
@endsection
@section('js')
<script src="{{$public}}/assets/js/user/orderdetail.js?v={{time()}}"></script>
@endsection
\ No newline at end of file
routes/web.php
......@@ -48,3 +48,7 @@ Route::get('/search', 'SearchController@index')->name('search.index');
Route::get('/car', 'CarController@car')->name('car.car');
Route::get('/confirm', 'CarController@confirm')->name('car.confirm');
Route::get('/user/order', 'UserController@order')->name('user.order');
Route::get('/user/orderDetail', 'UserController@orderDetail')->name('user.orderDetail');
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment