Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
G
gs1
Overview
Overview
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
吴迪
gs1
Commits
840d0e44
Commit
840d0e44
authored
Nov 22, 2021
by
林家欣
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
模块的交互效果修改
parent
c849cf12
Show whitespace changes
Inline
Side-by-side
Showing
6 changed files
with
133 additions
and
105 deletions
+133
-105
Health.vue
src/views/News/Health.vue
+3
-1
Logistics.vue
src/views/News/Logistics.vue
+92
-87
PicNews.vue
src/views/News/PicNews.vue
+4
-1
index.vue
src/views/News/index.vue
+12
-2
tools.vue
src/views/Search/tools.vue
+14
-11
book.vue
src/views/Service/book.vue
+8
-3
No files found.
src/views/News/Health.vue
View file @
840d0e44
...
@@ -102,10 +102,12 @@ export default {
...
@@ -102,10 +102,12 @@ export default {
li
{
li
{
width
:
363px
;
width
:
363px
;
background
:
#ffffff
;
background
:
#ffffff
;
box-shadow
:
0px
4px
15px
2px
rgba
(
4
,
64
,
141
,
0.08
);
//
border-radius
:
4px
;
//
border-radius
:
4px
;
margin-bottom
:
30px
;
margin-bottom
:
30px
;
border-top
:
5px
solid
#00B6DE
;
border-top
:
5px
solid
#00B6DE
;
&:hover{
box-shadow
:
0px
4px
15px
2px
rgba
(
4
,
64
,
141
,
0.08
);
}
.health-li-tp
{
.health-li-tp
{
margin-top
:
-1px
;
margin-top
:
-1px
;
}
}
...
...
src/views/News/Logistics.vue
View file @
840d0e44
<
template
>
<
template
>
<div
class=
"container"
>
<div
class=
"container"
>
<breadcrumb
/>
<breadcrumb
/>
<div
class=
"composite"
>
<div
class=
"composite"
>
<div
class=
"title"
>
<div
class=
"title"
>
<p>
物流
</p>
<p>
物流
</p>
</div>
</div>
<p>
商品条码标识系统是在物流供应链中广泛应用的物品标识系统,能够实现上下游企业间信息传递的“无缝”对接。箱码(Case Code)是商品外箱上使用的条码标识,企业在订货、配送、收货、库管、发货、送货及退货等物流过程中扫描箱码后,相关信息便自动记录到企业信息系统中,实现数据的自动采集与分析,从而降低物流成本,提升企业效率。系列货运包装箱代码(SSCC)是为物流单元,如:托盘、集装箱等,提供的唯一标识。在物流配送过程中,企业仅需扫描SSCC,便实现对整个托盘/集装箱产品信息的采集,从而大幅提升供应链效率。
</p>
<p>
<img
src=
"../../assets/image/news/wl1.png"
alt=
""
>
商品条码标识系统是在物流供应链中广泛应用的物品标识系统,能够实现上下游企业间信息传递的“无缝”对接。箱码(Case
Code)是商品外箱上使用的条码标识,企业在订货、配送、收货、库管、发货、送货及退货等物流过程中扫描箱码后,相关信息便自动记录到企业信息系统中,实现数据的自动采集与分析,从而降低物流成本,提升企业效率。系列货运包装箱代码(SSCC)是为物流单元,如:托盘、集装箱等,提供的唯一标识。在物流配送过程中,企业仅需扫描SSCC,便实现对整个托盘/集装箱产品信息的采集,从而大幅提升供应链效率。
</p>
<img
src=
"../../assets/image/news/wl1.png"
alt=
""
/>
</div>
</div>
<div
class=
"row wltp"
>
<div
class=
"row wltp"
>
<div
class=
"col-lg-6"
>
<div
class=
"col-lg-6"
>
<img
src=
"../../assets/image/news/wl2.png"
alt=
""
>
<img
src=
"../../assets/image/news/wl2.png"
alt=
""
/
>
</div>
</div>
<div
class=
"col-lg-6"
>
<div
class=
"col-lg-6"
>
<img
src=
"../../assets/image/news/wl3.png"
alt=
""
>
<img
src=
"../../assets/image/news/wl3.png"
alt=
""
/
>
</div>
</div>
</div>
</div>
<div
class=
"div3"
>
<div
class=
"div3"
>
<div
class=
"div3-img row"
>
<div
class=
"div3-img row"
>
<div
class=
"col-lg-7"
>
<div
class=
"col-lg-7"
>
<img
src=
"../../assets/image/news/wl4.png"
alt=
""
>
<img
src=
"../../assets/image/news/wl4.png"
alt=
""
/
>
</div>
</div>
<div
class=
"div-right col-lg-5"
>
<div
class=
"div-right col-lg-5"
>
<p>
高效 · 便捷 · 互联互通
</p>
<p>
高效 · 便捷 · 互联互通
</p>
<button
type=
"button"
class=
"el-button el-button--primary el-button--small"
>
快消品GS1探索之旅
</button>
<button
type=
"button"
class=
"el-button el-button--primary el-button--small"
>
快消品GS1探索之旅
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class=
"div4"
>
<div
class=
"div4"
>
<div
class=
"row"
>
<div
class=
"row"
>
<div
class=
"col-lg-3
"
v-for=
"(item,
i) in typeList"
:key=
"i"
>
<div
class=
"col-lg-3
"
v-for=
"(item,
i) in typeList"
:key=
"i"
>
<div
class=
"list-style"
>
<div
class=
"list-style"
>
<p
class=
"div4-title"
>
<p
class=
"div4-title"
>
<img
:src=
"item.icon"
alt=
""
/>
<img
:src=
"item.icon"
alt=
""
/>
<span>
{{
item
.
title
}}
</span>
<span>
{{
item
.
title
}}
</span>
</p>
</p>
<ul
>
<ul>
<li
v-for=
"(value,index) in item.list"
:key=
"index"
>
{{
value
.
name
}}
</li>
<li
v-for=
"(value, index) in item.list"
:key=
"index"
>
{{
value
.
name
}}
</li>
</ul>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</
template
>
</
template
>
<
script
>
<
script
>
import
breadcrumb
from
"../comps/breadcrumb.vue"
;
import
breadcrumb
from
"../comps/breadcrumb.vue"
;
import
cate
from
"../comps/cate.vue"
;
import
cate
from
"../comps/cate.vue"
;
export
default
{
export
default
{
...
@@ -57,73 +63,68 @@ export default {
...
@@ -57,73 +63,68 @@ export default {
},
},
data
()
{
data
()
{
return
{
return
{
typeList
:
[
typeList
:[
{
{
icon
:
require
(
"../../assets/image/news/icon_biaozhun.png"
),
icon
:
require
(
"../../assets/image/news/icon_biaozhun.png"
),
title
:
'标准'
,
title
:
"标准"
,
list
:
[
list
:
[
{
{
name
:
'标准标准标准标准标准标准标准标准标准标准标准标准标准标准标准标准'
,
name
:
"标准标准标准标准标准标准标准标准标准标准标准标准标准标准标准标准"
,
},
},
{
{
name
:
'标准标准标准标准标准标准标准标准'
,
name
:
"标准标准标准标准标准标准标准标准"
,
},
},
{
{
name
:
'标准标准标准标准标准标准标准标准'
,
name
:
"标准标准标准标准标准标准标准标准"
,
},
},
],
]
},
},
{
{
icon
:
require
(
"../../assets/image/news/icon_zhinan.png"
),
icon
:
require
(
"../../assets/image/news/icon_zhinan.png"
),
title
:
'指南&案例'
,
title
:
"指南&案例"
,
list
:
[
list
:
[
{
{
name
:
'指南指南指南指南指南指南指南指南'
,
name
:
"指南指南指南指南指南指南指南指南"
,
},
},
{
{
name
:
'指南指南指南指南指南指南指南指南'
,
name
:
"指南指南指南指南指南指南指南指南"
,
},
},
{
{
name
:
'指南指南指南指南指南指南指南指南'
,
name
:
"指南指南指南指南指南指南指南指南"
,
},
},
]
],
},
},
{
{
icon
:
require
(
"../../assets/image/news/icon_zhengce.png"
),
icon
:
require
(
"../../assets/image/news/icon_zhengce.png"
),
title
:
'政策法规&行业资讯'
,
title
:
"政策法规&行业资讯"
,
list
:
[
list
:
[
{
{
name
:
'政策法规政策法规政策法规政策法规'
,
name
:
"政策法规政策法规政策法规政策法规"
,
},
},
{
{
name
:
'政策法规政策法规政策法规政策法规'
,
name
:
"政策法规政策法规政策法规政策法规"
,
},
},
{
{
name
:
'政策法规政策法规政策法规政策法规'
,
name
:
"政策法规政策法规政策法规政策法规"
,
},
},
]
],
},
},
{
{
icon
:
require
(
"../../assets/image/news/icon_changjianwenti.png"
),
icon
:
require
(
"../../assets/image/news/icon_changjianwenti.png"
),
title
:
'常见问题'
,
title
:
"常见问题"
,
list
:
[
list
:
[
{
{
name
:
'常见问题常见问题常见问题常见问题'
,
name
:
"常见问题常见问题常见问题常见问题"
,
},
},
{
{
name
:
'常见问题常见问题常见问题常见问题'
,
name
:
"常见问题常见问题常见问题常见问题"
,
},
},
{
{
name
:
'常见问题常见问题常见问题常见问题'
,
name
:
"常见问题常见问题常见问题常见问题"
,
},
},
]
],
},
},
],
]
};
};
},
},
mounted
()
{
mounted
()
{
...
@@ -134,19 +135,14 @@ export default {
...
@@ -134,19 +135,14 @@ export default {
]);
]);
},
},
methods
:
{},
methods
:
{},
};
};
</
script
>
</
script
>
<
style
lang=
"scss"
scoped
>
<
style
lang=
"scss"
scoped
>
.composite
{
.composite
{
@media
screen
and
(
min-width
:
992px
)
{
@media
screen
and
(
min-width
:
992px
)
{
}
}
@media
screen
and
(
max-width
:
992px
)
{
@media
screen
and
(
max-width
:
992px
)
{
}
}
}
}
</
style
>
</
style
>
<
style
lang=
"scss"
scoped
>
<
style
lang=
"scss"
scoped
>
...
@@ -154,7 +150,7 @@ export default {
...
@@ -154,7 +150,7 @@ export default {
@include
module-box;
@include
module-box;
padding
:
20px
0
;
padding
:
20px
0
;
margin-bottom
:
30px
;
margin-bottom
:
30px
;
.title{
.title
{
font-size
:
18px
;
font-size
:
18px
;
//
font-family
:
PingFangSC-Medium
;
//
font-family
:
PingFangSC-Medium
;
white-space
:
nowrap
;
white-space
:
nowrap
;
...
@@ -162,92 +158,101 @@ export default {
...
@@ -162,92 +158,101 @@ export default {
text-align
:
left
;
text-align
:
left
;
align-self
:
flex-start
;
align-self
:
flex-start
;
margin-left
:
30px
;
margin-left
:
30px
;
border-bottom
:
1px
solid
#F3F3F
3
;
border-bottom
:
1px
solid
#f3f3f
3
;
}
}
>
p
{
>
p
{
margin
:
29px
30px
;
margin
:
29px
30px
;
font-size
:
14px
;
font-size
:
14px
;
color
:
#666666
;
color
:
#666666
;
line-height
:
26px
;
line-height
:
26px
;
}
}
img
{
img
{
width
:
80%
;
width
:
80%
;
margin
:
0
10%
10px
;
margin
:
0
10%
10px
;
}
}
}
}
.wltp
{
.wltp
{
margin-bottom
:
30px
;
margin-bottom
:
30px
;
img{
img
{
width
:
100%
;
width
:
100%
;
}
}
div
{
&:nth-child(1)
{
img
:
hover
{
box-shadow
:
0px
4px
15px
2px
rgba
(
236
,
164
,
34
,
0.2
);
}
}
&
:nth-child
(
2
)
{
img
:
hover
{
box-shadow
:
0px
4px
15px
2px
rgba
(
232
,
86
,
134
,
0.2
);
}
}
}
}
}
.div3
{
.div3
{
@include
module-box;
@include
module-box;
overflow
:
hidden
;
overflow
:
hidden
;
margin-bottom
:
30px
;
margin-bottom
:
30px
;
.div3-img{
.div3-img
{
img{
img
{
width
:
100%
;
width
:
100%
;
}
}
.div-right
{
.div-right
{
text-align
:
center
;
text-align
:
center
;
p{
p
{
color
:
#0
E2C6B
;
color
:
#0
e2c6b
;
font-size
:
26px
;
font-size
:
26px
;
text-align
:
center
;
text-align
:
center
;
margin-top
:
20%
;
margin-top
:
20%
;
margin-bottom
:
20px
;
margin-bottom
:
20px
;
}
}
button
{
button
{
height
:
40px
;
border-radius
:
2px
;
height
:
40px
;
border-radius
:
2px
;
font-size
:
16px
;
font-size
:
16px
;
margin
:
0
auto
;
margin
:
0
auto
;
padding
:
0
20%
;
padding
:
0
20%
;
margin-bottom
:
20%
;
margin-bottom
:
20%
;
}
}
}
}
}
}
}
}
.div4
{
.div4
{
margin-bottom
:
30px
;
margin-bottom
:
30px
;
.list-style{
.list-style
{
background
:
#fff
;
background
:
#fff
;
border-top
:
5px
solid
#22
BCB
9
;
border-top
:
5px
solid
#22
bcb
9
;
.div4-title{
.div4-title
{
height
:
50px
;
height
:
50px
;
color
:
#22
BCB
9
;
color
:
#22
bcb
9
;
font-size
:
16px
;
font-size
:
16px
;
padding
:
0
20px
;
padding
:
0
20px
;
border-bottom
:
1px
solid
#
C5D8EE
;
border-bottom
:
1px
solid
#
c5d8ee
;
margin-bottom
:
0
;
margin-bottom
:
0
;
img{
img
{
width
:
14px
;
width
:
14px
;
height
:
16px
;
height
:
16px
;
margin-right
:
10px
;
margin-right
:
10px
;
}
}
span
{
span
{
line-height
:
50px
;
line-height
:
50px
;
}
}
}
}
ul
{
ul
{
padding
:
10px
20px
;
padding
:
10px
20px
;
li
{
li
{
color
:
#414345
;
color
:
#414345
;
font-size
:
14px
;
font-size
:
14px
;
line-height
:
40px
;
line-height
:
40px
;
overflow
:
hidden
;
overflow
:
hidden
;
text-overflow
:
ellipsis
;
text-overflow
:
ellipsis
;
white-space
:
nowrap
;
white-space
:
nowrap
;
}
}
li
::before
{
li
::before
{
content
:
"●"
;
content
:
"●"
;
color
:
#22BCB
9
;
color
:
#22bcb
9
;
margin-right
:
10px
;
margin-right
:
10px
;
}
}
}
}
}
}
}
}
...
...
src/views/News/PicNews.vue
View file @
840d0e44
...
@@ -96,9 +96,12 @@ export default {
...
@@ -96,9 +96,12 @@ export default {
li
{
li
{
width
:
216px
;
width
:
216px
;
background
:
#ffffff
;
background
:
#ffffff
;
box-shadow
:
0px
4px
15px
2px
rgba
(
4
,
64
,
141
,
0.08
);
border-radius
:
4px
;
border-radius
:
4px
;
margin-bottom
:
30px
;
margin-bottom
:
30px
;
cursor
:
pointer
;
&:hover{
box-shadow
:
0px
4px
15px
2px
rgba
(
4
,
64
,
141
,
0.08
);
}
img
{
img
{
width
:
100%
;
width
:
100%
;
}
}
...
...
src/views/News/index.vue
View file @
840d0e44
...
@@ -356,8 +356,11 @@ export default {
...
@@ -356,8 +356,11 @@ export default {
.tpzx-li
{
.tpzx-li
{
width
:
216px
;
width
:
216px
;
background
:
#ffffff
;
background
:
#ffffff
;
box-shadow
:
0px
4px
15px
2px
rgba
(
4
,
64
,
141
,
0.08
);
border-radius
:
4px
;
border-radius
:
4px
;
&:hover{
box-shadow
:
0px
4px
15px
2px
rgba
(
4
,
64
,
141
,
0.08
);
cursor
:
pointer
;
}
img
{
img
{
width
:
100%
;
width
:
100%
;
}
}
...
@@ -385,8 +388,10 @@ export default {
...
@@ -385,8 +388,10 @@ export default {
padding
:
20px
0
40px
0
;
padding
:
20px
0
40px
0
;
.two-kj
{
.two-kj
{
background
:
#ffffff
;
background
:
#ffffff
;
&:hover{
box-shadow
:
0px
4px
15px
2px
rgba
(
4
,
64
,
141
,
0.08
);
box-shadow
:
0px
4px
15px
2px
rgba
(
4
,
64
,
141
,
0.08
);
}
}
}
.zxhd
{
.zxhd
{
.two-kj
{
.two-kj
{
border-left
:
4px
solid
#f26335
;
border-left
:
4px
solid
#f26335
;
...
@@ -428,8 +433,13 @@ export default {
...
@@ -428,8 +433,13 @@ export default {
>
li
{
>
li
{
display
:
flex
;
display
:
flex
;
background
:
#ffffff
;
background
:
#ffffff
;
box-shadow
:
0px
4px
15px
2px
rgba
(
4
,
64
,
141
,
0.08
);
margin
:
20px
0
;
margin
:
20px
0
;
cursor
:
pointer
;
padding
:
2px
;
box-sizing
:
border-box
;
&:hover{
box-shadow
:
0px
4px
15px
2px
rgba
(
4
,
64
,
141
,
0.08
);
}
.four-li-left
{
.four-li-left
{
background
:
#f0f0f0
;
background
:
#f0f0f0
;
display
:
flex
;
display
:
flex
;
...
...
src/views/Search/tools.vue
View file @
840d0e44
...
@@ -2,12 +2,14 @@
...
@@ -2,12 +2,14 @@
<div
class=
"search-tools_s"
>
<div
class=
"search-tools_s"
>
<div
class=
"title"
>
条码信息查询
</div>
<div
class=
"title"
>
条码信息查询
</div>
<div
class=
"tools-wrapper clearfix"
>
<div
class=
"tools-wrapper clearfix"
>
<div
class=
"tool-card"
<div
class=
"tool-card"
v-for=
"item in tool"
v-for=
"item in tool"
:key=
"item.name"
:key=
"item.name"
@
click=
"$router.push(
{path:item.path})">
@
click=
"$router.push(
{ path: item.path })"
>
<div
class=
"tool-img"
>
<div
class=
"tool-img"
>
<img
:src=
"item.img"
alt=
""
/>
<img
:src=
"item.img"
alt=
""
/>
</div>
</div>
<div
class=
"tool-name"
>
<div
class=
"tool-name"
>
{{
item
.
name
}}
{{
item
.
name
}}
...
@@ -16,11 +18,11 @@
...
@@ -16,11 +18,11 @@
<div
class=
"tool-card"
@
click=
"window.open('http://www.chinatrace.org/')"
>
<div
class=
"tool-card"
@
click=
"window.open('http://www.chinatrace.org/')"
>
<div
class=
"tool-img"
>
<div
class=
"tool-img"
>
<img
src=
"./img/pic_tiaomashuisu.png"
alt=
""
/>
<img
src=
"./img/pic_tiaomashuisu.png"
alt=
""
/>
</div>
</div>
<div
class=
"tool-name y-center zs-card"
>
<div
class=
"tool-name y-center zs-card"
>
<div><img
src=
"./img/icon_android.png"
alt=
""
/>
Android
</div>
<div><img
src=
"./img/icon_android.png"
alt=
""
/>
Android
</div>
<div><img
src=
"./img/icon_iphone.png"
alt=
""
/>
Iphone
</div>
<div><img
src=
"./img/icon_iphone.png"
alt=
""
/>
Iphone
</div>
</div>
</div>
</div>
</div>
</div>
</div>
...
@@ -35,17 +37,17 @@ export default {
...
@@ -35,17 +37,17 @@ export default {
{
{
name
:
"境内商品条码信息查询"
,
name
:
"境内商品条码信息查询"
,
img
:
require
(
"./img/pic_guoneitiaoma.png"
),
img
:
require
(
"./img/pic_guoneitiaoma.png"
),
path
:
'/search/internal'
path
:
"/search/internal"
,
},
},
{
{
name
:
"缩短码查询"
,
name
:
"缩短码查询"
,
img
:
require
(
"./img/pic_suoduanma.png"
),
img
:
require
(
"./img/pic_suoduanma.png"
),
path
:
'/search/shortcode'
path
:
"/search/shortcode"
,
},
},
{
{
name
:
"境外商品条码信息查询"
,
name
:
"境外商品条码信息查询"
,
img
:
require
(
"./img/pic_jingwaishangpin.png"
),
img
:
require
(
"./img/pic_jingwaishangpin.png"
),
path
:
'/search/external'
path
:
"/search/external"
,
},
},
// {name:'',img:require('./img/pic_tiaomazhuisu.png')}
// {name:'',img:require('./img/pic_tiaomazhuisu.png')}
],
],
...
@@ -80,7 +82,9 @@ export default {
...
@@ -80,7 +82,9 @@ export default {
float
:
left
;
float
:
left
;
margin-right
:
30px
;
margin-right
:
30px
;
margin-bottom
:
30px
;
margin-bottom
:
30px
;
&:hover{
box-shadow
:
0px
4px
15px
2px
rgba
(
4
,
64
,
141
,
0.12
);
}
.tool-img
{
.tool-img
{
height
:
145px
;
height
:
145px
;
...
@@ -115,5 +119,4 @@ export default {
...
@@ -115,5 +119,4 @@ export default {
}
}
}
}
}
}
</
style
>
</
style
>
src/views/Service/book.vue
View file @
840d0e44
...
@@ -128,11 +128,13 @@ export default {
...
@@ -128,11 +128,13 @@ export default {
display
:
flex
;
display
:
flex
;
height
:
190px
;
height
:
190px
;
background
:
#FFFFFF
;
background
:
#FFFFFF
;
box-shadow
:
0
4px
15px
2px
rgba
(
4
,
64
,
141
,
0.08
);
border-radius
:
2px
;
border-radius
:
2px
;
border
:
1px
solid
rgba
(
197
,
216
,
238
,
0.5
);
border
:
1px
solid
rgba
(
197
,
216
,
238
,
0.5
);
margin-bottom
:
30px
;
margin-bottom
:
30px
;
cursor
:
pointer
;
&:hover{
box-shadow
:
0
4px
15px
2px
rgba
(
4
,
64
,
141
,
0.08
);
}
.book-img
{
.book-img
{
display
:
flex
;
display
:
flex
;
align-items
:
center
;
align-items
:
center
;
...
@@ -180,7 +182,10 @@ export default {
...
@@ -180,7 +182,10 @@ export default {
border-radius
:
2px
;
border-radius
:
2px
;
border
:
1px
solid
rgba
(
197
,
216
,
238
,
0.5
);
border
:
1px
solid
rgba
(
197
,
216
,
238
,
0.5
);
margin-bottom
:
30px
;
margin-bottom
:
30px
;
cursor
:
pointer
;
&:hover{
box-shadow
:
0px
4px
15px
2px
rgba
(
4
,
64
,
141
,
0.08
);
}
.app-img
{
.app-img
{
display
:
flex
;
display
:
flex
;
align-items
:
center
;
align-items
:
center
;
...
...
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