Skip to content
Toggle navigation
P
Projects
G
Groups
S
Snippets
Help
梁建民
/
h5
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
e1afbf5a
authored
Dec 26, 2020
by
肖康
Browse files
Options
_('Browse Files')
Download
Email Patches
Plain Diff
收货地址信息
parent
fb235a2e
Expand all
Hide whitespace changes
Inline
Side-by-side
Showing
8 changed files
with
14 additions
and
8 deletions
src/assets/css/user/orderDetail.less
src/assets/css/user/orderDetail.min.css
src/views/aboutUs/index.vue
src/views/user/orderDetail.vue
src/views/user/shipping.vue
view/23.js
view/47.js
view/5.js
src/assets/css/user/orderDetail.less
View file @
e1afbf5a
.order-detail{
padding-top: 0.28rem;
padding-bottom: 1.32rem;
.order-top{
width: 9.6rem;
background: #FFFFFF;
...
...
src/assets/css/user/orderDetail.min.css
View file @
e1afbf5a
.order-detail
{
padding-top
:
.28rem
}
.order-detail
.order-top
{
width
:
9.6rem
;
background
:
#FFFFFF
;
box-shadow
:
0
0
.09rem
0
rgba
(
180
,
202
,
211
,
0.38
);
border-radius
:
.08rem
;
margin
:
0
auto
;
padding
:
.28rem
;
padding-bottom
:
.51rem
;
box-sizing
:
border-box
}
.order-detail
.order-top
.t1-box
{
display
:
flex
;
font-size
:
12px
;
padding-bottom
:
.36rem
;
border-bottom
:
1px
solid
#e5e5e5
;
line-height
:
.83rem
}
.order-detail
.order-top
.t1-box
img
{
height
:
.83rem
;
width
:
.83rem
;
margin-right
:
.4rem
}
.order-detail
.order-top
.t1-box
.ordersta
{
height
:
.83rem
;
color
:
#333
}
.order-detail
.order-top
.t1-box
.ordersta
.van-count-down
{
font-size
:
12px
;
color
:
#FF693D
;
display
:
inline
}
.order-detail
.order-top
.t1-box.wl
{
position
:
relative
;
cursor
:
pointer
}
.order-detail
.order-top
.t1-box.wl
.ordersta
{
width
:
6.4rem
;
overflow
:
hidden
;
text-overflow
:
ellipsis
;
white-space
:
nowrap
}
.order-detail
.order-top
.t1-box.wl
i
{
font-size
:
12px
;
color
:
#000
!important
;
position
:
absolute
;
right
:
0
}
.order-detail
.order-top
.t2-box
{
padding-top
:
.4rem
;
line-height
:
.6rem
;
color
:
#6F6F6F
;
font-size
:
12px
;
margin-bottom
:
.1rem
}
.order-detail
.order-top
.t2-box
font
{
display
:
inline-block
;
cursor
:
pointer
;
width
:
1.12rem
;
height
:
.45rem
;
background
:
#F9F9F9
;
border-radius
:
.03rem
;
border
:
.01rem
solid
#E5E5E5
;
color
:
#333
;
text-align
:
center
;
line-height
:
.45rem
;
margin-right
:
.2rem
}
.order-detail
.order-top
.t3-box
{
padding-top
:
.2rem
}
.order-detail
.order-top
.t3-box
.t2-gro
{
height
:
.6rem
;
line-height
:
.6rem
;
color
:
#333
}
.order-detail
.order-top
.t3-box
.cp-t
{
display
:
flex
;
border-top
:
1px
solid
#e5e5e5
;
padding-top
:
.32rem
;
margin-top
:
.71rem
;
margin-bottom
:
.71rem
}
.order-detail
.order-top
.t3-box
.cp-t
img
{
width
:
1.07rem
;
height
:
1.07rem
;
border-radius
:
100%
;
margin-right
:
.3rem
}
.order-detail
.order-top
.t3-box
.cp-t
.ri-text
{
color
:
#6F6F6F
;
position
:
relative
}
.order-detail
.order-top
.t3-box
.cp-t
.ri-text
p
{
line-height
:
.6rem
}
.order-detail
.order-top
.show-detail-btn
{
width
:
2.53rem
;
height
:
.61rem
;
background
:
#FFFFFF
;
border-radius
:
.3rem
;
border
:
1px
solid
#D2D2D2
;
text-align
:
center
;
line-height
:
.61rem
;
color
:
#6f6f6f
;
font-size
:
12px
;
margin
:
0
auto
}
.order-detail
.order-top
.show-detail-btn
i
{
font-size
:
12px
;
margin-left
:
.12rem
}
.order-detail
.order-sec
{
width
:
9.6rem
;
margin
:
0
auto
;
margin-top
:
.25rem
}
.order-detail
.order-sec
.oda-group
{
display
:
block
;
padding
:
.47rem
.28rem
;
background
:
#FFFFFF
;
box-shadow
:
0
0
.09rem
0
rgba
(
180
,
202
,
211
,
0.38
);
border-radius
:
.08rem
;
margin-bottom
:
.35rem
}
.order-detail
.order-sec
.oda-group
.title-goods
{
color
:
#333
;
font-size
:
15px
;
margin-bottom
:
.33rem
}
.order-detail
.order-sec
.oda-group
.title-goods
span
{
max-width
:
8rem
;
display
:
inline-block
;
overflow
:
hidden
;
text-overflow
:
ellipsis
;
white-space
:
nowrap
;
vertical-align
:
middle
}
.order-detail
.order-sec
.oda-group
.title-goods
i
{
color
:
#000
;
font-size
:
12px
;
margin-left
:
.33rem
;
position
:
relative
;
top
:
.02rem
}
.order-detail
.order-sec
.oda-group
.attrs
{
color
:
#6F6F6F
;
font-size
:
12px
}
.order-detail
.order-sec
.oda-group
.attrs
.f-333
{
color
:
#333
}
.order-detail
.order-sec
.oda-group
.attrs
.group-trr
{
line-height
:
.66rem
}
.order-detail
.order-sec
.oda-group
.attrs
.group-trr
div
{
width
:
50%
}
.order-detail
.order-footer
{
width
:
9.4rem
;
height
:
1.32rem
;
line-height
:
1.32rem
;
background
:
#FFFFFF
;
border
:
.01rem
solid
#D6D6D6
;
position
:
fixed
;
bottom
:
0px
;
padding-left
:
.6rem
;
left
:
0px
;
color
:
#666
;
font-size
:
12px
}
.order-detail
.order-footer
font
{
color
:
#F3632C
}
.order-detail
.order-footer
span
{
color
:
#F3632C
;
font-weight
:
bold
;
font-size
:
21px
}
.order-detail
.order-footer
.fl
{
width
:
6.32rem
;
height
:
1.32rem
;
overflow
:
hidden
;
white-space
:
nowrap
}
.order-detail
.order-footer
.fr
{
width
:
3.08rem
;
height
:
1.32rem
;
text-align
:
center
;
color
:
#fff
;
background
:
#F3632C
;
font-size
:
18px
}
\ No newline at end of file
.order-detail
{
padding-top
:
.28rem
;
padding-bottom
:
1.32rem
}
.order-detail
.order-top
{
width
:
9.6rem
;
background
:
#FFFFFF
;
box-shadow
:
0
0
.09rem
0
rgba
(
180
,
202
,
211
,
0.38
);
border-radius
:
.08rem
;
margin
:
0
auto
;
padding
:
.28rem
;
padding-bottom
:
.51rem
;
box-sizing
:
border-box
}
.order-detail
.order-top
.t1-box
{
display
:
flex
;
font-size
:
12px
;
padding-bottom
:
.36rem
;
border-bottom
:
1px
solid
#e5e5e5
;
line-height
:
.83rem
}
.order-detail
.order-top
.t1-box
img
{
height
:
.83rem
;
width
:
.83rem
;
margin-right
:
.4rem
}
.order-detail
.order-top
.t1-box
.ordersta
{
height
:
.83rem
;
color
:
#333
}
.order-detail
.order-top
.t1-box
.ordersta
.van-count-down
{
font-size
:
12px
;
color
:
#FF693D
;
display
:
inline
}
.order-detail
.order-top
.t1-box.wl
{
position
:
relative
;
cursor
:
pointer
}
.order-detail
.order-top
.t1-box.wl
.ordersta
{
width
:
6.4rem
;
overflow
:
hidden
;
text-overflow
:
ellipsis
;
white-space
:
nowrap
}
.order-detail
.order-top
.t1-box.wl
i
{
font-size
:
12px
;
color
:
#000
!important
;
position
:
absolute
;
right
:
0
}
.order-detail
.order-top
.t2-box
{
padding-top
:
.4rem
;
line-height
:
.6rem
;
color
:
#6F6F6F
;
font-size
:
12px
;
margin-bottom
:
.1rem
}
.order-detail
.order-top
.t2-box
font
{
display
:
inline-block
;
cursor
:
pointer
;
width
:
1.12rem
;
height
:
.45rem
;
background
:
#F9F9F9
;
border-radius
:
.03rem
;
border
:
.01rem
solid
#E5E5E5
;
color
:
#333
;
text-align
:
center
;
line-height
:
.45rem
;
margin-right
:
.2rem
}
.order-detail
.order-top
.t3-box
{
padding-top
:
.2rem
}
.order-detail
.order-top
.t3-box
.t2-gro
{
height
:
.6rem
;
line-height
:
.6rem
;
color
:
#333
}
.order-detail
.order-top
.t3-box
.cp-t
{
display
:
flex
;
border-top
:
1px
solid
#e5e5e5
;
padding-top
:
.32rem
;
margin-top
:
.71rem
;
margin-bottom
:
.71rem
}
.order-detail
.order-top
.t3-box
.cp-t
img
{
width
:
1.07rem
;
height
:
1.07rem
;
border-radius
:
100%
;
margin-right
:
.3rem
}
.order-detail
.order-top
.t3-box
.cp-t
.ri-text
{
color
:
#6F6F6F
;
position
:
relative
}
.order-detail
.order-top
.t3-box
.cp-t
.ri-text
p
{
line-height
:
.6rem
}
.order-detail
.order-top
.show-detail-btn
{
width
:
2.53rem
;
height
:
.61rem
;
background
:
#FFFFFF
;
border-radius
:
.3rem
;
border
:
1px
solid
#D2D2D2
;
text-align
:
center
;
line-height
:
.61rem
;
color
:
#6f6f6f
;
font-size
:
12px
;
margin
:
0
auto
}
.order-detail
.order-top
.show-detail-btn
i
{
font-size
:
12px
;
margin-left
:
.12rem
}
.order-detail
.order-sec
{
width
:
9.6rem
;
margin
:
0
auto
;
margin-top
:
.25rem
}
.order-detail
.order-sec
.oda-group
{
display
:
block
;
padding
:
.47rem
.28rem
;
background
:
#FFFFFF
;
box-shadow
:
0
0
.09rem
0
rgba
(
180
,
202
,
211
,
0.38
);
border-radius
:
.08rem
;
margin-bottom
:
.35rem
}
.order-detail
.order-sec
.oda-group
.title-goods
{
color
:
#333
;
font-size
:
15px
;
margin-bottom
:
.33rem
}
.order-detail
.order-sec
.oda-group
.title-goods
span
{
max-width
:
8rem
;
display
:
inline-block
;
overflow
:
hidden
;
text-overflow
:
ellipsis
;
white-space
:
nowrap
;
vertical-align
:
middle
}
.order-detail
.order-sec
.oda-group
.title-goods
i
{
color
:
#000
;
font-size
:
12px
;
margin-left
:
.33rem
;
position
:
relative
;
top
:
.02rem
}
.order-detail
.order-sec
.oda-group
.attrs
{
color
:
#6F6F6F
;
font-size
:
12px
}
.order-detail
.order-sec
.oda-group
.attrs
.f-333
{
color
:
#333
}
.order-detail
.order-sec
.oda-group
.attrs
.group-trr
{
line-height
:
.66rem
}
.order-detail
.order-sec
.oda-group
.attrs
.group-trr
div
{
width
:
50%
}
.order-detail
.order-footer
{
width
:
9.4rem
;
height
:
1.32rem
;
line-height
:
1.32rem
;
background
:
#FFFFFF
;
border
:
.01rem
solid
#D6D6D6
;
position
:
fixed
;
bottom
:
0px
;
padding-left
:
.6rem
;
left
:
0px
;
color
:
#666
;
font-size
:
12px
}
.order-detail
.order-footer
font
{
color
:
#F3632C
}
.order-detail
.order-footer
span
{
color
:
#F3632C
;
font-weight
:
bold
;
font-size
:
21px
}
.order-detail
.order-footer
.fl
{
width
:
6.32rem
;
height
:
1.32rem
;
overflow
:
hidden
;
white-space
:
nowrap
}
.order-detail
.order-footer
.fr
{
width
:
3.08rem
;
height
:
1.32rem
;
text-align
:
center
;
color
:
#fff
;
background
:
#F3632C
;
font-size
:
18px
}
\ No newline at end of file
src/views/aboutUs/index.vue
View file @
e1afbf5a
...
...
@@ -58,7 +58,7 @@
</div>
<div
class=
"one-tips"
>
猎芯网(www.ichunt.com)是由深圳市猎芯科技有限公司开发运营,服务于全球元器件产业的一站式采购智慧平台。平台于2015年7月正式上线,目前已获得著名VC经纬中国、微光、五岳华诺、京东战投、海通证券等机构的B+轮投资,是中国快速崛起的电子元器件电商平台。
<br/><br/>
猎芯网现有商品SKU6000万+,国内外合作供应商5000+,深度覆盖半导体产业链,通过整合上下游资源,目前拥有联营
现货、自营库存
、寄售、代购、供应链金融、一站式交付等全链服务。
<br/><br/>
猎芯网现有商品SKU6000万+,国内外合作供应商5000+,深度覆盖半导体产业链,通过整合上下游资源,目前拥有联营
、自营
、寄售、代购、供应链金融、一站式交付等全链服务。
<br/><br/>
依托大数据及深度行业积累,猎芯网拓展出具有前沿优势的AI智能算法BOM报价工具,24小时交付的PCB快板,SMT贴片,国产元器件智能推荐等优质横向服务,能快速满足各类相关企业及研发团队的产品及服务需求。
</div>
<div
class=
"section sec2 about-two"
>
...
...
src/views/user/orderDetail.vue
View file @
e1afbf5a
...
...
@@ -72,8 +72,8 @@
<img
v-if=
"userInfo.user_info.user_head"
:src=
"userInfo.user_info.user_head"
alt=
"猎芯网"
>
<img
v-else
src=
"https://static.ichunt.com/dist/res/home/images/headimg/boy9.png"
alt=
"猎芯网"
>
<div
class=
"ri-text"
>
<p>
{{
userInfo
.
user_info
.
user_name
||
userInfo
.
user_info
.
mobile
}}
;
{{
userInfo
.
user_i
nfo
.
mobile
}}
</p>
<p>
{{
userInfo
.
company_info
.
com_
address
}}
</p>
<p>
{{
orderDetailInfo
.
consignee
}}
;
{{
orderDetailI
nfo
.
mobile
}}
</p>
<p>
{{
orderDetailInfo
.
province_val
+
orderDetailInfo
.
city_val
+
orderDetailInfo
.
district_val
+
orderDetailInfo
.
address
}}
</p>
</div>
</div>
</div>
...
...
src/views/user/shipping.vue
View file @
e1afbf5a
...
...
@@ -13,9 +13,9 @@
<img
v-else
src=
"https://static.ichunt.com/dist/res/home/images/headimg/boy9.png"
alt=
"猎芯网"
>
<div
class=
"ri-text"
>
<p>
{{
userInfo
.
user_info
.
user_name
||
userInfo
.
user_info
.
mobil
e
}}
</p>
<p>
联系电话:
{{
userInfo
.
user_i
nfo
.
mobile
}}
</p>
<p>
{{
userInfo
.
company_info
.
com_address
||
" "
}}
</p>
<p>
{{
orderDetailInfo
.
consigne
e
}}
</p>
<p>
联系电话:
{{
orderDetailI
nfo
.
mobile
}}
</p>
<p>
{{
orderDetailInfo
.
province_val
+
orderDetailInfo
.
city_val
+
orderDetailInfo
.
district_val
+
orderDetailInfo
.
address
}}
</p>
</div>
</div>
<div
class=
"wuliudanhao"
v-if=
"wlInfo"
>
快递单号:
{{
wlInfo
.
shipping_no
}}
<span
@
click=
"copy(wlInfo.shipping_no)"
>
复制
</span></div>
...
...
@@ -52,6 +52,7 @@
...
mapState
({
loading
:
state
=>
state
.
shipping
.
loading
,
wlInfo
:
state
=>
state
.
shipping
.
wlInfo
,
orderDetailInfo
:
state
=>
state
.
orderDetail
.
orderDetailInfo
,
userInfo
:
state
=>
state
.
shipping
.
userInfo
,
})
...
...
@@ -69,6 +70,10 @@
this
.
$store
.
dispatch
({
type
:
"getUserbase"
})
this
.
$store
.
dispatch
({
type
:
"getOrderDetail"
,
order_id
:
this
.
order_id
})
},
methods
:
{
copy
(
text
)
{
...
...
view/23.js
View file @
e1afbf5a
This diff is collapsed.
Click to expand it.
view/47.js
View file @
e1afbf5a
This diff is collapsed.
Click to expand it.
view/5.js
View file @
e1afbf5a
This diff is collapsed.
Click to expand it.
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