Skip to content
Toggle navigation
P
Projects
G
Groups
S
Snippets
Help
semour
/
semour_web
This project
Loading...
Sign in
Toggle navigation
Go to a project
Project
Repository
Issues
0
Merge Requests
0
Pipelines
Wiki
Snippets
Settings
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Commit
7753398e
authored
Nov 22, 2022
by
肖康
Browse files
Options
_('Browse Files')
Download
Email Patches
Plain Diff
下单 结算 购物车 订单
parent
dccc9f8e
Hide whitespace changes
Inline
Side-by-side
Showing
23 changed files
with
1039 additions
and
504 deletions
public/assets/css/car/car.less
public/assets/css/car/car.min.css
public/assets/css/car/confirm.less
public/assets/css/car/confirm.min.css
public/assets/css/common/common.less
public/assets/css/common/common.min.css
public/assets/css/user/order.less
public/assets/css/user/order.min.css
public/assets/js/brand/list.js
public/assets/js/car/car.js
public/assets/js/car/confirm.js
public/assets/js/class/class.js
public/assets/js/search/search.js
public/assets/js/user/account.js
public/assets/js/user/order.js
resources/views/brand/list.blade.php
resources/views/brand/map.blade.php
resources/views/car/car.blade.php
resources/views/car/confirm.blade.php
resources/views/classification/index.blade.php
resources/views/search/index.blade.php
resources/views/user/inquiry.blade.php
resources/views/user/order.blade.php
public/assets/css/car/car.less
View file @
7753398e
...
...
@@ -104,7 +104,7 @@
}
}
.pdf{color:#F68332;font-size: 20px;}
.pdf{color:#F68332;font-size: 20px;
margin-left: 10px;
}
.sx{
width: 100px;
height: 20px;
...
...
@@ -142,7 +142,7 @@
padding-top: 20px;
.top{
width: 298px;
height:
18
0px;
height:
9
0px;
background: #DFEAFA;
border-radius: 8px;
padding:0 4px;
...
...
public/assets/css/car/car.min.css
View file @
7753398e
.carbox
.cons
{
background
:
#fff
;
padding
:
19px
}
.carbox
.cons
.titles
{
border-bottom
:
3px
solid
#164D9A
;
border-radius
:
2px
;
font-size
:
16px
;
color
:
#222
;
font-weight
:
bold
;
padding-bottom
:
7px
;
padding-top
:
10px
;
width
:
134px
;
text-align
:
center
}
.carbox
.cons
.section
.left
{
width
:
842px
}
.carbox
.cons
.section
.left
.list-table
{
width
:
842px
;
border-radius
:
0px
0px
8px
8px
;
margin-top
:
20px
}
.carbox
.cons
.section
.left
.list-table
.w46
{
width
:
46px
}
.carbox
.cons
.section
.left
.list-table
.w98
{
width
:
98px
}
.carbox
.cons
.section
.left
.list-table
.w183
{
width
:
183px
}
.carbox
.cons
.section
.left
.list-table
.w119
{
width
:
119px
}
.carbox
.cons
.section
.left
.list-table
.w93
{
width
:
93px
}
.carbox
.cons
.section
.left
.list-table
.w110
{
width
:
110px
}
.carbox
.cons
.section
.left
.list-table
.w92
{
width
:
92px
}
.carbox
.cons
.section
.left
.list-table
.check-group
{
color
:
#555
;
font-size
:
16px
;
cursor
:
pointer
}
.carbox
.cons
.section
.left
.list-table
.check-group
.check
{
width
:
14px
;
height
:
14px
;
border
:
1px
solid
#164D9A
;
border-radius
:
4px
;
text-align
:
center
;
line-height
:
14px
}
.carbox
.cons
.section
.left
.list-table
.check-group
.check
i
{
color
:
#164D9A
;
font-size
:
12px
;
display
:
none
}
.carbox
.cons
.section
.left
.list-table
.check-group
span
{
color
:
#555
;
font-size
:
14px
;
margin-left
:
5px
}
.carbox
.cons
.section
.left
.list-table
.check-group.act
.check
i
{
display
:
inline
}
.carbox
.cons
.section
.left
.list-table
.thead
{
height
:
38px
;
background
:
#DFEAFA
;
line-height
:
38px
;
border-radius
:
8px
8px
0px
0px
;
padding
:
0
15px
}
.carbox
.cons
.section
.left
.list-table
.thead
.th
{
font-size
:
14px
;
color
:
#333
;
font-weight
:
bold
;
box-sizing
:
border-box
;
padding-right
:
5px
}
.carbox
.cons
.section
.left
.list-table
.tbody
{
font-size
:
14px
;
color
:
#555
;
background
:
#F7FAFF
}
.carbox
.cons
.section
.left
.list-table
.tbody
input
{
width
:
64px
;
height
:
26px
;
background
:
#FAFAFA
;
border
:
1px
solid
#DFEAFA
;
border-radius
:
4px
;
line-height
:
26px
;
color
:
#333
}
.carbox
.cons
.section
.left
.list-table
.tbody
.tr
{
line-height
:
20px
;
border-bottom
:
1px
solid
#DFEAFA
;
padding
:
20px
15px
;
box-sizing
:
border-box
}
.carbox
.cons
.section
.left
.list-table
.tbody
.tr
.td
{
word-break
:
break-all
;
box-sizing
:
border-box
;
padding-right
:
5px
}
.carbox
.cons
.section
.left
.list-table
.tbody
.tr
:last-child
{
border
:
0px
}
.carbox
.cons
.section
.left
.list-table
.tbody
.tr.sxbox
{
background
:
rgba
(
51
,
51
,
51
,
0.2
)}
.carbox
.cons
.section
.left
.list-table
.tbody
.tr.sxbox
input
{
background
:
none
;
border
:
1px
solid
#BCBCBC
}
.carbox
.cons
.section
.left
.list-table
.tbody
.pdf
{
color
:
#F68332
;
font-size
:
20px
}
.carbox
.cons
.section
.left
.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
}
.carbox
.cons
.section
.left
.list-table
.tfoot
{
width
:
842px
;
height
:
38px
;
line-height
:
38px
;
background
:
#DFEAFA
;
padding
:
0
15px
;
box-shadow
:
0
0
10px
0
rgba
(
0
,
0
,
0
,
0.15
);
border-radius
:
8px
;
font-size
:
13px
;
color
:
#555
;
margin-top
:
13px
}
.carbox
.cons
.section
.left
.list-table
.tfoot
.fw
{
font-weight
:
bold
}
.carbox
.cons
.section
.left
.list-table
.tfoot
.selectcount
{
margin-left
:
80px
;
margin-right
:
60px
}
.carbox
.cons
.section
.left
.list-table
.tfoot
.del
{
cursor
:
pointer
}
.carbox
.cons
.section
.right
{
width
:
298px
;
padding-top
:
20px
}
.carbox
.cons
.section
.right
.top
{
width
:
298px
;
height
:
180px
;
background
:
#DFEAFA
;
border-radius
:
8px
;
padding
:
0
4px
}
.carbox
.cons
.section
.right
.top
.itemsp
{
height
:
45px
;
line-height
:
45px
;
color
:
#333
;
font-size
:
14px
;
border-bottom
:
1px
solid
#fff
;
padding
:
0
17px
}
.carbox
.cons
.section
.right
.top
.itemsp
span
{
font-weight
:
bold
}
.carbox
.cons
.section
.right
.create
{
width
:
298px
;
height
:
32px
;
line-height
:
32px
;
background
:
#164D9A
;
text-align
:
center
;
border-radius
:
8px
;
font-size
:
14px
;
color
:
#fff
;
cursor
:
pointer
;
margin-top
:
20px
}
.carbox
.cons
.section
.right
.lgtips
{
font-size
:
14px
;
color
:
#555
;
margin-top
:
12px
}
.carbox
.cons
.section
.right
.lgtips
a
{
color
:
#164D9A
}
.carbox
.cons
.section
.right
.bannerc
img
{
width
:
298px
;
height
:
321px
;
margin-top
:
24px
}
\ No newline at end of file
.carbox
.cons
{
background
:
#fff
;
padding
:
19px
}
.carbox
.cons
.titles
{
border-bottom
:
3px
solid
#164D9A
;
border-radius
:
2px
;
font-size
:
16px
;
color
:
#222
;
font-weight
:
bold
;
padding-bottom
:
7px
;
padding-top
:
10px
;
width
:
134px
;
text-align
:
center
}
.carbox
.cons
.section
.left
{
width
:
842px
}
.carbox
.cons
.section
.left
.list-table
{
width
:
842px
;
border-radius
:
0px
0px
8px
8px
;
margin-top
:
20px
}
.carbox
.cons
.section
.left
.list-table
.w46
{
width
:
46px
}
.carbox
.cons
.section
.left
.list-table
.w98
{
width
:
98px
}
.carbox
.cons
.section
.left
.list-table
.w183
{
width
:
183px
}
.carbox
.cons
.section
.left
.list-table
.w119
{
width
:
119px
}
.carbox
.cons
.section
.left
.list-table
.w93
{
width
:
93px
}
.carbox
.cons
.section
.left
.list-table
.w110
{
width
:
110px
}
.carbox
.cons
.section
.left
.list-table
.w92
{
width
:
92px
}
.carbox
.cons
.section
.left
.list-table
.check-group
{
color
:
#555
;
font-size
:
16px
;
cursor
:
pointer
}
.carbox
.cons
.section
.left
.list-table
.check-group
.check
{
width
:
14px
;
height
:
14px
;
border
:
1px
solid
#164D9A
;
border-radius
:
4px
;
text-align
:
center
;
line-height
:
14px
}
.carbox
.cons
.section
.left
.list-table
.check-group
.check
i
{
color
:
#164D9A
;
font-size
:
12px
;
display
:
none
}
.carbox
.cons
.section
.left
.list-table
.check-group
span
{
color
:
#555
;
font-size
:
14px
;
margin-left
:
5px
}
.carbox
.cons
.section
.left
.list-table
.check-group.act
.check
i
{
display
:
inline
}
.carbox
.cons
.section
.left
.list-table
.thead
{
height
:
38px
;
background
:
#DFEAFA
;
line-height
:
38px
;
border-radius
:
8px
8px
0px
0px
;
padding
:
0
15px
}
.carbox
.cons
.section
.left
.list-table
.thead
.th
{
font-size
:
14px
;
color
:
#333
;
font-weight
:
bold
;
box-sizing
:
border-box
;
padding-right
:
5px
}
.carbox
.cons
.section
.left
.list-table
.tbody
{
font-size
:
14px
;
color
:
#555
;
background
:
#F7FAFF
}
.carbox
.cons
.section
.left
.list-table
.tbody
input
{
width
:
64px
;
height
:
26px
;
background
:
#FAFAFA
;
border
:
1px
solid
#DFEAFA
;
border-radius
:
4px
;
line-height
:
26px
;
color
:
#333
}
.carbox
.cons
.section
.left
.list-table
.tbody
.tr
{
line-height
:
20px
;
border-bottom
:
1px
solid
#DFEAFA
;
padding
:
20px
15px
;
box-sizing
:
border-box
}
.carbox
.cons
.section
.left
.list-table
.tbody
.tr
.td
{
word-break
:
break-all
;
box-sizing
:
border-box
;
padding-right
:
5px
}
.carbox
.cons
.section
.left
.list-table
.tbody
.tr
:last-child
{
border
:
0px
}
.carbox
.cons
.section
.left
.list-table
.tbody
.tr.sxbox
{
background
:
rgba
(
51
,
51
,
51
,
0.2
)}
.carbox
.cons
.section
.left
.list-table
.tbody
.tr.sxbox
input
{
background
:
none
;
border
:
1px
solid
#BCBCBC
}
.carbox
.cons
.section
.left
.list-table
.tbody
.pdf
{
color
:
#F68332
;
font-size
:
20px
;
margin-left
:
10px
}
.carbox
.cons
.section
.left
.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
}
.carbox
.cons
.section
.left
.list-table
.tfoot
{
width
:
842px
;
height
:
38px
;
line-height
:
38px
;
background
:
#DFEAFA
;
padding
:
0
15px
;
box-shadow
:
0
0
10px
0
rgba
(
0
,
0
,
0
,
0.15
);
border-radius
:
8px
;
font-size
:
13px
;
color
:
#555
;
margin-top
:
13px
}
.carbox
.cons
.section
.left
.list-table
.tfoot
.fw
{
font-weight
:
bold
}
.carbox
.cons
.section
.left
.list-table
.tfoot
.selectcount
{
margin-left
:
80px
;
margin-right
:
60px
}
.carbox
.cons
.section
.left
.list-table
.tfoot
.del
{
cursor
:
pointer
}
.carbox
.cons
.section
.right
{
width
:
298px
;
padding-top
:
20px
}
.carbox
.cons
.section
.right
.top
{
width
:
298px
;
height
:
90px
;
background
:
#DFEAFA
;
border-radius
:
8px
;
padding
:
0
4px
}
.carbox
.cons
.section
.right
.top
.itemsp
{
height
:
45px
;
line-height
:
45px
;
color
:
#333
;
font-size
:
14px
;
border-bottom
:
1px
solid
#fff
;
padding
:
0
17px
}
.carbox
.cons
.section
.right
.top
.itemsp
span
{
font-weight
:
bold
}
.carbox
.cons
.section
.right
.create
{
width
:
298px
;
height
:
32px
;
line-height
:
32px
;
background
:
#164D9A
;
text-align
:
center
;
border-radius
:
8px
;
font-size
:
14px
;
color
:
#fff
;
cursor
:
pointer
;
margin-top
:
20px
}
.carbox
.cons
.section
.right
.lgtips
{
font-size
:
14px
;
color
:
#555
;
margin-top
:
12px
}
.carbox
.cons
.section
.right
.lgtips
a
{
color
:
#164D9A
}
.carbox
.cons
.section
.right
.bannerc
img
{
width
:
298px
;
height
:
321px
;
margin-top
:
24px
}
\ No newline at end of file
public/assets/css/car/confirm.less
View file @
7753398e
...
...
@@ -446,6 +446,7 @@
line-height: 40px;
margin:0 auto;
margin-top: 24px;
cursor: pointer;
}
}
...
...
public/assets/css/car/confirm.min.css
View file @
7753398e
.confirmbox
.back
{
height
:
56px
}
.confirmbox
.back
a
{
font-size
:
14px
;
color
:
#555
}
.confirmbox
.back
i
{
color
:
#04439D
;
font-size
:
16px
}
.confirmbox
.top
{
background
:
#FFFFFF
}
.confirmbox
.top
.head
{
width
:
1200px
;
height
:
48px
;
background
:
#DFEAFA
;
color
:
#164D9A
;
font-size
:
16px
;
font-weight
:
bold
;
padding-left
:
25px
}
.confirmbox
.top
.address-group
{
padding
:
0
40px
;
font-size
:
14px
;
color
:
#555
;
position
:
relative
;
padding-bottom
:
40px
}
.confirmbox
.top
.address-group
.edit
{
width
:
216px
;
position
:
absolute
;
top
:
30px
;
right
:
40px
}
.confirmbox
.top
.address-group
.edit
.bt
{
width
:
91px
;
height
:
33px
;
line-height
:
33px
;
border
:
1px
solid
#164D9A
;
border-radius
:
4px
;
text-align
:
center
;
color
:
#164D9A
;
margin-left
:
30px
;
cursor
:
pointer
}
.confirmbox
.top
.address-group
.edit
.bt
:first-child
{
margin
:
0px
}
.confirmbox
.top
.address-group
.choose
{
font-size
:
16px
;
color
:
#222
;
font-weight
:
bold
;
height
:
30px
}
.confirmbox
.top
.address-group
.choose
.choosebtn
{
margin-left
:
32px
;
cursor
:
pointer
}
.confirmbox
.top
.address-group
.choose
.choosebtn
i
{
display
:
block
;
width
:
11px
;
height
:
11px
;
border
:
1px
solid
#164D9A
;
border-radius
:
50%
;
position
:
relative
;
top
:
1px
;
margin-right
:
4px
}
.confirmbox
.top
.address-group
.choose
.choosebtn.act
i
::after
{
position
:
absolute
;
content
:
""
;
width
:
7px
;
height
:
7px
;
background
:
#164D9A
;
border-radius
:
50%
;
top
:
2px
;
left
:
2px
}
.confirmbox
.top
.address-group
.choose
.choosebtn
span
{
color
:
#555
;
font-size
:
14px
}
.confirmbox
.top
.address-group
.info
{
margin-top
:
22px
}
.confirmbox
.top
.address-group
.info
.name
{
min-width
:
159px
;
margin-right
:
70px
}
.confirmbox
.top
.address-group
.info
.email
{
margin-left
:
70px
;
margin-right
:
70px
}
.confirmbox
.top
.address-group
.addre
{
height
:
32px
;
line-height
:
32px
;
margin-top
:
23px
}
.confirmbox
.top
.address-group
.defaults
{
width
:
160px
;
height
:
32px
;
line-height
:
32px
;
text-align
:
center
;
background
:
#FAFAFA
;
border
:
1px
solid
#DFEAFA
;
border-radius
:
4px
;
margin-left
:
70px
}
.confirmbox
.top
.address-group
.handle-box
{
margin-top
:
26px
}
.confirmbox
.top
.address-group
.handle-box
.bts
{
color
:
#164D9A
;
font-size
:
14px
;
cursor
:
pointer
;
margin-right
:
70px
}
.confirmbox
.bottom
{
background
:
#fff
;
margin-top
:
18px
;
padding-top
:
24px
;
padding-bottom
:
30px
}
.confirmbox
.bottom
.head
{
padding
:
0px
4px
}
.confirmbox
.bottom
.head
span
{
font-size
:
16px
;
font-weight
:
bold
;
width
:
198px
;
border-bottom
:
4px
solid
#164D9A
;
border-radius
:
2px
;
padding-bottom
:
8px
;
text-align
:
center
}
.confirmbox
.bottom
.list-table
{
width
:
1152px
;
margin
:
0
auto
;
border-radius
:
0px
0px
8px
8px
;
margin-top
:
20px
}
.confirmbox
.bottom
.list-table
.w70
{
width
:
70px
}
.confirmbox
.bottom
.list-table
.w184
{
width
:
184px
}
.confirmbox
.bottom
.list-table
.w176
{
width
:
176px
}
.confirmbox
.bottom
.list-table
.w153
{
width
:
153px
}
.confirmbox
.bottom
.list-table
.w116
{
width
:
116px
}
.confirmbox
.bottom
.list-table
.w123
{
width
:
123px
}
.confirmbox
.bottom
.list-table
.w120
{
width
:
120px
}
.confirmbox
.bottom
.list-table
.thead
{
height
:
38px
;
background
:
#DFEAFA
;
line-height
:
38px
;
border-radius
:
8px
8px
0px
0px
;
padding
:
0
15px
}
.confirmbox
.bottom
.list-table
.thead
.th
{
font-size
:
14px
;
color
:
#333
;
font-weight
:
bold
;
box-sizing
:
border-box
;
padding-right
:
5px
}
.confirmbox
.bottom
.list-table
.tbody
{
font-size
:
14px
;
color
:
#555
;
border-radius
:
0px
0px
8px
8px
;
background
:
#F7FAFF
;
overflow
:
hidden
}
.confirmbox
.bottom
.list-table
.tbody
input
{
width
:
164px
;
height
:
26px
;
background
:
#FAFAFA
;
border
:
1px
solid
#DFEAFA
;
border-radius
:
4px
;
line-height
:
26px
;
color
:
#333
}
.confirmbox
.bottom
.list-table
.tbody
.tr
{
line-height
:
20px
;
border-bottom
:
1px
solid
#DFEAFA
;
padding
:
20px
15px
;
box-sizing
:
border-box
}
.confirmbox
.bottom
.list-table
.tbody
.tr
.td
{
word-break
:
break-all
;
box-sizing
:
border-box
;
padding-right
:
5px
}
.confirmbox
.bottom
.list-table
.tbody
.tr
:last-child
{
border
:
0px
}
.confirmbox
.bottom
.list-table
.tbody
.tr.sxbox
{
background
:
rgba
(
51
,
51
,
51
,
0.2
)}
.confirmbox
.bottom
.list-table
.tbody
.tr.sxbox
input
{
background
:
none
;
border
:
1px
solid
#BCBCBC
}
.confirmbox
.bottom
.list-table
.tbody
.pdf
{
color
:
#F68332
;
font-size
:
20px
}
.confirmbox
.bottom
.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
}
.confirmbox
.bottom
.jsInfo
{
padding
:
0
25px
;
padding-top
:
20px
;
padding-left
:
836px
}
.confirmbox
.bottom
.jsInfo
span
{
font-size
:
16px
;
color
:
#333
;
font-weight
:
bold
}
.confirmbox
.bottom
.jsInfo
.f-red
{
color
:
#E92E2E
}
.confirmbox
.bottom
.jsInfo
.jsitem
{
height
:
30px
;
line-height
:
30px
}
.confirmbox
.bottom
.jsInfo
.jsitem
i
{
margin-right
:
22px
;
color
:
#555
}
.confirmbox
.bottom
.jsInfo
.jsitem
.tcon
{
width
:
300px
}
.confirmbox
.bottom
.jsInfo
.jsitem.notip
{
padding-left
:
39px
}
.confirmbox
.bottom
.jsInfo
.jsitem
.tips
{
position
:
relative
}
.confirmbox
.bottom
.jsInfo
.jsitem
.tips
.tipcon
{
position
:
absolute
;
width
:
500px
;
background
:
rgba
(
40
,
63
,
235
,
0.65
);
border
:
1px
solid
#FFFFFF
;
border-radius
:
10px
;
color
:
#fff
;
padding
:
10px
20px
;
line-height
:
20px
;
box-sizing
:
border-box
;
left
:
-500px
;
top
:
-15px
;
display
:
none
}
.confirmbox
.bottom
.jsInfo
.jsitem
.tips
:hover
.tipcon
{
display
:
block
}
.confirmbox
.bottom
.submit
{
width
:
372px
;
height
:
40px
;
line-height
:
40px
;
text-align
:
center
;
cursor
:
pointer
;
background
:
#164D9A
;
border-radius
:
4px
;
margin
:
0
auto
;
margin-top
:
30px
;
color
:
#fff
}
.choose-popcheck
.w45
{
width
:
45px
}
.choose-popcheck
.w130
{
width
:
130px
}
.choose-popcheck
.w210
{
width
:
210px
}
.choose-popcheck
.w153
{
width
:
153px
}
.choose-popcheck
.w148
{
width
:
148px
}
.choose-popcheck
.w122
{
width
:
122px
}
.choose-popcheck
.w150
{
width
:
150px
}
.choose-popcheck
.thead
{
height
:
48px
;
background
:
#FFFFFF
;
border-radius
:
8px
8px
0px
0px
;
line-height
:
48px
;
padding
:
0
22px
}
.choose-popcheck
.thead
.th
{
font-size
:
14px
;
color
:
#333
;
font-weight
:
bold
;
padding-right
:
5px
;
box-sizing
:
border-box
}
.choose-popcheck
.tbody
{
background
:
#D5E1F3
;
border-radius
:
0px
0px
8px
8px
;
padding
:
0
22px
;
max-height
:
250px
;
overflow-y
:
auto
}
.choose-popcheck
.tbody
.tr
{
cursor
:
pointer
;
line-height
:
20px
;
border-bottom
:
1px
solid
#fff
;
box-sizing
:
border-box
;
padding
:
14px
0
}
.choose-popcheck
.tbody
.tr
.td
{
word-break
:
break-all
;
box-sizing
:
border-box
;
padding-right
:
5px
;
font-size
:
14px
;
color
:
#555
}
.choose-popcheck
.tbody
.tr
:last-child
{
border
:
0px
}
.choose-popcheck
.tbody
.tr.act
.td
{
color
:
#164D9A
;
font-weight
:
bold
}
.choose-popcheck
.choosesubmit
{
color
:
#fff
;
font-size
:
18px
;
font-weight
:
bold
;
width
:
176px
;
height
:
40px
;
background
:
#F68332
;
border-radius
:
10px
;
text-align
:
center
;
line-height
:
40px
;
margin
:
0
auto
;
margin-top
:
24px
}
.getCountryBox
{
position
:
relative
}
.getCountryBox
.conps
{
display
:
none
;
position
:
absolute
;
top
:
33px
;
left
:
0px
;
width
:
320px
;
height
:
200px
;
overflow-y
:
auto
;
background
:
#fff
;
box-shadow
:
0
0
10px
#ccc
;
padding
:
15px
0
;
z-index
:
2
}
.getCountryBox
.conps
.citem
{
height
:
28px
;
line-height
:
28px
;
padding
:
0
20px
;
color
:
#164D9A
;
cursor
:
pointer
}
.getCountryBox
.conps
.citem
:hover
{
background
:
#DFEAFA
}
\ No newline at end of file
.confirmbox
.back
{
height
:
56px
}
.confirmbox
.back
a
{
font-size
:
14px
;
color
:
#555
}
.confirmbox
.back
i
{
color
:
#04439D
;
font-size
:
16px
}
.confirmbox
.top
{
background
:
#FFFFFF
}
.confirmbox
.top
.head
{
width
:
1200px
;
height
:
48px
;
background
:
#DFEAFA
;
color
:
#164D9A
;
font-size
:
16px
;
font-weight
:
bold
;
padding-left
:
25px
}
.confirmbox
.top
.address-group
{
padding
:
0
40px
;
font-size
:
14px
;
color
:
#555
;
position
:
relative
;
padding-bottom
:
40px
}
.confirmbox
.top
.address-group
.edit
{
width
:
216px
;
position
:
absolute
;
top
:
30px
;
right
:
40px
}
.confirmbox
.top
.address-group
.edit
.bt
{
width
:
91px
;
height
:
33px
;
line-height
:
33px
;
border
:
1px
solid
#164D9A
;
border-radius
:
4px
;
text-align
:
center
;
color
:
#164D9A
;
margin-left
:
30px
;
cursor
:
pointer
}
.confirmbox
.top
.address-group
.edit
.bt
:first-child
{
margin
:
0px
}
.confirmbox
.top
.address-group
.choose
{
font-size
:
16px
;
color
:
#222
;
font-weight
:
bold
;
height
:
30px
}
.confirmbox
.top
.address-group
.choose
.choosebtn
{
margin-left
:
32px
;
cursor
:
pointer
}
.confirmbox
.top
.address-group
.choose
.choosebtn
i
{
display
:
block
;
width
:
11px
;
height
:
11px
;
border
:
1px
solid
#164D9A
;
border-radius
:
50%
;
position
:
relative
;
top
:
1px
;
margin-right
:
4px
}
.confirmbox
.top
.address-group
.choose
.choosebtn.act
i
::after
{
position
:
absolute
;
content
:
""
;
width
:
7px
;
height
:
7px
;
background
:
#164D9A
;
border-radius
:
50%
;
top
:
2px
;
left
:
2px
}
.confirmbox
.top
.address-group
.choose
.choosebtn
span
{
color
:
#555
;
font-size
:
14px
}
.confirmbox
.top
.address-group
.info
{
margin-top
:
22px
}
.confirmbox
.top
.address-group
.info
.name
{
min-width
:
159px
;
margin-right
:
70px
}
.confirmbox
.top
.address-group
.info
.email
{
margin-left
:
70px
;
margin-right
:
70px
}
.confirmbox
.top
.address-group
.addre
{
height
:
32px
;
line-height
:
32px
;
margin-top
:
23px
}
.confirmbox
.top
.address-group
.defaults
{
width
:
160px
;
height
:
32px
;
line-height
:
32px
;
text-align
:
center
;
background
:
#FAFAFA
;
border
:
1px
solid
#DFEAFA
;
border-radius
:
4px
;
margin-left
:
70px
}
.confirmbox
.top
.address-group
.handle-box
{
margin-top
:
26px
}
.confirmbox
.top
.address-group
.handle-box
.bts
{
color
:
#164D9A
;
font-size
:
14px
;
cursor
:
pointer
;
margin-right
:
70px
}
.confirmbox
.bottom
{
background
:
#fff
;
margin-top
:
18px
;
padding-top
:
24px
;
padding-bottom
:
30px
}
.confirmbox
.bottom
.head
{
padding
:
0px
4px
}
.confirmbox
.bottom
.head
span
{
font-size
:
16px
;
font-weight
:
bold
;
width
:
198px
;
border-bottom
:
4px
solid
#164D9A
;
border-radius
:
2px
;
padding-bottom
:
8px
;
text-align
:
center
}
.confirmbox
.bottom
.list-table
{
width
:
1152px
;
margin
:
0
auto
;
border-radius
:
0px
0px
8px
8px
;
margin-top
:
20px
}
.confirmbox
.bottom
.list-table
.w70
{
width
:
70px
}
.confirmbox
.bottom
.list-table
.w184
{
width
:
184px
}
.confirmbox
.bottom
.list-table
.w176
{
width
:
176px
}
.confirmbox
.bottom
.list-table
.w153
{
width
:
153px
}
.confirmbox
.bottom
.list-table
.w116
{
width
:
116px
}
.confirmbox
.bottom
.list-table
.w123
{
width
:
123px
}
.confirmbox
.bottom
.list-table
.w120
{
width
:
120px
}
.confirmbox
.bottom
.list-table
.thead
{
height
:
38px
;
background
:
#DFEAFA
;
line-height
:
38px
;
border-radius
:
8px
8px
0px
0px
;
padding
:
0
15px
}
.confirmbox
.bottom
.list-table
.thead
.th
{
font-size
:
14px
;
color
:
#333
;
font-weight
:
bold
;
box-sizing
:
border-box
;
padding-right
:
5px
}
.confirmbox
.bottom
.list-table
.tbody
{
font-size
:
14px
;
color
:
#555
;
border-radius
:
0px
0px
8px
8px
;
background
:
#F7FAFF
;
overflow
:
hidden
}
.confirmbox
.bottom
.list-table
.tbody
input
{
width
:
164px
;
height
:
26px
;
background
:
#FAFAFA
;
border
:
1px
solid
#DFEAFA
;
border-radius
:
4px
;
line-height
:
26px
;
color
:
#333
}
.confirmbox
.bottom
.list-table
.tbody
.tr
{
line-height
:
20px
;
border-bottom
:
1px
solid
#DFEAFA
;
padding
:
20px
15px
;
box-sizing
:
border-box
}
.confirmbox
.bottom
.list-table
.tbody
.tr
.td
{
word-break
:
break-all
;
box-sizing
:
border-box
;
padding-right
:
5px
}
.confirmbox
.bottom
.list-table
.tbody
.tr
:last-child
{
border
:
0px
}
.confirmbox
.bottom
.list-table
.tbody
.tr.sxbox
{
background
:
rgba
(
51
,
51
,
51
,
0.2
)}
.confirmbox
.bottom
.list-table
.tbody
.tr.sxbox
input
{
background
:
none
;
border
:
1px
solid
#BCBCBC
}
.confirmbox
.bottom
.list-table
.tbody
.pdf
{
color
:
#F68332
;
font-size
:
20px
}
.confirmbox
.bottom
.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
}
.confirmbox
.bottom
.jsInfo
{
padding
:
0
25px
;
padding-top
:
20px
;
padding-left
:
836px
}
.confirmbox
.bottom
.jsInfo
span
{
font-size
:
16px
;
color
:
#333
;
font-weight
:
bold
}
.confirmbox
.bottom
.jsInfo
.f-red
{
color
:
#E92E2E
}
.confirmbox
.bottom
.jsInfo
.jsitem
{
height
:
30px
;
line-height
:
30px
}
.confirmbox
.bottom
.jsInfo
.jsitem
i
{
margin-right
:
22px
;
color
:
#555
}
.confirmbox
.bottom
.jsInfo
.jsitem
.tcon
{
width
:
300px
}
.confirmbox
.bottom
.jsInfo
.jsitem.notip
{
padding-left
:
39px
}
.confirmbox
.bottom
.jsInfo
.jsitem
.tips
{
position
:
relative
}
.confirmbox
.bottom
.jsInfo
.jsitem
.tips
.tipcon
{
position
:
absolute
;
width
:
500px
;
background
:
rgba
(
40
,
63
,
235
,
0.65
);
border
:
1px
solid
#FFFFFF
;
border-radius
:
10px
;
color
:
#fff
;
padding
:
10px
20px
;
line-height
:
20px
;
box-sizing
:
border-box
;
left
:
-500px
;
top
:
-15px
;
display
:
none
}
.confirmbox
.bottom
.jsInfo
.jsitem
.tips
:hover
.tipcon
{
display
:
block
}
.confirmbox
.bottom
.submit
{
width
:
372px
;
height
:
40px
;
line-height
:
40px
;
text-align
:
center
;
cursor
:
pointer
;
background
:
#164D9A
;
border-radius
:
4px
;
margin
:
0
auto
;
margin-top
:
30px
;
color
:
#fff
}
.choose-popcheck
.w45
{
width
:
45px
}
.choose-popcheck
.w130
{
width
:
130px
}
.choose-popcheck
.w210
{
width
:
210px
}
.choose-popcheck
.w153
{
width
:
153px
}
.choose-popcheck
.w148
{
width
:
148px
}
.choose-popcheck
.w122
{
width
:
122px
}
.choose-popcheck
.w150
{
width
:
150px
}
.choose-popcheck
.thead
{
height
:
48px
;
background
:
#FFFFFF
;
border-radius
:
8px
8px
0px
0px
;
line-height
:
48px
;
padding
:
0
22px
}
.choose-popcheck
.thead
.th
{
font-size
:
14px
;
color
:
#333
;
font-weight
:
bold
;
padding-right
:
5px
;
box-sizing
:
border-box
}
.choose-popcheck
.tbody
{
background
:
#D5E1F3
;
border-radius
:
0px
0px
8px
8px
;
padding
:
0
22px
;
max-height
:
250px
;
overflow-y
:
auto
}
.choose-popcheck
.tbody
.tr
{
cursor
:
pointer
;
line-height
:
20px
;
border-bottom
:
1px
solid
#fff
;
box-sizing
:
border-box
;
padding
:
14px
0
}
.choose-popcheck
.tbody
.tr
.td
{
word-break
:
break-all
;
box-sizing
:
border-box
;
padding-right
:
5px
;
font-size
:
14px
;
color
:
#555
}
.choose-popcheck
.tbody
.tr
:last-child
{
border
:
0px
}
.choose-popcheck
.tbody
.tr.act
.td
{
color
:
#164D9A
;
font-weight
:
bold
}
.choose-popcheck
.choosesubmit
{
color
:
#fff
;
font-size
:
18px
;
font-weight
:
bold
;
width
:
176px
;
height
:
40px
;
background
:
#F68332
;
border-radius
:
10px
;
text-align
:
center
;
line-height
:
40px
;
margin
:
0
auto
;
margin-top
:
24px
;
cursor
:
pointer
}
.getCountryBox
{
position
:
relative
}
.getCountryBox
.conps
{
display
:
none
;
position
:
absolute
;
top
:
33px
;
left
:
0px
;
width
:
320px
;
height
:
200px
;
overflow-y
:
auto
;
background
:
#fff
;
box-shadow
:
0
0
10px
#ccc
;
padding
:
15px
0
;
z-index
:
2
}
.getCountryBox
.conps
.citem
{
height
:
28px
;
line-height
:
28px
;
padding
:
0
20px
;
color
:
#164D9A
;
cursor
:
pointer
}
.getCountryBox
.conps
.citem
:hover
{
background
:
#DFEAFA
}
\ No newline at end of file
public/assets/css/common/common.less
View file @
7753398e
...
...
@@ -80,7 +80,7 @@
position: absolute;
width: 160px;
background: #FFFFFF;
top:1
9
px;
top:1
7
px;
left:0px;
box-shadow: 0px 0px 5px #ccc;
padding:15px 0px;
...
...
@@ -1002,5 +1002,42 @@
}
}
}
/**分页**/
.M-pagebox{
margin-top: 20px;
span,a{
width: 32px;
height: 32px;
background: #FAFAFA;
border: 1px solid #DFEAFA;
border-radius: 4px;
margin-left: 9px;
color:#555;
font-size: 14px;
cursor: pointer;
text-align: center;
box-sizing: border-box;
line-height: 32px;
text-align: center;
}
span.active{
background: #DFEAFA;
border: 1px solid #164D9A;
}
input{
width: 52px;
height: 32px;
background: #FAFAFA;
border: 1px solid #DFEAFA;
text-align: center;
line-height: 32px;
margin-left: 9px;
padding:0px;
box-sizing: border-box;
color:#555;
font-size: 14px;
}
}
}
public/assets/css/common/common.min.css
View file @
7753398e
@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
;
resize
:
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
{
overflow-y
:
auto
}
.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
}
.break-word
{
word-break
:
break-all
}
.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
;
z-index
:
6
}
.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
.yesLogin
{
position
:
relative
}
.gw-header-nav
.ghn-con
.ghn-right-box
.grb-top
.yesLogin
.userurl-box
{
position
:
absolute
;
width
:
160px
;
background
:
#FFFFFF
;
top
:
19px
;
left
:
0px
;
box-shadow
:
0
0
5px
#ccc
;
padding
:
15px
0px
;
display
:
none
;
z-index
:
6
}
.gw-header-nav
.ghn-con
.ghn-right-box
.grb-top
.yesLogin
.userurl-box
a
{
box-sizing
:
border-box
;
padding
:
0
15px
;
display
:
block
;
cursor
:
pointer
;
font-size
:
14px
;
color
:
#333
;
height
:
32px
;
line-height
:
32px
}
.gw-header-nav
.ghn-con
.ghn-right-box
.grb-top
.yesLogin
.userurl-box
a
:hover
{
color
:
#174D9A
;
background
:
#DFEAFA
}
.gw-header-nav
.ghn-con
.ghn-right-box
.grb-top
.yesLogin
:hover
.userurl-box
{
display
:
block
}
.gw-header-nav
.ghn-con
.ghn-right-box
.grb-top
.yesLogin
div
.username
{
overflow
:
hidden
;
text-overflow
:
ellipsis
}
.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
{
position
:
relative
}
.mallpage
.mall-header-nav
.search-car
.cons
.login-head-box.yesLogin
.userurl-box
{
position
:
absolute
;
width
:
160px
;
background
:
#FFFFFF
;
top
:
19px
;
left
:
0px
;
box-shadow
:
0
0
5px
#ccc
;
padding
:
15px
0px
;
display
:
none
}
.mallpage
.mall-header-nav
.search-car
.cons
.login-head-box.yesLogin
.userurl-box
a
{
box-sizing
:
border-box
;
padding
:
0
15px
;
display
:
block
;
cursor
:
pointer
;
font-size
:
14px
;
color
:
#333
;
height
:
32px
;
line-height
:
32px
}
.mallpage
.mall-header-nav
.search-car
.cons
.login-head-box.yesLogin
.userurl-box
a
:hover
{
color
:
#174D9A
;
background
:
#DFEAFA
}
.mallpage
.mall-header-nav
.search-car
.cons
.login-head-box.yesLogin
:hover
.userurl-box
{
display
:
block
}
.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
.username
{
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
;
overflow
:
hidden
;
height
:
16px
;
text-overflow
:
ellipsis
;
white-space
:
nowrap
;
box-sizing
:
border-box
;
padding-right
:
5px
}
.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
{
color
:
#fff
}
.mallpage
.mall-footer
.floor1
.itemf3
:hover
b
{
font-size
:
60px
;
font-weight
:
bold
;
color
:
#fff
}
.mallpage
.mall-footer
.floor1
.itemf3.bgbts1
:hover
{
background
:
url("../../images/home/bgf1.png")
no-repeat
;
background-size
:
100%
100%
}
.mallpage
.mall-footer
.floor1
.itemf3.bgbts2
:hover
{
background
:
url("../../images/home/bgf2.png")
no-repeat
;
background-size
:
100%
100%
}
.mallpage
.mall-footer
.floor1
.itemf3.bgbts3
:hover
{
background
:
url("../../images/home/bgf3.png")
no-repeat
;
background-size
:
100%
100%
}
.mallpage
.mall-footer
.floor1
.itemf3.bgbts4
:hover
{
background
:
url("../../images/home/bgf4.png")
no-repeat
;
background-size
:
100%
100%
}
.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
.price-group.act
{
color
:
#164D9A
}
.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
;
resize
:
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
{
overflow-y
:
auto
}
.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
}
.break-word
{
word-break
:
break-all
}
.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
;
z-index
:
6
}
.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
.yesLogin
{
position
:
relative
}
.gw-header-nav
.ghn-con
.ghn-right-box
.grb-top
.yesLogin
.userurl-box
{
position
:
absolute
;
width
:
160px
;
background
:
#FFFFFF
;
top
:
17px
;
left
:
0px
;
box-shadow
:
0
0
5px
#ccc
;
padding
:
15px
0px
;
display
:
none
;
z-index
:
6
}
.gw-header-nav
.ghn-con
.ghn-right-box
.grb-top
.yesLogin
.userurl-box
a
{
box-sizing
:
border-box
;
padding
:
0
15px
;
display
:
block
;
cursor
:
pointer
;
font-size
:
14px
;
color
:
#333
;
height
:
32px
;
line-height
:
32px
}
.gw-header-nav
.ghn-con
.ghn-right-box
.grb-top
.yesLogin
.userurl-box
a
:hover
{
color
:
#174D9A
;
background
:
#DFEAFA
}
.gw-header-nav
.ghn-con
.ghn-right-box
.grb-top
.yesLogin
:hover
.userurl-box
{
display
:
block
}
.gw-header-nav
.ghn-con
.ghn-right-box
.grb-top
.yesLogin
div
.username
{
overflow
:
hidden
;
text-overflow
:
ellipsis
}
.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
{
position
:
relative
}
.mallpage
.mall-header-nav
.search-car
.cons
.login-head-box.yesLogin
.userurl-box
{
position
:
absolute
;
width
:
160px
;
background
:
#FFFFFF
;
top
:
19px
;
left
:
0px
;
box-shadow
:
0
0
5px
#ccc
;
padding
:
15px
0px
;
display
:
none
}
.mallpage
.mall-header-nav
.search-car
.cons
.login-head-box.yesLogin
.userurl-box
a
{
box-sizing
:
border-box
;
padding
:
0
15px
;
display
:
block
;
cursor
:
pointer
;
font-size
:
14px
;
color
:
#333
;
height
:
32px
;
line-height
:
32px
}
.mallpage
.mall-header-nav
.search-car
.cons
.login-head-box.yesLogin
.userurl-box
a
:hover
{
color
:
#174D9A
;
background
:
#DFEAFA
}
.mallpage
.mall-header-nav
.search-car
.cons
.login-head-box.yesLogin
:hover
.userurl-box
{
display
:
block
}
.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
.username
{
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
;
overflow
:
hidden
;
height
:
16px
;
text-overflow
:
ellipsis
;
white-space
:
nowrap
;
box-sizing
:
border-box
;
padding-right
:
5px
}
.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
{
color
:
#fff
}
.mallpage
.mall-footer
.floor1
.itemf3
:hover
b
{
font-size
:
60px
;
font-weight
:
bold
;
color
:
#fff
}
.mallpage
.mall-footer
.floor1
.itemf3.bgbts1
:hover
{
background
:
url("../../images/home/bgf1.png")
no-repeat
;
background-size
:
100%
100%
}
.mallpage
.mall-footer
.floor1
.itemf3.bgbts2
:hover
{
background
:
url("../../images/home/bgf2.png")
no-repeat
;
background-size
:
100%
100%
}
.mallpage
.mall-footer
.floor1
.itemf3.bgbts3
:hover
{
background
:
url("../../images/home/bgf3.png")
no-repeat
;
background-size
:
100%
100%
}
.mallpage
.mall-footer
.floor1
.itemf3.bgbts4
:hover
{
background
:
url("../../images/home/bgf4.png")
no-repeat
;
background-size
:
100%
100%
}
.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
.price-group.act
{
color
:
#164D9A
}
.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
}
.mallpage
.M-pagebox
{
margin-top
:
20px
}
.mallpage
.M-pagebox
span
,
.mallpage
.M-pagebox
a
{
width
:
32px
;
height
:
32px
;
background
:
#FAFAFA
;
border
:
1px
solid
#DFEAFA
;
border-radius
:
4px
;
margin-left
:
9px
;
color
:
#555
;
font-size
:
14px
;
cursor
:
pointer
;
box-sizing
:
border-box
;
line-height
:
32px
;
text-align
:
center
}
.mallpage
.M-pagebox
span
.active
{
background
:
#DFEAFA
;
border
:
1px
solid
#164D9A
}
.mallpage
.M-pagebox
input
{
width
:
52px
;
height
:
32px
;
background
:
#FAFAFA
;
border
:
1px
solid
#DFEAFA
;
text-align
:
center
;
line-height
:
32px
;
margin-left
:
9px
;
padding
:
0px
;
box-sizing
:
border-box
;
color
:
#555
;
font-size
:
14px
}
\ No newline at end of file
public/assets/css/user/order.less
View file @
7753398e
...
...
@@ -70,12 +70,13 @@
.list-table{
.tr{
margin-bottom: 10px;
.w159{width:1
5
9px;}
.w98{width:
9
8px;}
.w159{width:1
8
9px;}
.w98{width:
10
8px;}
.w168{width:168px;}
.w189{width:
18
9px;}
.w239{width:
23
9px;}
.w189{width:
23
9px;}
.w239{width:
30
9px;}
.w150{width:150px;}
cursor: pointer;
.titletr{
height:48px;
background: #DFEAFA;
...
...
@@ -107,7 +108,7 @@
}
.td-group{
padding:12px 19px;
line-height: 20px;
.td{
font-size: 14px;
color:#555;
...
...
@@ -140,4 +141,16 @@
}
}
}
}
.paybox{
.pcons{
color:#fff;
font-size: 16px;
line-height: 30px;
padding-left:30px;
box-sizing: border-box;
.h6{color:#F68332;font-weight: bold;font-size: 18px;}
}
}
\ No newline at end of file
public/assets/css/user/order.min.css
View file @
7753398e
.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
.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
;
cursor
:
pointer
}
.orderbox
.user-right
.list-table
.tr
.w159
{
width
:
189px
}
.orderbox
.user-right
.list-table
.tr
.w98
{
width
:
108px
}
.orderbox
.user-right
.list-table
.tr
.w168
{
width
:
168px
}
.orderbox
.user-right
.list-table
.tr
.w189
{
width
:
239px
}
.orderbox
.user-right
.list-table
.tr
.w239
{
width
:
309px
}
.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
;
line-height
:
20px
}
.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
}
.paybox
.pcons
{
color
:
#fff
;
font-size
:
16px
;
line-height
:
30px
;
padding-left
:
30px
;
box-sizing
:
border-box
}
.paybox
.pcons
.h6
{
color
:
#F68332
;
font-weight
:
bold
;
font-size
:
18px
}
\ No newline at end of file
public/assets/js/brand/list.js
View file @
7753398e
...
...
@@ -8,14 +8,13 @@ define('brandlist', ['tool', 'liexin_pop', 'artTemplate', 'pagination'], functio
limit
:
10
,
init
:
function
()
{
brandlist
.
handle
();
brandlist
.
pagehandle
();
brandlist
.
getData
()
},
getData
:
function
()
{
var
data_
=
{
page
:
brandlist
.
page
,
page_size
:
brandlist
.
limit
,
"brand_
name/like"
:
$
(
"#brandvalxsp"
).
text
(
)
"brand_
id/eq"
:
$
(
"#brandvalxsp"
).
attr
(
"guid"
)
}
if
(
$
(
".eqsort"
).
hasClass
(
"act"
))
{
data_
[
"goods_name/eq"
]
=
$
(
".mallbrandlistvalx"
).
val
()
...
...
@@ -49,7 +48,8 @@ define('brandlist', ['tool', 'liexin_pop', 'artTemplate', 'pagination'], functio
return
}
var
json_
=
{
data
:
dataArr
data
:
dataArr
,
brand_id
:
$
(
"#brandvalxsp"
).
attr
(
"guid"
)
}
var
html
=
template
(
'DataTmp'
,
json_
);
$
(
".data-td"
).
html
(
html
);
...
...
@@ -59,12 +59,21 @@ define('brandlist', ['tool', 'liexin_pop', 'artTemplate', 'pagination'], functio
})
//分页初始化
$
(
'.M-pagebox'
).
pagination
({
coping
:
false
,
homePage
:
'<<'
,
endPage
:
'>>'
,
totalData
:
res
.
data
.
total
,
showData
:
res
.
data
.
page_size
,
current
:
res
.
data
.
page
showData
:
Number
(
res
.
data
.
page_size
),
coping
:
true
,
prevContent
:
'<'
,
nextContent
:
'>'
,
jump
:
true
,
jumpBtn
:
"Go"
,
keepShowPN
:
true
,
current
:
Number
(
res
.
data
.
page
),
isHide
:
true
,
callback
:
function
(
api
)
{
brandlist
.
page
=
api
.
getCurrent
()
brandlist
.
getData
();
}
});
}
else
{
tool
.
NoData
(
".data-td"
)
...
...
@@ -97,36 +106,46 @@ define('brandlist', ['tool', 'liexin_pop', 'artTemplate', 'pagination'], functio
}
brandlist
.
getData
()
})
//copy
$
(
"body"
).
on
(
"click"
,
".copyname"
,
function
()
{
$
(
"#domainxksearch"
).
val
(
$
(
this
).
attr
(
"goods_name"
));
var
copyobject
=
document
.
getElementById
(
"domainxksearch"
);
copyobject
.
select
();
document
.
execCommand
(
"Copy"
);
liexin_pop
.
Tip
({
title
:
"Copy Success"
})
})
//输入数量
$
(
"body"
).
on
(
"input"
,
'.valuep
s
earch'
,
tool
.
debounce
(
function
(
e
)
{
$
(
"body"
).
on
(
"input"
,
'.valuep
S
earch'
,
tool
.
debounce
(
function
(
e
)
{
var
num
=
$
(
this
).
val
();
var
max_num
=
Number
(
$
(
this
).
attr
(
"maxNum"
));
var
min_num
=
Number
(
$
(
this
).
attr
(
"minNum"
));
if
(
num
>
max_num
)
{
var
max_num
=
Number
(
$
(
this
).
attr
(
"maxNum"
));
var
min_num
=
Number
(
$
(
this
).
attr
(
"minNum"
));
if
(
num
>
max_num
)
{
$
(
this
).
val
(
max_num
)
liexin_pop
.
Tip
({
title
:
"At Most "
+
max_num
})
liexin_pop
.
Tip
({
title
:
"At Most "
+
max_num
})
return
}
if
(
num
<
min_num
)
{
if
(
num
<
min_num
)
{
$
(
this
).
val
(
min_num
)
liexin_pop
.
Tip
({
title
:
"At Least "
+
min_num
})
liexin_pop
.
Tip
({
title
:
"At Least "
+
min_num
})
return
}
},
300
))
brandlist
.
onePriceRow
(
$
(
this
).
parents
(
".td-group"
))
},
600
))
//加购物车
$
(
"body"
).
on
(
"click"
,
".addCarsearch"
,
function
()
{
var
data_
=
[
{
goods_id
:
$
(
this
).
attr
(
"goods_id"
),
buy_number
:
$
(
this
).
prev
(
".valueps
earch"
).
val
()
}
]
$
.
liexin_ajax
(
'/api/cart/saveCart'
,
'POST'
,
{
items
:
JSON
.
stringify
(
data_
)}
,
function
(
res
)
{
$
(
"body"
).
on
(
"click"
,
".addCarSearch"
,
function
()
{
var
data_
=
{
goods_id
:
$
(
this
).
attr
(
"goods_id"
),
buy_number
:
$
(
this
).
prev
(
".valuepS
earch"
).
val
()
}
$
.
liexin_ajax
(
'/api/cart/saveCart'
,
'POST'
,
data_
,
function
(
res
)
{
if
(
res
.
code
==
0
)
{
liexin_pop
.
Tip
({
title
:
res
.
msg
})
tool
.
getCarNum
()
}
else
{
liexin_pop
.
Tip
({
title
:
res
.
msg
})
}
})
...
...
@@ -173,24 +192,9 @@ define('brandlist', ['tool', 'liexin_pop', 'artTemplate', 'pagination'], functio
//计算合计价格
var
ac_price
=
obj
.
find
(
".price-group.act"
).
find
(
".jtpc
"
).
text
().
replace
(
/
\s
/g
,
""
)
var
ac_price
=
obj
.
find
(
".price-group.act"
).
find
(
".jtpc
val"
).
text
(
)
obj
.
find
(
".totalrow"
).
text
(((
ac_price
*
value_
)
||
0
).
toFixed
(
2
))
},
pagehandle
:
function
()
{
$
(
"body"
).
on
(
"click"
,
".M-pagebox a"
,
function
()
{
if
(
$
(
this
).
attr
(
"data-page"
))
{
brandlist
.
page
=
$
(
this
).
attr
(
"data-page"
);
}
else
{
if
(
$
(
this
).
hasClass
(
"prev"
))
{
brandlist
.
page
=
brandlist
.
page
-
1
;
}
else
if
(
$
(
this
).
hasClass
(
"next"
))
{
brandlist
.
page
=
brandlist
.
page
+
1
;
}
}
brandlist
.
getData
();
})
},
}
module
.
exports
=
brandlist
.
init
();
})
...
...
public/assets/js/car/car.js
View file @
7753398e
define
(
'car'
,
[
'tool'
,
'liexin_pop'
,
'artTemplate'
],
function
(
require
,
exports
,
module
)
{
var
tool
=
require
(
"tool"
);
var
liexin_pop
=
require
(
"liexin_pop"
);
var
artTemplate
=
require
(
"artTemplate"
);
var
car
=
{
init
:
function
()
{
car
.
handle
();
car
.
getData
()
},
getData
:
function
()
{
$
.
liexin_ajax
(
'/api/cart/cartLists'
,
'POST'
,
{},
function
(
res
)
{
if
(
res
.
code
==
0
)
{
var
dataArr
=
res
.
data
.
lists
||
[];
$
(
".selectcount b"
).
html
(
res
.
data
.
total
||
0
)
if
(
dataArr
.
length
==
0
)
{
tool
.
NoData
(
".tbody"
)
return
}
var
json_
=
{
data
:
dataArr
}
var
html
=
template
(
'DataTmp'
,
json_
);
$
(
".tbody"
).
html
(
html
);
//阶梯价格 合计价格初始化
car
.
priceInit
();
}
else
{
tool
.
NoData
(
".tbody"
)
liexin_pop
.
Tip
({
title
:
res
.
msg
})
}
})
},
priceInit
:
function
(){
var
pr
=
0
;
var
leng
=
0
;
$
(
".tbody .check-group.act"
).
each
(
function
(){
var
parents
=
$
(
this
).
parents
(
".tr"
)
if
(
!
parents
.
hasClass
(
"sxbox"
)){
leng
++
;
pr
+=
Number
(
parents
.
find
(
".rowxj"
).
text
())
}
})
$
(
".selectcount b"
).
text
(
leng
)
$
(
".goods_total"
).
text
(
pr
.
toFixed
(
2
))
$
(
".pay_total"
).
text
(
pr
.
toFixed
(
2
))
},
handle
:
function
()
{
//选中
$
(
".carbox"
).
on
(
"click"
,
".check-group"
,
function
(){
if
(
$
(
this
).
hasClass
(
"selectall"
)){
if
(
$
(
this
).
hasClass
(
"act"
)){
$
(
".carbox .check-group"
).
removeClass
(
"act"
)
}
else
{
$
(
".carbox .check-group"
).
addClass
(
"act"
)
}
}
else
{
$
(
this
).
toggleClass
(
"act"
)
}
car
.
priceInit
();
})
//修改数量
$
(
"body"
).
on
(
"input"
,
'.valuep'
,
tool
.
debounce
(
function
(
e
)
{
var
num
=
$
(
this
).
val
();
var
parents
=
$
(
this
).
parents
(
".tr"
)
var
max_num
=
Number
(
$
(
this
).
attr
(
"maxNum"
));
var
min_num
=
Number
(
$
(
this
).
attr
(
"minNum"
));
if
(
num
>
max_num
){
$
(
this
).
val
(
max_num
)
liexin_pop
.
Tip
({
title
:
"At Most "
+
max_num
})
return
}
if
(
num
<
min_num
){
$
(
this
).
val
(
min_num
)
liexin_pop
.
Tip
({
title
:
"At Least "
+
min_num
})
return
}
var
data_
=
{
goods_id
:
$
(
this
).
attr
(
"goods_id"
),
buy_number
:
$
(
this
).
val
()
}
$
.
liexin_ajax
(
'/api/cart/saveCart'
,
'POST'
,
data_
,
function
(
res
)
{
if
(
res
.
code
==
0
)
{
liexin_pop
.
Tip
({
title
:
res
.
msg
},
function
(){
parents
.
find
(
".rowdj"
).
text
(
res
.
data
.
buy_price
)
parents
.
find
(
".rowxj"
).
text
(
res
.
data
.
ext_price
)
car
.
priceInit
();
})
}
else
{
liexin_pop
.
Tip
({
title
:
res
.
msg
})
}
})
},
300
))
//删除购物车
$
(
".delcarsd"
).
click
(
function
(){
var
arr_
=
[]
$
(
".tbody .check-group.act"
).
each
(
function
(){
var
parents
=
$
(
this
).
parents
(
".tr"
)
if
(
!
parents
.
hasClass
(
"sxbox"
)){
arr_
.
push
(
parents
.
attr
(
"cart_id"
))
}
})
if
(
arr_
.
length
==
0
){
liexin_pop
.
Tip
({
title
:
"No Selected"
})
return
}
liexin_pop
.
Confirm
({
title
:
"Are you sure to delete the cars"
,
success
:
function
(
ele
){
$
.
liexin_ajax
(
'/api/cart/cartDelete'
,
'POST'
,
{
cart_id
:
arr_
.
join
(
","
)},
function
(
res
)
{
if
(
res
.
code
===
0
)
{
liexin_pop
.
Tip
({
title
:
res
.
msg
},
function
(){
car
.
getData
()
})
}
else
{
liexin_pop
.
Tip
({
title
:
res
.
msg
})
}
})
}})
})
//下单
$
(
".createcarbtn"
).
click
(
function
(){
if
(
!
tool
.
isLogin
())
{
liexin_pop
.
LoginPop
({},
function
(){
car
.
createOrder
()
})
return
}
car
.
createOrder
()
})
},
createOrder
:
function
(){
var
arr_
=
[]
$
(
".tbody .check-group.act"
).
each
(
function
(){
var
parents
=
$
(
this
).
parents
(
".tr"
)
if
(
!
parents
.
hasClass
(
"sxbox"
)){
arr_
.
push
(
parents
.
attr
(
"cart_id"
))
}
})
if
(
arr_
.
length
==
0
){
liexin_pop
.
Tip
({
title
:
"No Data"
})
return
}
tool
.
setCookie
(
"car_xk"
,
arr_
.
join
(
","
),
1
)
window
.
location
.
href
=
"/confirm"
}
}
module
.
exports
=
car
.
init
();
})
seajs
.
use
([
'car'
])
\ No newline at end of file
public/assets/js/car/confirm.js
View file @
7753398e
define
(
'confirm'
,
[
'liexin_pop'
],
function
(
require
,
exports
,
module
)
{
define
(
'confirm'
,
[
'liexin_pop'
,
'form'
,
'artTemplate'
],
function
(
require
,
exports
,
module
)
{
var
liexin_pop
=
require
(
"liexin_pop"
);
var
tool
=
require
(
"tool"
)
var
tool
=
require
(
"tool"
)
var
form
=
require
(
"form"
)
var
artTemplate
=
require
(
"artTemplate"
);
var
confirm
=
{
defaultAddressInfo
:
""
,
addressArr
:
[],
chooseType
:
1
,
addressCount
:
0
,
defaultAddressInfo
:
""
,
init
:
function
()
{
confirm
.
handle
();
confirm
.
getAddress
();
confirm
.
getList
();
},
getAddress
:
function
()
{
getList
:
function
(){
var
cart_ids
=
tool
.
getCookie
(
"car_xk"
);
//tool.setCookie("car_xk",1,-1); //下单成功删掉cookie
$
.
liexin_ajax
(
'/api/cart/cartLists'
,
'POST'
,
{
cart_ids
:
cart_ids
},
function
(
res
)
{
if
(
res
.
code
==
0
)
{
var
dataArr
=
res
.
data
.
lists
||
[];
$
(
".selectcount"
).
html
(
res
.
data
.
total
||
0
)
if
(
dataArr
.
length
==
0
)
{
tool
.
NoData
(
".tbodycars"
)
return
}
var
json_
=
{
data
:
dataArr
}
var
html
=
template
(
'DataTmp'
,
json_
);
$
(
".tbodycars"
).
html
(
html
);
//阶梯价格 合计价格初始化
confirm
.
priceInit
();
}
else
{
tool
.
NoData
(
".tbodycars"
)
liexin_pop
.
Tip
({
title
:
res
.
msg
})
}
})
},
priceInit
:
function
(){
var
pr
=
0
;
$
(
".tbodycars .tr"
).
each
(
function
(){
if
(
!
$
(
this
).
hasClass
(
"sxbox"
)){
pr
+=
Number
(
$
(
this
).
find
(
".rowxj"
).
text
())
}
console
.
log
(
$
(
this
).
find
(
".rowxj"
).
text
())
})
$
(
".goods_total"
).
text
(
pr
.
toFixed
(
2
))
$
(
".pay_total"
).
text
(
pr
.
toFixed
(
2
))
},
getAddress
:
function
(
guid_
)
{
$
.
liexin_ajax
(
'/api/user_address/list'
,
'GET'
,
{},
function
(
res
)
{
if
(
res
.
code
==
0
)
{
var
dataArr
=
res
.
data
||
[];
for
(
var
i
=
0
;
i
<
dataArr
.
length
;
i
++
){
if
(
dataArr
[
i
].
is_default
==
1
){
confirm
.
defaultAddressInfo
=
dataArr
[
i
]
confirm
.
addressCount
=
dataArr
.
length
for
(
var
i
=
0
;
i
<
dataArr
.
length
;
i
++
)
{
if
(
guid_
){
if
(
dataArr
[
i
].
address_id
==
guid_
){
confirm
.
defaultAddressInfo
=
dataArr
[
i
]
}
}
else
{
if
(
dataArr
[
i
].
is_default
==
1
)
{
confirm
.
defaultAddressInfo
=
dataArr
[
i
]
}
}
}
if
(
confirm
.
defaultAddressInfo
)
{
var
eles
=
confirm
.
defaultAddressInfo
;
var
ele_
=
$
(
".address-group"
)
if
(
guid_
){
ele_
=
$
(
".ship.address-group"
)
}
ele_
.
attr
(
"guid"
,
eles
.
address_id
)
var
html_
=
confirm
.
getAddressHtml
(
eles
);
ele_
.
find
(
".xrdata"
).
html
(
html_
)
$
(
".editboxcs"
).
show
();
}
console
.
log
(
confirm
.
defaultAddressInfo
)
}
else
{
liexin_pop
.
Tip
({
title
:
res
.
msg
})
}
})
},
handle
:
function
()
{
//新增编辑
$
(
"body"
).
on
(
"click"
,
".popaddressbtn"
,
function
()
{
var
guid_
=
$
(
this
).
attr
(
"guid"
);
var
isAdd
=
$
(
this
).
hasClass
(
"addbtn"
)
?
1
:
0
;
liexin_pop
.
Open
({
title
:
(
isAdd
?
"Add Address"
:
"Change Address"
),
width
:
766
,
height
:
595
,
class
:
"addressOpen"
,
ele
:
".addressPop"
,
success
:
function
()
{
getAddressHtml
:
function
(
eles
)
{
}
})
})
var
html_
=
'<div class="info row"><span class="name">'
+
eles
.
first_name
+
' '
+
eles
.
last_name
+
'</span><span class="app">'
+
eles
.
company_name
+
'</span>'
html_
+=
'<span class="email">'
+
eles
.
email
+
'</span><span>'
+
eles
.
phone
+
'</span></div>'
html_
+=
'<div class="addre row"><span>'
+
eles
.
detail_address
+
'</span>'
if
(
eles
.
is_default
==
1
)
{
html_
+=
'<span class="defaults">Default address</span>'
}
html_
+=
'</div>'
return
html_
},
handle
:
function
()
{
//选择地址
$
(
"body"
).
on
(
"click"
,
".choosebtadress"
,
function
()
{
confirm
.
chooseType
=
$
(
this
).
attr
(
"guid"
)
liexin_pop
.
Open
({
title
:
"Choose Address"
,
width
:
100
0
,
width
:
97
0
,
top
:
100
,
class
:
"addressChoose"
,
ele
:
".choose-popcheck"
,
success
:
function
()
{
$
.
liexin_ajax
(
'/api/user_address/list'
,
'GET'
,
{},
function
(
res
)
{
if
(
res
.
code
==
0
)
{
var
dataArr
=
res
.
data
||
[];
confirm
.
addressArr
=
dataArr
;
var
html_
=
''
;
for
(
var
i
=
0
;
i
<
dataArr
.
length
;
i
++
)
{
html_
+=
'<div class="tr choosetrs '
+
(
dataArr
[
i
].
is_default
==
1
?
'act'
:
''
)
+
' row boxsiz" guid="'
+
dataArr
[
i
].
address_id
+
'">'
html_
+=
'<div class="td w45">'
+
(
i
+
1
)
+
'</div>'
html_
+=
'<div class="td w210">'
+
dataArr
[
i
].
first_name
+
' '
+
dataArr
[
i
].
last_name
+
'</div>'
html_
+=
'<div class="td w153">'
+
dataArr
[
i
].
company_name
+
'</div>'
html_
+=
'<div class="td w148"> '
+
dataArr
[
i
].
email
+
'</div>'
html_
+=
'<div class="td w122">'
+
dataArr
[
i
].
phone
+
'</div>'
html_
+=
'<div class="td w150">'
+
dataArr
[
i
].
detail_address
+
'</div></div>'
}
$
(
".choosetbodys"
).
html
(
html_
)
}
else
{
liexin_pop
.
Tip
({
title
:
res
.
msg
})
}
})
}
})
})
$
(
"body"
).
on
(
"click"
,
".choosetrs"
,
function
()
{
$
(
".choosetbodys .choosetrs"
).
removeClass
(
"act"
)
$
(
this
).
addClass
(
"act"
)
})
$
(
"body"
).
on
(
"click"
,
".choosesubmit"
,
function
()
{
if
(
!
$
(
".choosetbodys .choosetrs.act"
).
hasClass
(
"choosetrs"
))
{
liexin_pop
.
Tip
({
title
:
"Please Choose"
})
return
}
openHide
();
var
ele_
=
$
(
".ship"
);
if
(
confirm
.
chooseType
==
2
)
{
ele_
=
$
(
".bill"
);
}
var
html_
=
""
for
(
var
i
=
0
;
i
<
confirm
.
addressArr
.
length
;
i
++
)
{
if
(
confirm
.
addressArr
[
i
].
address_id
==
$
(
".choosetbodys .choosetrs.act"
).
attr
(
"guid"
))
{
html_
=
confirm
.
getAddressHtml
(
confirm
.
addressArr
[
i
])
ele_
.
attr
(
"guid"
,
confirm
.
addressArr
[
i
].
address_id
)
}
}
ele_
.
find
(
".xrdata"
).
html
(
html_
);
})
//删除
//新增地址
$
(
"body"
).
on
(
"click"
,
".popaddressbtn"
,
function
()
{
var
guid_
=
$
(
this
).
parents
(
".address-group"
).
attr
(
"guid"
);
var
isAdd
=
$
(
this
).
hasClass
(
"addbtn"
)
?
1
:
0
;
if
(
confirm
.
addressCount
>=
20
)
{
liexin_pop
.
Tip
({
title
:
"Contain At Most 20 Address"
})
return
}
liexin_pop
.
Open
({
title
:
(
isAdd
?
"Add Address"
:
"Change Address"
),
width
:
766
,
height
:
595
,
ele
:
".addressPop"
,
success
:
function
()
{
if
(
!
isAdd
)
{
//编辑逻辑
$
(
".addressPop"
).
find
(
".addressPopBtn"
).
attr
(
"guid"
,
guid_
)
confirm
.
getAddressDetail
(
guid_
)
}
}
})
})
//地址提交
$
(
"body"
).
on
(
"click"
,
".addressPopBtn"
,
function
()
{
confirm
.
submitAddress
(
$
(
this
))
})
//删除地址
$
(
"body"
).
on
(
"click"
,
".delbtn"
,
function
()
{
var
guid_
=
$
(
this
).
parents
(
".address-group"
).
attr
(
"guid"
);
liexin_pop
.
Confirm
({
title
:
"你确定不放开那个女孩吗?"
,
success
:
function
(
ele
)
{
ele
.
fadeOut
(
300
)
title
:
"Are you sure to delete the address?"
,
success
:
function
(
ele
)
{
$
.
liexin_ajax
(
'/api/user_address/delete'
,
'POST'
,
{
address_id
:
guid_
},
function
(
res
)
{
if
(
res
.
code
===
0
)
{
liexin_pop
.
Tip
({
title
:
res
.
msg
})
ele
.
fadeOut
(
300
)
$
(
".address-group.ship"
).
attr
(
"guid"
,
""
).
find
(
".xrdata"
).
html
(
""
)
$
(
".editboxcs"
).
hide
();
}
else
{
liexin_pop
.
Tip
({
title
:
res
.
msg
})
}
})
}
})
})
//国家操作
$
(
"body"
).
on
(
"input"
,
'.getCountry'
,
tool
.
debounce
(
function
(
e
)
{
var
str_
=
$
(
this
).
val
();
...
...
@@ -104,6 +239,95 @@ define('confirm', ['liexin_pop'], function (require, exports, module) {
//获取国家
confirm
.
getCountry
()
//提交订单
$
(
".ordercreates"
).
click
(
function
(){
var
arr_
=
[]
$
(
".tbodycars .tr"
).
each
(
function
(){
arr_
.
push
({
goods_id
:
$
(
this
).
attr
(
"goods_id"
),
buy_number
:
$
(
this
).
attr
(
"numcar"
),
buy_price
:
Number
(
$
(
this
).
find
(
".rowdj"
).
text
()),
remark
:
$
(
this
).
find
(
".remarkcar"
).
val
(),
})
})
$
.
liexin_ajax
(
'/api/order/addOrder'
,
'POST'
,
{
shipping_address_id
:
$
(
".address-group.ship"
).
attr
(
"guid"
),
billing_address_id
:
$
(
".address-group.bill"
).
attr
(
"guid"
),
items
:
JSON
.
stringify
(
arr_
)},
function
(
res
)
{
if
(
res
.
code
==
0
)
{
tool
.
setCookie
(
"car_xk"
,
1
,
-
1
);
//下单成功删掉cookie
liexin_pop
.
Tip
({
title
:
res
.
msg
},
function
(){
window
.
location
.
href
=
"/user/order"
})
}
else
{
liexin_pop
.
Tip
({
title
:
res
.
msg
})
}
})
})
},
getAddressDetail
:
function
(
guid_
){
$
.
liexin_ajax
(
'/api/user_address/detail'
,
'GET'
,
{
address_id
:
guid_
},
function
(
res
)
{
if
(
res
.
code
===
0
)
{
$
(
".addressPop .check-group"
).
removeClass
(
"act"
)
$
(
".addressPop .check-group[guid='1']"
).
addClass
(
"act"
)
if
(
res
.
data
.
address_type
==
2
){
$
(
".addressPop .check-group[guid='2']"
).
addClass
(
"act"
)
}
$
(
".addressPop .email6"
).
val
(
res
.
data
.
email
)
$
(
".addressPop .telephone6"
).
val
(
res
.
data
.
phone
)
$
(
".addressPop .country6"
).
val
(
res
.
data
.
country
).
attr
(
"guid"
,
res
.
data
.
country_id
)
$
(
".addressPop .last_name6"
).
val
(
res
.
data
.
last_name
)
$
(
".addressPop .first_name6"
).
val
(
res
.
data
.
first_name
)
$
(
".addressPop .company_name6"
).
val
(
res
.
data
.
company_name
)
$
(
".addressPop .address6"
).
val
(
res
.
data
.
detail_address
)
$
(
".addressPop .city6"
).
val
(
res
.
data
.
city
)
$
(
".addressPop .state6"
).
val
(
res
.
data
.
province
)
$
(
".addressPop .post_code6"
).
val
(
res
.
data
.
post_code
)
$
(
".addressPop .chooseaddresx"
).
removeClass
(
"act"
)
if
(
res
.
data
.
is_default
==
1
){
$
(
".addressPop .chooseaddresx"
).
addClass
(
"act"
)
}
}
else
{
liexin_pop
.
Tip
({
title
:
res
.
msg
})
}
})
},
submitAddress
:
function
(
ele
)
{
var
url_
=
"/api/user_address/add"
;
var
obj_
=
{
address_type
:
$
(
".addressPop .check-group.act"
).
attr
(
"guid"
),
email
:
$
(
".addressPop .email6"
).
val
(),
phone
:
$
(
".addressPop .telephone6"
).
val
(),
country
:
$
(
".addressPop .country6"
).
attr
(
"guid"
),
last_name
:
$
(
".addressPop .last_name6"
).
val
(),
first_name
:
$
(
".addressPop .first_name6"
).
val
(),
company_name
:
$
(
".addressPop .company_name6"
).
val
(),
detail_address
:
$
(
".addressPop .address6"
).
val
(),
city
:
$
(
".addressPop .city6"
).
val
(),
province
:
$
(
".addressPop .state6"
).
val
(),
post_code
:
$
(
".addressPop .post_code6"
).
val
(),
is_default
:
$
(
".addressPop .chooseaddresx"
).
hasClass
(
"act"
)
?
1
:
0
,
is_register
:
0
}
if
(
ele
.
attr
(
"guid"
))
{
//编辑address_id
url_
=
"/api/user_address/update"
;
obj_
.
address_id
=
ele
.
attr
(
"guid"
);
}
if
(
form
.
test
(
".addressPop"
))
{
return
}
$
.
liexin_ajax
(
url_
,
'POST'
,
obj_
,
function
(
res
)
{
if
(
res
.
code
==
0
)
{
liexin_pop
.
Tip
({
title
:
res
.
msg
},
function
(){
openHide
()
var
guid_
=
ele
.
attr
(
"guid"
)?
ele
.
attr
(
"guid"
):
res
.
data
confirm
.
getAddress
(
guid_
)
})
}
else
{
liexin_pop
.
Tip
({
title
:
res
.
msg
})
}
})
},
//获取国家
getCountry
:
function
()
{
...
...
public/assets/js/class/class.js
View file @
7753398e
...
...
@@ -3,28 +3,27 @@ define('class_p', ['tool', 'liexin_pop', 'artTemplate', 'pagination'], function
var
liexin_pop
=
require
(
"liexin_pop"
);
var
artTemplate
=
require
(
"artTemplate"
);
var
pagination
=
require
(
'pagination'
);
var
class_p
=
{
page
:
1
,
limit
:
10
,
init
:
function
()
{
class_p
.
handle
();
class_p
.
pagehandle
();
class_p
.
getData
()
},
getData
:
function
()
{
var
data_
=
{
page
:
class_p
.
page
,
page_size
:
class_p
.
limit
,
"class_id1/eq"
:
$
(
"#class_id_two"
).
val
(),
"brand_name/like"
:
$
(
".brandvals"
).
val
()
"class_id1/eq"
:
$
(
"#class_id_two"
).
val
(),
"brand_name/like"
:
$
(
".brandvals"
).
val
()
}
if
(
$
(
".eqsort"
).
hasClass
(
"act"
))
{
data_
[
"goods_name/eq"
]
=
$
(
".classsearchvals"
).
val
()
}
else
{
data_
[
"goods_name/like"
]
=
$
(
".classsearchvals"
).
val
()
}
if
(
$
(
"#class_id_three"
).
val
())
{
if
(
$
(
"#class_id_three"
).
val
())
{
data_
[
"class_id2/eq"
]
=
$
(
"#class_id_three"
).
val
()
}
$
.
liexin_ajax
(
SO_URL
+
'/semour/skuLists'
,
'POST'
,
data_
,
function
(
res
)
{
...
...
@@ -46,12 +45,21 @@ define('class_p', ['tool', 'liexin_pop', 'artTemplate', 'pagination'], function
})
//分页初始化
$
(
'.M-pagebox'
).
pagination
({
coping
:
false
,
homePage
:
'<<'
,
endPage
:
'>>'
,
totalData
:
res
.
data
.
total
,
showData
:
res
.
data
.
page_size
,
current
:
res
.
data
.
page
showData
:
Number
(
res
.
data
.
page_size
),
coping
:
true
,
prevContent
:
'<'
,
nextContent
:
'>'
,
jump
:
true
,
jumpBtn
:
"Go"
,
keepShowPN
:
true
,
current
:
Number
(
res
.
data
.
page
),
isHide
:
true
,
callback
:
function
(
api
)
{
class_p
.
page
=
api
.
getCurrent
()
class_p
.
getData
();
}
});
}
else
{
tool
.
NoData
(
".data-td"
)
...
...
@@ -61,36 +69,38 @@ define('class_p', ['tool', 'liexin_pop', 'artTemplate', 'pagination'], function
},
handle
:
function
()
{
//搜索BTN
$
(
".searchbq"
).
click
(
function
(){
$
(
".searchbq"
).
click
(
function
()
{
class_p
.
page
=
1
;
class_p
.
getData
()
})
//重置
$
(
".resetst"
).
click
(
function
()
{
$
(
".resetst"
).
click
(
function
()
{
$
(
".classsearchvals"
).
val
(
""
);
$
(
".eqsort"
).
removeClass
(
"act"
)
})
//排序操作
$
(
".checksearchsz"
).
click
(
function
()
{
$
(
this
).
toggleClass
(
"act"
)
class_p
.
page
=
1
;
class_p
.
getData
()
})
//品牌匹配
$
(
"body"
).
on
(
"input"
,
'.brandvals'
,
tool
.
debounce
(
function
(
e
)
{
$
(
".brandvals"
).
attr
(
"guid"
,
""
)
if
(
!
$
(
this
).
val
())
{
$
(
".brandvals"
).
attr
(
"guid"
,
""
)
if
(
!
$
(
this
).
val
())
{
$
(
".brand-box .bcon"
).
hide
();
return
}
$
.
liexin_ajax
(
'/api/brand/list'
,
'GET'
,
{
brand_name
:
$
(
this
).
val
()
},
function
(
res
)
{
if
(
res
.
code
==
0
)
{
var
arr_
=
res
.
data
||
[];
if
(
arr_
.
length
==
0
)
{
var
arr_
=
res
.
data
||
[];
if
(
arr_
.
length
==
0
)
{
$
(
".brand-box .bcon"
).
hide
();
return
}
var
html_
=
""
;
for
(
var
i
=
0
;
i
<
arr_
.
length
;
i
++
)
{
html_
+=
'<p class="itembranssearch" guid="'
+
arr_
[
i
].
standard_brand_id
+
'">'
+
arr_
[
i
].
brand_name_en
+
'</p>'
var
html_
=
""
;
for
(
var
i
=
0
;
i
<
arr_
.
length
;
i
++
)
{
html_
+=
'<p class="itembranssearch" guid="'
+
arr_
[
i
].
standard_brand_id
+
'">'
+
arr_
[
i
].
brand_name_en
+
'</p>'
}
$
(
".brand-box .bcon"
).
html
(
html_
).
show
()
}
else
{
...
...
@@ -101,11 +111,20 @@ define('class_p', ['tool', 'liexin_pop', 'artTemplate', 'pagination'], function
},
300
))
$
(
"body"
).
on
(
"click"
,
".itembranssearch"
,
function
()
{
$
(
".brandvals"
).
val
(
$
(
this
).
text
()).
attr
(
"guid"
,
$
(
this
).
attr
(
"guid"
))
$
(
"body"
).
on
(
"click"
,
".itembranssearch"
,
function
()
{
$
(
".brandvals"
).
val
(
$
(
this
).
text
()).
attr
(
"guid"
,
$
(
this
).
attr
(
"guid"
))
$
(
".brand-box .bcon"
).
hide
();
})
//copy
$
(
"body"
).
on
(
"click"
,
".copyname"
,
function
()
{
$
(
"#domainxksearch"
).
val
(
$
(
this
).
attr
(
"goods_name"
));
var
copyobject
=
document
.
getElementById
(
"domainxksearch"
);
copyobject
.
select
();
document
.
execCommand
(
"Copy"
);
liexin_pop
.
Tip
({
title
:
"Copy Success"
})
})
//输入数量
$
(
"body"
).
on
(
"input"
,
'.valuepSearch'
,
tool
.
debounce
(
function
(
e
)
{
var
num
=
$
(
this
).
val
();
var
max_num
=
Number
(
$
(
this
).
attr
(
"maxNum"
));
...
...
@@ -121,14 +140,16 @@ define('class_p', ['tool', 'liexin_pop', 'artTemplate', 'pagination'], function
return
}
},
300
))
class_p
.
onePriceRow
(
$
(
this
).
parents
(
".td-group"
))
},
600
))
//加购物车
$
(
"body"
).
on
(
"click"
,
".addCarSearch"
,
function
()
{
var
data_
=
[
{
var
data_
=
{
goods_id
:
$
(
this
).
attr
(
"goods_id"
),
buy_number
:
$
(
this
).
prev
(
".valuepSearch"
).
val
()
}
]
$
.
liexin_ajax
(
'/api/cart/saveCart'
,
'POST'
,
{
items
:
JSON
.
stringify
(
data_
)
}
,
function
(
res
)
{
}
$
.
liexin_ajax
(
'/api/cart/saveCart'
,
'POST'
,
data_
,
function
(
res
)
{
if
(
res
.
code
==
0
)
{
liexin_pop
.
Tip
({
title
:
res
.
msg
})
tool
.
getCarNum
()
...
...
@@ -180,26 +201,12 @@ define('class_p', ['tool', 'liexin_pop', 'artTemplate', 'pagination'], function
//计算合计价格
var
ac_price
=
obj
.
find
(
".price-group.act"
).
find
(
".jtpc
"
).
text
().
replace
(
/
\s
/g
,
""
)
var
ac_price
=
obj
.
find
(
".price-group.act"
).
find
(
".jtpc
val"
).
text
(
)
obj
.
find
(
".totalrow"
).
text
(((
ac_price
*
value_
)
||
0
).
toFixed
(
2
))
},
pagehandle
:
function
()
{
$
(
"body"
).
on
(
"click"
,
".M-pagebox a"
,
function
()
{
if
(
$
(
this
).
attr
(
"data-page"
))
{
class_p
.
page
=
$
(
this
).
attr
(
"data-page"
);
}
else
{
if
(
$
(
this
).
hasClass
(
"prev"
))
{
class_p
.
page
=
class_p
.
page
-
1
;
}
else
if
(
$
(
this
).
hasClass
(
"next"
))
{
class_p
.
page
=
class_p
.
page
+
1
;
}
}
class_p
.
getData
();
})
},
}
module
.
exports
=
class_p
.
init
();
module
.
exports
=
class_p
.
init
();
})
...
...
public/assets/js/search/search.js
View file @
7753398e
...
...
@@ -8,9 +8,9 @@ define('search', ['tool', 'liexin_pop', 'artTemplate', 'pagination'], function (
limit
:
10
,
init
:
function
()
{
search
.
handle
();
search
.
pagehandle
();
search
.
getData
()
},
getData
:
function
()
{
var
data_
=
{
page
:
search
.
page
,
...
...
@@ -40,6 +40,7 @@ define('search', ['tool', 'liexin_pop', 'artTemplate', 'pagination'], function (
}
}
$
.
liexin_ajax
(
SO_URL
+
'/semour/skuLists'
,
'POST'
,
data_
,
function
(
res
)
{
console
.
log
(
res
)
if
(
res
.
code
==
0
)
{
var
dataArr
=
res
.
data
.
lists
||
[];
$
(
".searchCount"
).
html
(
res
.
data
.
total
||
0
)
...
...
@@ -58,12 +59,21 @@ define('search', ['tool', 'liexin_pop', 'artTemplate', 'pagination'], function (
})
//分页初始化
$
(
'.M-pagebox'
).
pagination
({
coping
:
false
,
homePage
:
'<<'
,
endPage
:
'>>'
,
totalData
:
res
.
data
.
total
,
showData
:
res
.
data
.
page_size
,
current
:
res
.
data
.
page
showData
:
Number
(
res
.
data
.
page_size
),
coping
:
true
,
prevContent
:
'<'
,
nextContent
:
'>'
,
jump
:
true
,
jumpBtn
:
"Go"
,
keepShowPN
:
true
,
current
:
Number
(
res
.
data
.
page
),
isHide
:
true
,
callback
:
function
(
api
)
{
search
.
page
=
api
.
getCurrent
()
search
.
getData
();
}
});
}
else
{
tool
.
NoData
(
".data-td"
)
...
...
@@ -75,6 +85,7 @@ define('search', ['tool', 'liexin_pop', 'artTemplate', 'pagination'], function (
//排序操作
$
(
".checksearchsz"
).
click
(
function
()
{
$
(
this
).
toggleClass
(
"act"
)
search
.
page
=
1
;
search
.
getData
()
})
...
...
@@ -90,8 +101,18 @@ define('search', ['tool', 'liexin_pop', 'artTemplate', 'pagination'], function (
$
(
this
).
removeClass
(
"bottom"
)
}
}
search
.
page
=
1
;
search
.
getData
()
})
//copy
$
(
"body"
).
on
(
"click"
,
".copyname"
,
function
(){
$
(
"#domainxksearch"
).
val
(
$
(
this
).
attr
(
"goods_name"
));
var
copyobject
=
document
.
getElementById
(
"domainxksearch"
);
copyobject
.
select
();
document
.
execCommand
(
"Copy"
);
liexin_pop
.
Tip
({
title
:
"Copy Success"
})
})
//输入数量
$
(
"body"
).
on
(
"input"
,
'.valuepSearch'
,
tool
.
debounce
(
function
(
e
)
{
...
...
@@ -109,14 +130,16 @@ define('search', ['tool', 'liexin_pop', 'artTemplate', 'pagination'], function (
return
}
},
300
))
search
.
onePriceRow
(
$
(
this
).
parents
(
".td-group"
))
},
600
))
//加购物车
$
(
"body"
).
on
(
"click"
,
".addCarSearch"
,
function
(){
var
data_
=
[
{
var
data_
=
{
goods_id
:
$
(
this
).
attr
(
"goods_id"
),
buy_number
:
$
(
this
).
prev
(
".valuepSearch"
).
val
()
}
]
$
.
liexin_ajax
(
'/api/cart/saveCart'
,
'POST'
,
{
items
:
JSON
.
stringify
(
data_
)}
,
function
(
res
)
{
}
$
.
liexin_ajax
(
'/api/cart/saveCart'
,
'POST'
,
data_
,
function
(
res
)
{
if
(
res
.
code
==
0
)
{
liexin_pop
.
Tip
({
title
:
res
.
msg
})
tool
.
getCarNum
()
...
...
@@ -168,24 +191,9 @@ define('search', ['tool', 'liexin_pop', 'artTemplate', 'pagination'], function (
//计算合计价格
var
ac_price
=
obj
.
find
(
".price-group.act"
).
find
(
".jtpc
"
).
text
().
replace
(
/
\s
/g
,
""
)
var
ac_price
=
obj
.
find
(
".price-group.act"
).
find
(
".jtpc
val"
).
text
();
obj
.
find
(
".totalrow"
).
text
(((
ac_price
*
value_
)
||
0
).
toFixed
(
2
))
},
pagehandle
:
function
()
{
$
(
"body"
).
on
(
"click"
,
".M-pagebox a"
,
function
()
{
if
(
$
(
this
).
attr
(
"data-page"
))
{
search
.
page
=
$
(
this
).
attr
(
"data-page"
);
}
else
{
if
(
$
(
this
).
hasClass
(
"prev"
))
{
search
.
page
=
search
.
page
-
1
;
}
else
if
(
$
(
this
).
hasClass
(
"next"
))
{
search
.
page
=
search
.
page
+
1
;
}
}
search
.
getData
();
})
},
}
module
.
exports
=
search
.
init
();
})
...
...
public/assets/js/user/account.js
View file @
7753398e
...
...
@@ -199,7 +199,7 @@ define('account', ['tool', 'liexin_pop', 'form', 'artTemplate'], function (requi
if
(
guid_
)
{
//编辑逻辑
$
(
".addressPop"
).
find
(
".addressPopBtn"
).
attr
(
"guid"
,
guid_
)
getAddressDetail
(
guid_
)
account
.
getAddressDetail
(
guid_
)
}
}
})
...
...
@@ -287,7 +287,7 @@ define('account', ['tool', 'liexin_pop', 'form', 'artTemplate'], function (requi
}
$
(
".addressPop .email6"
).
val
(
res
.
data
.
email
)
$
(
".addressPop .telephone6"
).
val
(
res
.
data
.
phone
)
$
(
".addressPop .country6"
).
val
(
res
.
data
.
country
).
attr
(
res
.
data
.
country
)
$
(
".addressPop .country6"
).
val
(
res
.
data
.
country
).
attr
(
"guid"
,
res
.
data
.
country_id
)
$
(
".addressPop .last_name6"
).
val
(
res
.
data
.
last_name
)
$
(
".addressPop .first_name6"
).
val
(
res
.
data
.
first_name
)
$
(
".addressPop .company_name6"
).
val
(
res
.
data
.
company_name
)
...
...
public/assets/js/user/order.js
0 → 100644
View file @
7753398e
define
(
'order'
,
[
'tool'
,
'liexin_pop'
,
'artTemplate'
,
'pagination'
],
function
(
require
,
exports
,
module
)
{
var
tool
=
require
(
"tool"
);
var
liexin_pop
=
require
(
"liexin_pop"
);
var
artTemplate
=
require
(
"artTemplate"
);
var
pagination
=
require
(
'pagination'
);
var
order
=
{
page
:
1
,
limit
:
5
,
bankInfo
:
""
,
init
:
function
()
{
order
.
handle
();
order
.
getData
()
},
getData
:
function
()
{
var
data_
=
{
page
:
order
.
page
,
page_size
:
order
.
limit
,
status
:
$
(
".user-right .nav .item.act"
).
attr
(
"guid"
),
goods_name
:
$
(
".userOrderS"
).
val
()
}
$
.
liexin_ajax
(
'/api/order/orderLists'
,
'POST'
,
data_
,
function
(
res
)
{
if
(
res
.
code
==
0
)
{
var
dataArr
=
res
.
data
.
lists
||
[];
var
order_count_
=
res
.
data
.
order_count
;
order
.
bankInfo
=
res
.
data
.
bank_info
;
for
(
let
key
in
order_count_
){
$
(
".user-right .nav .item[guid='"
+
key
+
"'] span"
).
text
(
"("
+
order_count_
[
key
]
+
")"
)
}
if
(
dataArr
.
length
==
0
)
{
tool
.
NoData
(
".orderdataboxs"
)
return
}
var
json_
=
{
data
:
dataArr
}
var
html
=
template
(
'DataTmp'
,
json_
);
$
(
".orderdataboxs"
).
html
(
html
);
//分页初始化
$
(
'.M-pagebox'
).
pagination
({
totalData
:
res
.
data
.
total
,
showData
:
Number
(
res
.
data
.
page_size
),
coping
:
true
,
prevContent
:
'<'
,
nextContent
:
'>'
,
jump
:
true
,
jumpBtn
:
"Go"
,
keepShowPN
:
true
,
current
:
Number
(
res
.
data
.
page
),
isHide
:
true
,
callback
:
function
(
api
)
{
order
.
page
=
api
.
getCurrent
()
order
.
getData
();
}
});
}
else
{
tool
.
NoData
(
".orderdataboxs"
)
liexin_pop
.
Tip
({
title
:
res
.
msg
})
}
})
},
handle
:
function
()
{
$
(
"body"
).
on
(
"click"
,
".trgo"
,
function
(
e
){
e
.
stopPropagation
()
window
.
location
.
href
=
$
(
this
).
attr
(
"data-href"
)
})
//搜索BTN
$
(
".ordersearchbtnsas"
).
click
(
function
()
{
order
.
page
=
1
;
order
.
getData
()
})
//tab
$
(
".user-right .nav .item"
).
click
(
function
(){
$
(
".user-right .nav .item"
).
removeClass
(
"act"
)
$
(
this
).
addClass
(
"act"
)
order
.
page
=
1
;
order
.
getData
()
})
//取消
$
(
"body"
).
on
(
"click"
,
".cancelbtn"
,
function
(
e
){
e
.
stopPropagation
()
var
guid_
=
$
(
this
).
attr
(
"guid"
)
liexin_pop
.
Confirm
({
title
:
"Are you sure to cancel the order?"
,
success
:
function
(
ele
)
{
$
.
liexin_ajax
(
'/api/order/cancelOrder'
,
'POST'
,
{
order_id
:
guid_
},
function
(
res
)
{
if
(
res
.
code
===
0
)
{
ele
.
fadeOut
(
300
)
liexin_pop
.
Tip
({
title
:
res
.
msg
},
function
(){
order
.
getData
()
})
}
else
{
liexin_pop
.
Tip
({
title
:
res
.
msg
})
}
})
}
})
})
$
(
"body"
).
on
(
"click"
,
".paybtn"
,
function
(
e
){
e
.
stopPropagation
()
var
self
=
$
(
this
);
liexin_pop
.
Open
({
title
:
"Payment"
,
width
:
766
,
ele
:
".payDetailPop"
,
success
:
function
(){
$
(
".paypal"
).
text
(
order
.
bankInfo
.
paypal
)
$
(
".ttl_bank_name"
).
text
(
order
.
bankInfo
.
ttl_bank_name
)
$
(
".ttl_bank_address"
).
text
(
order
.
bankInfo
.
ttl_bank_address
)
$
(
".ttl_swift_code"
).
text
(
order
.
bankInfo
.
ttl_swift_code
)
$
(
".ttl_company_name"
).
text
(
order
.
bankInfo
.
ttl_company_name
)
$
(
".ttl_account_no"
).
text
(
order
.
bankInfo
.
ttl_account_no
)
$
(
".merchandise_pay"
).
text
(
self
.
attr
(
"merchandise_pay"
))
$
(
".shipping_pay"
).
text
(
self
.
attr
(
"shipping_pay"
))
$
(
".ps_pay"
).
text
(
self
.
attr
(
"ps_pay"
))
$
(
".goods_num_pay"
).
text
(
self
.
attr
(
"goods_num_pay"
))
$
(
".subtotal_pay"
).
text
(
self
.
attr
(
"subtotal_pay"
))
}
})
})
$
(
"body"
).
on
(
"click"
,
".check-group-payp"
,
function
(){
$
(
".check-group-payp"
).
removeClass
(
"act"
)
$
(
this
).
addClass
(
"act"
)
$
(
".payDetailPop .zftai"
).
hide
();
if
(
$
(
this
).
attr
(
"guid"
)
==
1
){
$
(
".payDetailPop .ppbox"
).
show
();
}
else
{
$
(
".payDetailPop .ttbox"
).
show
();
}
})
},
}
module
.
exports
=
order
.
init
();
})
seajs
.
use
([
'order'
])
resources/views/brand/list.blade.php
View file @
7753398e
...
...
@@ -4,6 +4,7 @@
@
endsection
@
section
(
'body'
)
<
textarea
id
=
"domainxksearch"
style
=
"position: fixed;right:9999px;"
></
textarea
>
<
div
class
="
mallpage
">
@include('common.mallHeaderTop')
@include('common.mallHeaderNav')
...
...
@@ -78,7 +79,7 @@
</div>
<div class="
M
-
pagebox
"></div>
<div class="
M
-
pagebox
row
rowCenter
"></div>
</div>
</div>
</div>
...
...
@@ -93,7 +94,7 @@
{{each data value index}}
<div class="
td
-
group
boxsiz
row
" goods_id="
{{
value
.
goods_id
}}
">
<div class="
td
w180
">
<a href="
/
sku
/
{{
value
.
goods_id
}}
" class="
goodsname
">
{
{value.goods_name}
}
</a>
<a href="
/
sku
/
{{
value
.
goods_id
}}
?
brand_id
=
{{
brand_id
}}
" class="
goodsname
">
{
{value.goods_name}
}
</a>
<div class="
copyname
" goods_name="
{{
value
.
goods_name
}}
">
<i class="
icon
iconfont
icon
-
fuzhi
"></i>
</div>
...
...
@@ -109,13 +110,13 @@
<div> Min:
{
{value.moq}
}
<span class="
mult
">Mult:
{
{value.mult}
}
</span></div>
<div> Full Reel:
{
{value.mpq}
}
</div>
</div>
<div class="
td
w140
">
{
{value.hk_delivery_time||"
"}
}
</div>
<div class="
td
w140
">{{value.hk_delivery_time||"
"}}</div>
<div class="
th
w180
">
<div class="
price
-
jt
">
{{each value['ladder_price'] val i}}
<div class="
price
-
group
row
" purchases="
{{
val
.
purchases
}}
">
<div class="
jtpr
">
{
{val.purchases}
}
+</div>
<div class="
jtpc
">$
{{val.price_us}}
</div>
<div class="
jtpc
">$
<span class="
jtpcval
">
{
{val.price_us}
}
</span>
</div>
</div>
{
{/each}
}
{{if !value['ladder_price']|| value['ladder_price'].length==0}}
...
...
@@ -125,7 +126,7 @@
</div>
<div class="
td
">
<div class="
input
-
box
">
<input type="
text
" class="
valuep
valuepSearch
" minNum="
{{
value
.
moq
}}
" maxNum="
{{
value
.
max_buy_stock
}}
" onkeyup="
if
(
this
.
value
.
length
==
1
){
this
.
value
=
this
.
value
.
replace
(
/
[
^
1
-
9
]
/
g
,
''
)}
else
{
this
.
value
=
this
.
value
.
replace
(
/
\D
/
g
,
''
)}
" onafterpaste="
if
(
this
.
value
.
length
==
1
){
this
.
value
=
this
.
value
.
replace
(
/
[
^
1
-
9
]
/
g
,
''
)}
else
{
this
.
value
=
this
.
value
.
replace
(
/
\D
/
g
,
''
)}
">
<input type="
text
" class="
valuep
valuepSearch
" minNum="
{{
value
.
moq
}}
"
value="
{{
value
.
moq
}}
"
maxNum="
{{
value
.
max_buy_stock
}}
" onkeyup="
if
(
this
.
value
.
length
==
1
){
this
.
value
=
this
.
value
.
replace
(
/
[
^
1
-
9
]
/
g
,
''
)}
else
{
this
.
value
=
this
.
value
.
replace
(
/
\D
/
g
,
''
)}
" onafterpaste="
if
(
this
.
value
.
length
==
1
){
this
.
value
=
this
.
value
.
replace
(
/
[
^
1
-
9
]
/
g
,
''
)}
else
{
this
.
value
=
this
.
value
.
replace
(
/
\D
/
g
,
''
)}
">
<div class="
addCar
addCarSearch
" goods_id="
{{
value
.
goods_id
}}
">Add</div>
</div>
<div class="
total
-
price
">
...
...
resources/views/brand/map.blade.php
View file @
7753398e
...
...
@@ -56,7 +56,7 @@
<div class="
ttl
">
{
{$key}
}
</div>
<div class="
ttc
row
boxsiz
">
@foreach (
$item
as
$itemchild
)
<a href="
/
brand
/
{{
$itemchild
[
'standard_brand_id'
]}}
"
target="
_blank
"
>
{
{$itemchild['brand_name_en']}
}
</a>
<a href="
/
brand
/
{{
$itemchild
[
'standard_brand_id'
]}}
" >
{
{$itemchild['brand_name_en']}
}
</a>
@endforeach
</div>
</div>
...
...
resources/views/car/car.blade.php
View file @
7753398e
...
...
@@ -20,7 +20,7 @@
<div class="
list
-
table
">
<div class="
thead
row
boxsiz
">
<div class="
th
row
verCenter
w46
">
<div class="
check
-
group
row
verCenter
act
">
<div class="
check
-
group
selectall
row
verCenter
act
">
<div class="
check
">
<i class="
icon
iconfont
icon
-
gou
"></i>
</div>
...
...
@@ -36,68 +36,23 @@
<div class="
th
">Ext. Price</div>
</div>
<div class="
tbody
boxsiz
">
<div class="
tr
row
">
<div class="
td
w46
">
<div class="
check
-
group
row
verCenter
act
">
<div class="
check
">
<i class="
icon
iconfont
icon
-
gou
"></i>
</div>
<span>1</span>
</div>
</div>
<div class="
td
w98
">STTH1L06A</div>
<div class="
td
w183
">Manufacturers:Yageo</div>
<div class="
td
w119
">2-5 workdays</div>
<div class="
td
w93
">
<input type="
text
" class="
valuep
" value="
100
">
</div>
<div class="
td
w110
">10000</div>
<div class="
td
w92
">$0.0011</div>
<div class="
td
">$0.11</div>
</div>
<div class="
tr
row
sxbox
">
<div class="
td
w46
">
<div class="
check
-
group
row
verCenter
act
">
<div class="
check
">
<i class="
icon
iconfont
icon
-
gou
"></i>
</div>
<span>2</span>
</div>
</div>
<div class="
td
w98
">
STTH1L06A
<div class="
pdf
">
<i class="
icon
iconfont
icon
-
PDF
"></i>
</div>
</div>
<div class="
td
w183
">
Manufacturers:Yageo
<div class="
sx
">Invalid Model</div>
</div>
<div class="
td
w119
">2-5 workdays</div>
<div class="
td
w93
">
<input type="
text
" class="
valuep
" value="
100
">
</div>
<div class="
td
w110
">10000</div>
<div class="
td
w92
">$0.0011</div>
<div class="
td
">$0.11</div>
</div>
</div>
<div class="
tfoot
boxsiz
">
<div class="
tr
row
">
<div class="
td
">
<div class="
check
-
group
row
verCenter
act
">
<div class="
check
-
group
row
verCenter
selectall
act
">
<div class="
check
">
<i class="
icon
iconfont
icon
-
gou
"></i>
</div>
<span class="
fw
selectall
">Select All</span>
<span class="
fw
">Select All</span>
</div>
</div>
<div class="
td
selectcount
">
<b class="
fw
">
2
</b>Items Selected
<b class="
fw
">
0
</b>Items Selected
</div>
<div class="
td
">
<div class="
del
">Delete</div>
<div class="
del
delcarsd
">Delete</div>
</div>
</div>
</div>
...
...
@@ -107,24 +62,24 @@
<div class="
top
boxsiz
">
<div class="
itemsp
row
bothSide
">
<span>Merchandise Total</span>
<span>$
509.71
</span>
<span>$
<span class="
goods_total
">0.00</span>
</span>
</div>
<div class="
itemsp
row
bothSide
">
<
!-- <
div class="
itemsp
row
bothSide
">
<span>Shipping</span>
<span>TBC</span>
</div>
<div class="
itemsp
row
bothSide
">
<span>Merchant Fee</span>
<span>TBC</span>
</div>
</div>
-->
<div class="
itemsp
row
bothSide
">
<span>Subtotal</span>
<span>$
559.71
</span>
<span>$
<span class="
pay_total
">0.00</span>
</span>
</div>
</div>
<div class="
create
">Place Order</div>
<div class="
create
createcarbtn
">Place Order</div>
<div class="
lgtips
">
Already Registered? <a href="
/
login
">Log In</a>
Already Registered? <a href="
/
login
?
referer
=
{{
\Illuminate\Support\Facades\URL
::
current
()}}
">Log In</a>
</div>
<a href="
javascript
:
void
(
0
)
" class="
bannerc
">
<img src="
{{
$public
}}
/
assets
/
images
/
car
/
carbanner
.
png
" alt="">
...
...
@@ -137,6 +92,44 @@
</div>
@endsection
@verbatim
<script id="
DataTmp
" type="
text
/
html
">
{{each data value index}}
<div class="
tr
row
{{
if
value
.
status
==-
1
}}
sxbox
{{
/
if
}}
" cart_id="
{{
value
.
cart_id
}}
">
<div class="
td
w46
">
<div class="
check
-
group
row
verCenter
act
">
<div class="
check
">
<i class="
icon
iconfont
icon
-
gou
"></i>
</div>
<span>
{
{index+1}
}
</span>
</div>
</div>
<div class="
td
w98
">
{
{value.goods_name}
}
{{if value.pdf}}
<a class="
pdf
" href="
{{
value
.
pdf
}}
" target="
_blank
"><i class="
icon
iconfont
icon
-
PDF
"></i></a>
{
{/if}
}
</div>
<div class="
td
w183
">
Manufacturers:
{
{value.brand_name}
}
{{if value.status==-1}}
<div class="
sx
">Invalid Model</div>
{
{/if}
}
</div>
<div class="
td
w119
">
{
{value.hk_delivery_time}
}
</div>
<div class="
td
w93
">
<input type="
text
" class="
valuep
" goods_id="
{{
value
.
goods_id
}}
" minNum="
{{
value
.
moq
}}
" maxNum="
{{
value
.
max_buy_stock
}}
" value="
{{
value
.
buy_number
}}
" onkeyup="
if
(
this
.
value
.
length
==
1
){
this
.
value
=
this
.
value
.
replace
(
/
[
^
1
-
9
]
/
g
,
''
)}
else
{
this
.
value
=
this
.
value
.
replace
(
/
\D
/
g
,
''
)}
" onafterpaste="
if
(
this
.
value
.
length
==
1
){
this
.
value
=
this
.
value
.
replace
(
/
[
^
1
-
9
]
/
g
,
''
)}
else
{
this
.
value
=
this
.
value
.
replace
(
/
\D
/
g
,
''
)}
">
</div>
<div class="
td
w110
">
{
{value.stock}
}
</div>
<div class="
td
w92
">$<span class="
rowdj
">
{
{value.buy_price}
}
</span></div>
<div class="
td
">$<span class="
rowxj
">
{
{value.ext_price}
}
</span></div>
</div>
{
{/each}
}
</script>
@endverbatim
@section('js')
<script src="
{{
$public
}}
/
assets
/
js
/
car
/
car
.
js
?
v
=
{{
time
()}}
"></script>
@endsection
\ No newline at end of file
resources/views/car/confirm.blade.php
View file @
7753398e
...
...
@@ -9,49 +9,47 @@
@include('common.mallHeaderNav')
<div class="
confirmbox
w1200
">
<div class="
back
row
verCenter
">
<a href="">
<a href="
javascript
:
history
.
go
(
-
1
)
">
<i class="
icon
iconfont
icon
-
fanhui
"></i>
<span>Back to Previous Page</span>
</a>
</div>
<div class="
cons
">
<div class="
top
">
<div class="
head
row
verCenter
boxsiz
">Shipping Address</div>
<div class="
address
-
group
ship
">
<div class="
info
row
">
<span class="
name
">Michael Jordan</span>
<span class="
app
">Apple inc</span>
<span class="
email
">123456789@qq.com</span>
<span>000-000-000-XXXX</span>
</div>
<div class="
addre
row
">
<span>79, 105 Center Street, Queens, New York City</span>
<span class="
defaults
">Default address</span>
<div class="
xrdata
">
</div>
<div class="
handle
-
box
row
">
<div class="
bts
choosebtadress
">Choose Another Address</div>
<div class="
bts
popaddressbtn
addbtn
" guid="
1
">Add Address</div>
<div class="
bts
choosebtadress
"
guid="
1
"
>Choose Another Address</div>
<div class="
bts
popaddressbtn
addbtn
" guid="
1
">Add Address</div>
</div>
<div class="
edit
row
">
<div class="
edit
row
editboxcs
" style="
display
:
none
;
">
<div class="
bt
popaddressbtn
editbtn
" guid="
1
">Modify</div>
<div class="
bt
delbtn
">Delete</div>
<div class="
bt
delbtn
">Delete</div>
</div>
</div>
<div class="
address
-
group
bill
">
<div class="
row
choose
verCenter
">
Billing Address
</div>
<div class="
info
row
">
<span class="
name
">Michael Jordan</span>
<span class="
app
">Apple inc</span>
<span class="
email
">123456789@qq.com</span>
<span>000-000-000-XXXX</span>
</div>
<div class="
addre
row
">
<span>79, 105 Center Street, Queens, New York City</span>
<div class="
xrdata
">
<!-- <div class="
info
row
">
<span class="
name
">Michael Jordan</span>
<span class="
app
">Apple inc</span>
<span class="
email
">123456789@qq.com</span>
<span>000-000-000-XXXX</span>
</div>
<div class="
addre
row
">
<span>79, 105 Center Street, Queens, New York City</span>
</div> -->
</div>
<div class="
handle
-
box
row
">
<div class="
bts
choosebtadress
">Choose Another Address</div>
<div class="
bts
choosebtadress
"
guid="
2
"
>Choose Another Address</div>
</div>
</div>
</div>
...
...
@@ -72,70 +70,15 @@
<div class="
th
w120
">Ext. Price</div>
<div class="
th
">Remark</div>
</div>
<div class="
tbody
boxsiz
">
<div class="
tr
row
">
<div class="
td
w70
">
1
</div>
<div class="
td
w184
">STTH1L06A</div>
<div class="
td
w176
">Manufacturers:Yageo</div>
<div class="
td
w153
">2-5 workdays</div>
<div class="
td
w116
">
100
</div>
<div class="
td
w123
">10000</div>
<div class="
td
w120
">$0.0011</div>
<div class="
td
">
<input type="
text
" value="
55555
">
</div>
</div>
<div class="
tr
row
sxbox
">
<div class="
td
w70
">
2
</div>
<div class="
td
w184
">
STTH1L06A
<div class="
pdf
">
<i class="
icon
iconfont
icon
-
PDF
"></i>
</div>
</div>
<div class="
td
w176
">
Manufacturers:Yageo
<div class="
sx
">Invalid Model</div>
</div>
<div class="
td
w153
">2-5 workdays</div>
<div class="
td
w116
">
100
</div>
<div class="
td
w123
">10000</div>
<div class="
td
w120
">$0.0011</div>
<div class="
td
">
<input type="
text
" value="
55555
">
</div>
</div>
<div class="
tr
row
">
<div class="
td
w70
">
1
</div>
<div class="
td
w184
">STTH1L06A</div>
<div class="
td
w176
">Manufacturers:Yageo</div>
<div class="
td
w153
">2-5 workdays</div>
<div class="
td
w116
">
100
</div>
<div class="
td
w123
">10000</div>
<div class="
td
w120
">$0.0011</div>
<div class="
td
">
<input type="
text
" value="
55555
">
</div>
</div>
<div class="
tbody
boxsiz
tbodycars
">
</div>
</div>
<div class="
jsInfo
boxsiz
">
<div class="
row
jsitem
notip
">
<div class="
tcon
row
bothSide
">
<span class="
tt
">Merchandise Total</span>
<span class="
price
">$
509.71
</span>
<span class="
price
">$
<span class="
goods_total
">0.00</span>
</span>
</div>
</div>
<div class="
row
jsitem
">
...
...
@@ -164,13 +107,13 @@
</div>
<div class="
row
jsitem
notip
">
<div class="
tcon
row
bothSide
">
<span class="
tt
">Subtotal(
3
item)</span>
<span class="
total
f
-
red
">$
509.71
</span>
<span class="
tt
">Subtotal(
<b class="
selectcount
">0</b>
item)</span>
<span class="
total
f
-
red
">$
<span class="
pay_total
">0.00</span>
</span>
</div>
</div>
</div>
<div class="
submit
">Place Order</div>
<div class="
submit
ordercreates
">Place Order</div>
</div>
</div>
</div>
...
...
@@ -269,41 +212,56 @@
<div class="
list
-
table
">
<div class="
thead
row
boxsiz
">
<div class="
th
w45
">NO.</div>
<div class="
th
w130
">Part NO.</div>
<div class="
th
w210
">NAME</div>
<div class="
th
w153
">COMPANY NAME</div>
<div class="
th
w148
">EMAIL</div>
<div class="
th
w122
">TELEPHONE</div>
<div class="
th
w150
">ADDRESS</div>
</div>
<div class="
tbody
boxsiz
scrollbar
">
<div class="
tr
row
boxsiz
">
<div class="
td
w45
">1</div>
<div class="
td
w130
">STTH1L06A</div>
<div class="
td
w210
">Manufacturers:Yageo</div>
<div class="
td
w153
">2-5 workdays</div>
<div class="
td
w148
"> 100</div>
<div class="
td
w122
">10000</div>
<div class="
td
w150
">asasd </div>
</div>
<div class="
tr
act
row
boxsiz
">
<div class="
td
w45
">1</div>
<div class="
td
w130
">STTH1L06A</div>
<div class="
td
w210
">Manufacturers:Yageo</div>
<div class="
td
w153
">2-5 workdays</div>
<div class="
td
w148
"> 100</div>
<div class="
td
w122
">10000</div>
<div class="
td
w150
">asasd </div>
</div>
<div class="
tbody
choosetbodys
boxsiz
scrollbar
">
</div>
</div>
<div class="
choosesubmit
">Confirm</div>
</div>
@endsection
@verbatim
<script id="
DataTmp
" type="
text
/
html
">
{{each data value index}}
<div class="
tr
row
{{
if
value
.
status
==-
1
}}
sxbox
{{
/
if
}}
" cart_id="
{{
value
.
cart_id
}}
" numcar="
{{
value
.
buy_number
}}
" goods_id="
{{
value
.
goods_id
}}
">
<div class="
td
w70
">
{
{index+1}
}
</div>
<div class="
td
w184
">
{
{value.goods_name}
}
{{if value.pdf}}
<a class="
pdf
" href="
{{
value
.
pdf
}}
" target="
_blank
"><i class="
icon
iconfont
icon
-
PDF
"></i></a>
{
{/if}
}
</div>
<div class="
td
w176
">
Manufacturers:
{
{value.brand_name}
}
{{if value.status==-1}}
<div class="
sx
">Invalid Model</div>
{
{/if}
}
</div>
<div class="
td
w153
">
{
{value.hk_delivery_time}
}
</div>
<div class="
td
w116
numcar
">
{
{value.buy_number}
}
</div>
<div class="
td
w123
">$<span class="
rowdj
">
{
{value.buy_price}
}
</span></div>
<div class="
td
w120
">$<span class="
rowxj
">
{
{value.ext_price}
}
</span></div>
<div class="
td
">
<input type="
text
" value="" class="
remarkcar
">
</div>
</div>
{
{/each}
}
</script>
@endverbatim
@section('js')
<script src="
{{
$public
}}
/
assets
/
js
/
car
/
confirm
.
js
?
v
=
{{
time
()}}
"></script>
@endsection
\ No newline at end of file
resources/views/classification/index.blade.php
View file @
7753398e
...
...
@@ -4,6 +4,7 @@
@
endsection
@
section
(
'body'
)
<
textarea
id
=
"domainxksearch"
style
=
"position: fixed;right:9999px;"
></
textarea
>
<
div
class
="
mallpage
">
@include('common.mallHeaderTop')
@include('common.mallHeaderNav')
...
...
@@ -27,7 +28,7 @@
<div class="
csec
boxsiz
clear
">
@foreach(
$classification['children']
as
$class
)
<a href="
/
class
/{{$
class
[
'class_id'
]}}
">
{
{$class['class_name_en']}}({{$class['sku_number']}
}
)</a>
<a href="
/
class
/{{$
class
[
'class_id'
]}}
"
>
{
{$class['class_name_en']}}({{$class['sku_number']}
}
)</a>
@endforeach
</div>
</div>
...
...
@@ -77,7 +78,7 @@
</div>
<div class="
data
-
td
">
</div>
<div class="
M
-
pagebox
"></div>
<div class="
M
-
pagebox
row
rowCenter
"></div>
</div>
</div>
</div>
...
...
@@ -108,13 +109,13 @@
<div> Min:
{
{value.moq}
}
<span class="
mult
">Mult:
{
{value.mult}
}
</span></div>
<div> Full Reel:
{
{value.mpq}
}
</div>
</div>
<div class="
td
w140
">
{
{value.hk_delivery_time||"
"}
}
</div>
<div class="
td
w140
">{{value.hk_delivery_time||"
"}}</div>
<div class="
th
w180
">
<div class="
price
-
jt
">
{{each value['ladder_price'] val i}}
<div class="
price
-
group
row
" purchases="
{{
val
.
purchases
}}
">
<div class="
jtpr
">
{
{val.purchases}
}
+</div>
<div class="
jtpc
">$
{{val.price_us}}
</div>
<div class="
jtpc
">$
<span class="
jtpcval
">
{
{val.price_us}
}
</span>
</div>
</div>
{
{/each}
}
{{if !value['ladder_price']|| value['ladder_price'].length==0}}
...
...
@@ -124,7 +125,7 @@
</div>
<div class="
td
">
<div class="
input
-
box
">
<input type="
text
" class="
valuep
valuepSearch
" minNum="
{{
value
.
moq
}}
" maxNum="
{{
value
.
max_buy_stock
}}
" onkeyup="
if
(
this
.
value
.
length
==
1
){
this
.
value
=
this
.
value
.
replace
(
/
[
^
1
-
9
]
/
g
,
''
)}
else
{
this
.
value
=
this
.
value
.
replace
(
/
\D
/
g
,
''
)}
" onafterpaste="
if
(
this
.
value
.
length
==
1
){
this
.
value
=
this
.
value
.
replace
(
/
[
^
1
-
9
]
/
g
,
''
)}
else
{
this
.
value
=
this
.
value
.
replace
(
/
\D
/
g
,
''
)}
">
<input type="
text
" class="
valuep
valuepSearch
" minNum="
{{
value
.
moq
}}
"
value="
{{
value
.
moq
}}
"
maxNum="
{{
value
.
max_buy_stock
}}
" onkeyup="
if
(
this
.
value
.
length
==
1
){
this
.
value
=
this
.
value
.
replace
(
/
[
^
1
-
9
]
/
g
,
''
)}
else
{
this
.
value
=
this
.
value
.
replace
(
/
\D
/
g
,
''
)}
" onafterpaste="
if
(
this
.
value
.
length
==
1
){
this
.
value
=
this
.
value
.
replace
(
/
[
^
1
-
9
]
/
g
,
''
)}
else
{
this
.
value
=
this
.
value
.
replace
(
/
\D
/
g
,
''
)}
">
<div class="
addCar
addCarSearch
" goods_id="
{{
value
.
goods_id
}}
">Add</div>
</div>
<div class="
total
-
price
">
...
...
resources/views/search/index.blade.php
View file @
7753398e
...
...
@@ -7,6 +7,7 @@
<
div
class
="
mallpage
">
@include('common.mallHeaderTop')
@include('common.mallHeaderNav')
<textarea id="
domainxksearch
" style="
position
:
fixed
;
right
:
9999
px
;
"></textarea>
<div class="
searchbox
w1200
">
<div class="
bread
-
menu
row
boxsiz
">
<a href="
/
mall
">Home</a>
...
...
@@ -71,7 +72,7 @@
</div>
<div class="
M
-
pagebox
"></div>
<div class="
M
-
pagebox
row
rowCenter
"></div>
</div>
</div>
</div>
...
...
@@ -103,13 +104,13 @@
<div> Min:
{
{value.moq}
}
<span class="
mult
">Mult:
{
{value.mult}
}
</span></div>
<div> Full Reel:
{
{value.mpq}
}
</div>
</div>
<div class="
td
w140
">
{
{value.hk_delivery_time||"
"}
}
</div>
<div class="
td
w140
">{{value.hk_delivery_time||"
"}}</div>
<div class="
th
w180
">
<div class="
price
-
jt
">
{{each value['ladder_price'] val i}}
<div class="
price
-
group
row
" purchases="
{{
val
.
purchases
}}
">
<div class="
jtpr
">
{
{val.purchases}
}
+</div>
<div class="
jtpc
">$
{{val.price_us}}
</div>
<div class="
jtpc
">$
<span class="
jtpcval
">
{
{val.price_us}
}
</span>
</div>
</div>
{
{/each}
}
{{if !value['ladder_price']|| value['ladder_price'].length==0}}
...
...
@@ -119,7 +120,7 @@
</div>
<div class="
td
">
<div class="
input
-
box
">
<input type="
text
" class="
valuep
valuepSearch
" minNum="
{{
value
.
moq
}}
" maxNum="
{{
value
.
max_buy_stock
}}
" onkeyup="
if
(
this
.
value
.
length
==
1
){
this
.
value
=
this
.
value
.
replace
(
/
[
^
1
-
9
]
/
g
,
''
)}
else
{
this
.
value
=
this
.
value
.
replace
(
/
\D
/
g
,
''
)}
" onafterpaste="
if
(
this
.
value
.
length
==
1
){
this
.
value
=
this
.
value
.
replace
(
/
[
^
1
-
9
]
/
g
,
''
)}
else
{
this
.
value
=
this
.
value
.
replace
(
/
\D
/
g
,
''
)}
">
<input type="
text
" class="
valuep
valuepSearch
" minNum="
{{
value
.
moq
}}
"
value="
{{
value
.
moq
}}
"
maxNum="
{{
value
.
max_buy_stock
}}
" onkeyup="
if
(
this
.
value
.
length
==
1
){
this
.
value
=
this
.
value
.
replace
(
/
[
^
1
-
9
]
/
g
,
''
)}
else
{
this
.
value
=
this
.
value
.
replace
(
/
\D
/
g
,
''
)}
" onafterpaste="
if
(
this
.
value
.
length
==
1
){
this
.
value
=
this
.
value
.
replace
(
/
[
^
1
-
9
]
/
g
,
''
)}
else
{
this
.
value
=
this
.
value
.
replace
(
/
\D
/
g
,
''
)}
">
<div class="
addCar
addCarSearch
" goods_id="
{{
value
.
goods_id
}}
">Add</div>
</div>
<div class="
total
-
price
">
...
...
resources/views/user/inquiry.blade.php
View file @
7753398e
...
...
@@ -29,17 +29,17 @@
<div class="
nav
row
inuirynavs
">
<div class="
item
act
" guid="">
<div class="
row
rowCenter
">
<div>All</div><span>(
2
)</span>
<div>All</div><span>(
{
{$statusCount['all']}
}
)</span>
</div>
</div>
<div class="
item
" guid="
0
">
<div class="
row
rowCenter
">
<div>Pending</div><span>(
2
)</span>
<div>Pending</div><span>(
{
{$statusCount['pending']}
}
)</span>
</div>
</div>
<div class="
item
" guid="
1
">
<div class="
row
rowCenter
">
<div>Replied</div><span>(
2
)</span>
<div>Replied</div><span>(
{
{$statusCount['processed']}
}
)</span>
</div>
</div>
</div>
...
...
resources/views/user/order.blade.php
View file @
7753398e
...
...
@@ -3,6 +3,7 @@
<
link
rel
=
"stylesheet"
href
=
"
{
{$public}}/assets/css/user/order.min.css?v={{time()}
}
"
>
@
endsection
@
section
(
'body'
)
<
div
class
="
mallpage
">
@include('common.mallHeaderTop')
...
...
@@ -17,8 +18,8 @@
<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
">
<span class="
icon
ordersearchbtnsas
"><i class="
icon
iconfont
icon
-
shouyesousuo
"></i></span>
<input type="
text
" placeholder="
Search
" class="
userOrderS
">
</div>
</div>
<div class="
cons
row
bothSide
">
...
...
@@ -31,202 +32,54 @@
</div>
<div class="
user
-
right
boxsiz
">
<div class="
nav
row
">
<div class="
item
act
">
<div class="
item
act
"
guid="
0
"
>
<div class="
row
rowCenter
">
<div>All</div><span>(
2
)</span>
<div>All</div><span>(
0
)</span>
</div>
</div>
<div class="
item
row
">
<div class="
item
row
"
guid="
1
"
>
<div>
<div class="
tt
">Waiting for</div>
<div>approval</div>
</div>
<span>(
10
0)</span>
<span>(0)</span>
</div>
<div class="
item
row
">
<div class="
item
row
"
guid="
2
"
>
<div>
<div class="
tt
">Waiting for</div>
<div>payment</div>
</div>
<span>(
10
0)</span>
<span>(0)</span>
</div>
<div class="
item
row
">
<div class="
item
row
"
guid="
4
"
>
<div>
<div class="
tt
">Waiting for</div>
<div>dispatch</div>
</div>
<span>(
10
0)</span>
<span>(0)</span>
</div>
<div class="
item
row
">
<div class="
item
row
"
guid="
8
"
>
<div>
<div class="
tt
">Waiting for</div>
<div>delivery</div>
</div>
<span>(
10
0)</span>
<span>(0)</span>
</div>
<div class="
item
row
">
<div class="
item
row
"
guid="
10
"
>
<div>
<div>Transaction</div>
<div>Complete</div>
</div>
<span>(
10
0)</span>
<span>(0)</span>
</div>
<div class="
item
">
<div class="
item
"
guid="
-
1
"
>
<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 class="
list
-
table
orderdataboxs
">
</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 class="
M
-
pagebox
row
rowCenter
"></div>
</div>
</div>
</div>
...
...
@@ -234,6 +87,136 @@
</div>
@endsection
<!--支付弹窗-->
<div class="
payDetailPop
" style="
display
:
none
;
">
<div class="
paybox
">
<div class="
inputboxp
">
<div class="
checkbox
row
">
<div class="
check
-
group
row
act
check
-
group
-
payp
" guid="
1
">
<p class="
row
verCenter
rowCenter
">
<font></font>
</p>
<span>Paypal</span>
</div>
<div class="
check
-
group
row
check
-
group
-
payp
" guid="
2
">
<p class="
row
verCenter
rowCenter
">
<font></font>
</p>
<span>TT</span>
</div>
</div>
</div>
<div class="
pcons
">
<div class="
paygroup
">
Merchandise Total:$<span class="
merchandise_pay
">0.00</span>
</div>
<div class="
paygroup
">
Shipping:$<span class="
shipping_pay
">0.00</span>
</div>
<div class="
paygroup
">
Payment Surcharge:$<span class="
ps_pay
">0.00</span>
</div>
<div class="
paygroup
">
Subtotal ( <span class="
goods_num_pay
">0</span> item ):$<span class="
subtotal_pay
">0.00</span>
</div>
<div class="
ttbox
zftai
" style="
display
:
none
;
">
<div class="
paygroup
">
Paypal Account Number:<span class="
paypal
"></span>
</div>
</div>
<div class="
ppbox
zftai
">
<div class="
h6
">Bank Information</div>
<div class="
paygroup
">
Bank Name: <span class="
ttl_bank_name
"></span>
</div>
<div class="
paygroup
">
Bank address: <span class="
ttl_bank_address
"></span>
</div>
<div class="
paygroup
">
Swift Code: <span class="
ttl_swift_code
"></span>
</div>
<div class="
paygroup
">
Company Name: <span class="
ttl_company_name
"></span>
</div>
<div class="
paygroup
">
Account No: <span class="
ttl_account_no
"></span>
</div>
</div>
</div>
</div>
</div>
@verbatim
<script id="
payHtml
" type="
text
/
html
">
</script>
<script id="
DataTmp
" type="
text
/
html
">
{{each data value index}}
<a class="
tr
trgo
" data-href="
/
user
/
orderDetail
?
order_id
=
{{
value
.
order_id
}}
">
<div class="
titletr
boxsiz
">
<div class="
row
bothSide
">
<div class="
row
">
<span>
{
{value.create_time}
}
</span>
<span class="
ordersn
">Order No.:
{
{value.order_sn}
}
</span>
<span>Please complete your payment before <span class="
fo
">
{
{value.over_time}
}
</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
">
{{each value.goods_name_arr value1 index}}
<div class="">
{
{value1}
}
</div>
{
{/each}
}
</div>
<div class="
td
w98
">${{value.order_amount}}</div>
<div class="
td
w168
">
{
{value.status_en}
}
</div>
<div class="
td
w189
">
<div>Receiver:
{
{value.receiver}
}
</div>
<div>Email:
{
{value.email}
}
</div>
<div>Phone:
{
{value.phone}
}
</div>
</div>
<div class="
td
w239
">
{
{value.shipping_address}
}
</div>
<div class="
td
w150
">
<!-- <div class="
btnsi
">Buy Again</div> -->
{{if (value.status==1||value.status==2)}}
<div class="
btnsi
cancelbtn
" guid="
{{
value
.
order_id
}}
">Cancel Order</div>
{
{else}
}
<div class="
btnsi
paybtn
" merchandise_pay="
{{
value
.
merchandise_total
}}
" shipping_pay="
{{
value
.
shipping
}}
" ps_pay="
{{
value
.
payment_surcharge
}}
" goods_num_pay="
{{
value
.
goods_name_arr
.
length
}}
" subtotal_pay="
{{
value
.
sub_total
}}
" >Pay</div>
{
{/if}
}
</div>
</div>
</div>
</a>
{
{/each}
}
</script>
@endverbatim
@section('js')
<script src="
{{
$public
}}
/
assets
/
js
/
user
/
order
.
js
?
v
=
{{
time
()}}
"></script>
@endsection
\ No newline at end of file
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment