Skip to content

G
gs1
Commit b20db053 by Tang
Options

feat: 路由优化，添加关于我们板块页面

parent 5c6f8df1
Showing with 271 additions and 0 deletions
src/assets/css/_base.scss
......@@ -500,6 +500,12 @@
justify-content: center;
}
.center{
display: flex;
justify-content: center;
align-items: center;
}
@media screen and (max-width: 992px) {
.marginTopLg20 {
margin-top: 20px;
......
src/components/layout/header/index.vue
......@@ -225,6 +225,7 @@ export default {
}
> a {
display: inline-block;
position: relative;
font-size: 14px;
font-weight: bold;
......
src/router/service.js 0 → 100644
import main from "_c/main";
export const service = {
// 查询中心
path: "/Service",
name: "Service",
component: main,
redirect: "/Service/BarcodeV",
meta: {
name: "服务中心",
},
children: [
{
path: "/",
component: () => import("@/views/Service/index"),
children: [
{
path: "BarcodeV",
component: () => import("@/views/Service/barcodeV"),
meta: {
name: "条码微站",
},
},
{
path: "Book",
component: () => import("@/views/Service/book"),
meta: {
name: "软件下载",
},
},
// 条码/RFID/软件检测服务 Start
{
path: "jcyxz/Barcode",
component: () => import("@/views/Service/barcode"),
meta: {
name: "一维和二维条码符号检测",
},
},
{
path: "jcyxz/facility",
component: () => import("@/views/Service/facility"),
meta: {
name: "条码设备检测",
},
},
{
path: "jcyxz/instrument",
component: () => import("@/views/Service/instrument"),
meta: {
name: "条码检测仪校准与检定",
},
},
{
path: "jcyxz/RFID",
component: () => import("@/views/Service/RFID"),
meta: {
name: "射频识别（RFID）测试与认证",
},
},
{
path: "jcyxz/Software",
component: () => import("@/views/Service/software"),
meta: {
name: "软件产品检测",
},
},
{
path: "jcyxz/QC",
component: () => import("@/views/Service/QC"),
meta: {
name: "质检中心",
},
},
// 条码/RFID/软件检测服务 End
// 标准服务提供商 Start
{
path: "Partners/index",
component: () => import("@/views/Service/Partners/index"),
meta: {
name: "关于我们",
},
},
// 标准服务提供商 End
],
},
],
};
src/views/Service/Partners/index.vue 0 → 100644
<template>
<div class="search-content n-service partners-index">
<div class="title">关于我们</div>
<div class="body" style="padding-top: 9px;position: relative;">
<img class="img-1_" src="../img/GS1ChinaLogo.jpeg" align="left" alt=""/>
<p>
GS1标准服务提供商项目（GS1 Solution Provider)
,旨在吸纳各个领域的优质服务机构成为GS1标准的解决方案提供商。本项目致力于构建“GS1标准服务提供商”、商品条码系统成员和GS1用户为一体的生态圈。通过解决方案提供商，帮助系统成员用好GS1标准，打通GS1标准应用的“最后一公里”。
</p>
<div class="row link-notice">
<div class="col-lg-6">
<div class="pointer notice " @click="handleToBe">
<img src="../img/online1.jpeg" alt="">
<p>我要成为GS1标准服务提供商</p>
</div>
</div>
<div class="col-lg-6">
<div class="pointer notice" @click="handleToFind">
<img src="../img/online2.jpeg" alt="">
<p>我要查找GS1标准服务提供商</p>
</div>
</div>
</div>
<h5 style="text-align: center;margin: 40px 0 10px">解决方案服务商案例</h5>
<div id="partners-index-carousel" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-indicators">
<button type="button" data-bs-target="#partners-index-carousel" data-bs-slide-to="0" class="active"
aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#partners-index-carousel" data-bs-slide-to="1"
aria-label="Slide 2"></button>
<button type="button" data-bs-target="#partners-index-carousel" data-bs-slide-to="2"
aria-label="Slide 3"></button>
</div>
<div class="carousel-inner">
<div class="carousel-item active">
<div class="row">
<div class="col-lg-6 center">
<img src="../img/case2.jpeg" alt="">
</div>
<div class="col-lg-6" style="padding-top: 15px;padding-bottom: 15px;color:#248ece;">
<div style="font-size: 18px;padding: 8px 0;border-bottom: 1px solid #248ece;">医疗</div>
<div style="margin-top: 15px;margin-bottom: 15px;"><span style="">汇集医疗领域的优质解决方案服务商，以优质的技术和服务，为用户解决GS1编码的“最后一公里”问题。</span>
</div>
<div class="text-right"><a href="/Service/Partners/CaseHealthcare.aspx">更多»</a></div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="row">
<div class="col-lg-6 center">
<img src="../img/case1.jpeg" alt="">
</div>
<div class="col-lg-6" style="padding-top: 15px;padding-bottom: 15px;color:#248ece;">
<div style="font-size: 18px;padding: 8px 0;border-bottom: 1px solid #248ece;">食品安全追溯</div>
<div style="margin-top: 15px;margin-bottom: 15px;text-align: center;"><span style="line-height: 40px;">正在建设中...</span>
</div>
<div class="text-right"><a href="/Service/Partners/Case">更多»</a></div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="row">
<div class="col-lg-6 center">
<img src="../img/case3.jpeg" alt="">
</div>
<div class="col-lg-6" style="padding-top: 15px;padding-bottom: 15px;color:#248ece;">
<div style="font-size: 18px;padding: 8px 0;border-bottom: 1px solid #248ece;">物流</div>
<div style="margin-top: 15px;margin-bottom: 15px;text-align: center;"><span style="line-height: 40px;">正在建设中...</span>
</div>
<div class="text-right"><a href="/Service/Partners/Case">更多»</a></div>
</div>
</div>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#partners-index-carousel"
data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#partners-index-carousel"
data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</div>
</div>
</template>
<script>
export default {
methods: {
handleToBe() {
this.$router.push({path: '/Service/Partners/Join'})
},
handleToFind() {
this.$router.push({path: '/Service/Partners/List'})
},
},
};
</script>
<style lang="scss">
.n-service.partners-index {
.img-1_ {
width: 300px;
margin: 0 10px 10px 0;
}
.link-notice {
padding-top: 20px;
margin: 50px 0 0;
border-top: 1px solid #ccc;
width: 100%;
.notice {
text-align: center;
margin: 0 0 15px;
padding: 0 0 10px;
img {
max-width: 90%;
max-height: 100%;
}
p {
font-weight: bold;
font-size: 14px;
color: #454545;
}
}
}
p {
font-family: PingFangSC-Regular, PingFang SC;
margin: 10px 0;
font-size: 14px;
font-weight: 400;
color: #414345;
text-indent: 2em;
}
.barcodev-title {
display: inline-block;
font-size: 16px;
font-weight: 500;
color: #F26335;
margin: 10px 0;
}
}
#partners-index-carousel {
.carousel-control-prev, .carousel-control-next {
width: 50px;
}
.text-right {
text-align: right;
}
.row {
min-height: 280px;
padding: 20px 50px;
background-color: #ef9fba;
img {
max-width: 90%;
text-align: center;
}
}
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment