Commit c5807c9c by ahxiangkui

liwj提交

parent 0926b902
...@@ -106,7 +106,7 @@ summary { ...@@ -106,7 +106,7 @@ summary {
.col-md-2, .col-md-2,
.col-lg-2, .col-lg-2,
.col-xs-3, .col-xs-3,
.col-sm-3, .col-lsm-3,
.col-md-3, .col-md-3,
.col-lg-3, .col-lg-3,
.col-xs-4, .col-xs-4,
...@@ -130,7 +130,7 @@ summary { ...@@ -130,7 +130,7 @@ summary {
.col-md-8, .col-md-8,
.col-lg-8, .col-lg-8,
.col-xs-9, .col-xs-9,
.col-sm-9, .col-lsm-9,
.col-md-9, .col-md-9,
.col-lg-9, .col-lg-9,
.col-xs-10, .col-xs-10,
...@@ -492,18 +492,17 @@ small, ...@@ -492,18 +492,17 @@ small,
} }
@media (min-width: 768px) { @media (min-width: 768px) {
.col-sm-1, .col-sm-1,
.col-sm-2, .col-sm-2,
.col-sm-3, .col-lsm-3,
.col-sm-4, .col-sm-4,
.col-sm-5, .col-sm-5,
.col-sm-6, .col-sm-6,
.col-sm-7, .col-sm-7,
.col-sm-8, .col-sm-8,
.col-sm-9, .col-lsm-9,
.col-sm-10, .col-sm-10,
.col-sm-11, .col-sm-11,
.col-sm-12 { .col-sm-12 {
...@@ -522,6 +521,14 @@ small, ...@@ -522,6 +521,14 @@ small,
float: left; float: left;
margin: 0; margin: 0;
} }
.col-lsm-9 {
width: 75%;
}
.col-lsm-3 {
width: 25%;
}
} }
@media (min-width: 992px) { @media (min-width: 992px) {
...@@ -565,10 +572,6 @@ small, ...@@ -565,10 +572,6 @@ small,
width: 970px; width: 970px;
} }
.toolkit .carousel-inner .item .carousel-glyph {
display: none;
}
.banner { .banner {
height: 400px; height: 400px;
...@@ -589,3 +592,9 @@ small, ...@@ -589,3 +592,9 @@ small,
width: 1170px; width: 1170px;
} }
} }
@media (max-width: 996px) {
.englishToolkit .slick-list .item .carousel-glyph {
display: none;
}
}
\ No newline at end of file
...@@ -41,6 +41,8 @@ ...@@ -41,6 +41,8 @@
background: rgba(0, 0, 0, 0.15); background: rgba(0, 0, 0, 0.15);
height: 42px; height: 42px;
line-height: 42px; line-height: 42px;
bottom: -20px !important; position: absolute;
z-index: 99;
width: 100%;
} }
} }
\ No newline at end of file
<template> <template>
<div class="header-btn move-btn"> <div class="header-btn move-btn header-btn-english">
<el-button v-if="!user" type="primary" style="padding: 9px 30px;margin-right: 6px" size="small" <a href="http://www.gs1.org/search/gss" target="_blank">
@click="handleToLogin">注册/登录 <el-button type="primary" style="padding: 9px 30px;margin-right: 6px" size="small">Search
</el-button> </el-button>
<el-button v-else type="primary" style="padding: 9px 30px;margin-right: 6px" size="small" @click="handleExit">退出登录 </a>
</el-button>
<!-- Toggler -->
<button class="navbar-toggler collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-default">
<i class="bi-list"></i>
</span>
<span class="navbar-toggler-toggled">
<i class="bi-x"></i>
</span>
</button>
<!-- End Toggler -->
</div> </div>
</template> </template>
<script> <script>
export default { export default {
name: "HeaderBtn", name: "HeaderBtn",
data() { data () {
return { return {
user: null user: null
} }
}, },
methods: { methods: {
handleToLogin() {
this.$router.push({path: "/login"});
},
handleExit() {
localStorage.removeItem('loginInfo')
localStorage.removeItem('TOKEN')
localStorage.removeItem('gs-user')
// this.$router.push({path: "/"})
location.href = '/'
this.user = null
}
}, },
created() { created () {
this.user = localStorage.getItem('loginInfo') ? JSON.parse(localStorage.getItem('loginInfo')) : null this.user = localStorage.getItem('loginInfo') ? JSON.parse(localStorage.getItem('loginInfo')) : null
}, },
} }
</script> </script>
<style lang="scss"> <style lang="scss" scoped>
.header-btn { .header-btn {
button { button {
&:hover { &:hover {
background: #CC3C0F; background: #cc3c0f;
} }
} }
} }
......
<template> <template>
<div class="container d-none d-xl-block d-lg-block"> <div class="container d-none d-xl-block d-lg-block">
<div class="top-banner"> <div class="top-banner">
<!-- <div>全球商业语言</div> <div>全球商业语言</div>
<div class="top-banner-item language"> <div class="top-banner-item language">
<el-dropdown class="language-dropdown"> <el-dropdown class="language-dropdown" @command="handleClick">
<span class="el-dropdown-link"> <span class="el-dropdown-link">
中文<i class="el-icon-arrow-down el-icon--right"></i> {{languageTxt}}<i class="el-icon-arrow-down el-icon--right"></i>
</span> </span>
<el-dropdown-menu slot="dropdown" class="language-dropdown-menu"> <el-dropdown-menu slot="dropdown" class="language-dropdown-menu">
<el-dropdown-item>中文</el-dropdown-item> <el-dropdown-item command="中文">中文</el-dropdown-item>
<el-dropdown-item>英文</el-dropdown-item> <el-dropdown-item command="英文">英文</el-dropdown-item>
</el-dropdown-menu> </el-dropdown-menu>
</el-dropdown> </el-dropdown>
</div> --> </div>
<div class="top-banner-item tb-hover">咨询电话:400-7000-690</div> <div class="top-banner-item tb-hover">咨询电话:400-7000-690</div>
<div class="top-banner-item"> <div class="top-banner-item">
<img src="../../assets/image/head/wx.png" alt=""/> <img src="../../assets/image/head/wx.png" alt="" />
<a <a class="tb-hover" target="_blank" :href="`${urls.ancc}gs1cnweixin.aspx`">官方微信</a>
class="tb-hover"
target="_blank"
:href="`${urls.ancc}gs1cnweixin.aspx`"
>官方微信</a
>
</div> </div>
<div class="top-banner-item"> <div class="top-banner-item">
<img src="../../assets/image/head/xlwb.png" alt=""/> <img src="../../assets/image/head/xlwb.png" alt="" />
<a class="tb-hover" target="_blank" href="https://weibo.com/gs1cn" <a class="tb-hover" target="_blank" href="https://weibo.com/gs1cn">官方微博</a>
>官方微博</a
>
</div> </div>
<div class="top-banner-item tb-hover" @click="handleSearch"> <div class="top-banner-item tb-hover" @click="handleSearch">
<img src="../../assets/image/head/search.png" alt=""/> <img src="../../assets/image/head/search.png" alt="" />
</div> </div>
<!-- <span @click="toAdmin" style="cursor: pointer;margin-left: 4px" v-if="user.username">{{ user.username }}</span>--> <!-- <span @click="toAdmin" style="cursor: pointer;margin-left: 4px" v-if="user.username">{{ user.username }}</span>-->
<img v-if="user.username" @click="toAdmin" style="width:22px;cursor: pointer;margin-left: 20px" <img v-if="user.username" @click="toAdmin" style="width:22px;cursor: pointer;margin-left: 20px"
...@@ -40,41 +33,54 @@ ...@@ -40,41 +33,54 @@
</template> </template>
<script> <script>
import {mapState} from "vuex"; import { mapState } from "vuex";
export default { export default {
name: "topBanner", name: "topBanner",
computed: { computed: {
...mapState(["urls"]), ...mapState(["urls"]),
}, },
created() { created () {
this.user = localStorage.getItem('loginInfo') ? JSON.parse(localStorage.getItem('loginInfo')) : {} this.user = localStorage.getItem('loginInfo') ? JSON.parse(localStorage.getItem('loginInfo')) : {}
console.log(this.user) console.log(this.user)
}, },
data() { data () {
return { return {
user: {} user: {},
languageTxt: '中文'
} }
}, },
methods: { methods: {
toAdmin() { toAdmin () {
if ((this.user.userType === 1 && this.user.isXT !== 1) || (this.user.userType === 2 && this.user.isXT !== 1) || (this.user.userType === 3 && this.user.levels === null)) { if ((this.user.userType === 1 && this.user.isXT !== 1) || (this.user.userType === 2 && this.user.isXT !== 1) || (this.user.userType === 3 && this.user.levels === null)) {
this.$router.push({path: '/MyManage/UnVerify/index'}) this.$router.push({ path: '/MyManage/UnVerify/index' })
} else if (this.user.isXT === 1) { } else if (this.user.isXT === 1) {
this.$router.push({path: '/MyManage/SystemMember/index'}) this.$router.push({ path: '/MyManage/SystemMember/index' })
} else if (this.user.levels === 0) { } else if (this.user.levels === 0) {
this.$router.push({path: '/MyManage/admin/check'}) this.$router.push({ path: '/MyManage/admin/check' })
} else if (this.user.levels === 1) { } else if (this.user.levels === 1) {
this.$router.push({path: '/MyManage/admin/check'}) this.$router.push({ path: '/MyManage/admin/check' })
} else if (String(this.user.levels).length === 4) { } else if (String(this.user.levels).length === 4) {
this.$router.push({path: '/MyManage/admin/check'}) this.$router.push({ path: '/MyManage/admin/check' })
} }
}, },
handleSearch() { handleSearch () {
this.$router.push({ this.$router.push({
path: "/Home/sousuo", path: "/Home/sousuo",
}); });
}, },
handleClick (val) {
this.languageTxt = val
if (val == '中文') {
this.$router.push({
path: "/Home",
});
} else {
this.$router.push({
path: "/EnglishHome",
});
}
}
}, },
}; };
</script> </script>
......
...@@ -17,8 +17,8 @@ ...@@ -17,8 +17,8 @@
<div class="col-xs-12"> <div class="col-xs-12">
<img src="@/assets/image/english/1.jpg" class="img-responsive"></div> <img src="@/assets/image/english/1.jpg" class="img-responsive"></div>
<div class="col-xs-12"> <div class="col-xs-12">
<p style="line-height: 28px; padding: 22px; font-size: 14px"> <p class="pStyle">
In order to address to the domestic demand of healthcare safety, GS1 China strengthened 111In order to address to the domestic demand of healthcare safety, GS1 China strengthened
and broadened the use of barcode technology in the healthcare sector in 2007, and and broadened the use of barcode technology in the healthcare sector in 2007, and
established Healthcare Workgroup in 2008 consists of staff from 20 branches all established Healthcare Workgroup in 2008 consists of staff from 20 branches all
around China. There are several projects including “Implantable medical device traceability around China. There are several projects including “Implantable medical device traceability
...@@ -39,7 +39,7 @@ ...@@ -39,7 +39,7 @@
<img src="@/assets/image/english/2.jpg" class="img-responsive"> <img src="@/assets/image/english/2.jpg" class="img-responsive">
<div class="col-xs-12"> <div class="col-xs-12">
</div> </div>
<p style="line-height: 28px; padding: 22px; font-size: 14px"> <p class="pStyle">
Barcode applications have been extended to the food safety area with great efforts Barcode applications have been extended to the food safety area with great efforts
and a number of food safety tracking and tracing system demonstrations have been and a number of food safety tracking and tracing system demonstrations have been
established on a range of products such as Shandong seafood, Xinjiang cantaloupe, established on a range of products such as Shandong seafood, Xinjiang cantaloupe,
...@@ -131,4 +131,9 @@ export default { ...@@ -131,4 +131,9 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "@/assets/css/english"; @import "@/assets/css/english";
.pStyle {
line-height: 28px !important;
padding: 22px;
font-size: 14px !important;
}
</style> </style>
...@@ -16,7 +16,7 @@ ...@@ -16,7 +16,7 @@
<section> <section>
<h1>Commodity Barcode</h1> <h1>Commodity Barcode</h1>
<div class="row"> <div class="row">
<div class="col-sm-9" style="background-color:#FFF;border-top: 7px solid #f16333"> <div class="col-lsm-9" style="background-color:#FFF;border-top: 7px solid #f16333">
<h4 style="color: #f16333; border-bottom: none; padding-top:30px"> <h4 style="color: #f16333; border-bottom: none; padding-top:30px">
What are Barcodes</h4> What are Barcodes</h4>
<table align="left" dir="rtl" style="width:200px"> <table align="left" dir="rtl" style="width:200px">
...@@ -58,7 +58,7 @@ ...@@ -58,7 +58,7 @@
must contact GS1 China or its branches. We will provide you with a GS1 Company Prefix must contact GS1 China or its branches. We will provide you with a GS1 Company Prefix
and the specifications.</p> and the specifications.</p>
</div> </div>
<div class="col-sm-3"> <div class="col-lsm-3">
<div class="content-module-wrapper" style="border-top: 7px solid #002c6c"> <div class="content-module-wrapper" style="border-top: 7px solid #002c6c">
</div> </div>
<div class="content-module content-module-padding"> <div class="content-module content-module-padding">
......
...@@ -16,7 +16,7 @@ ...@@ -16,7 +16,7 @@
<section> <section>
<div class="row"> <div class="row">
<div class="col-sm-9"> <div class="col-lsm-9">
<h1 style="margin-bottom: 35px">Contact Us</h1> <h1 style="margin-bottom: 35px">Contact Us</h1>
<div class="content-module-wrapper" style="border-top: 7px solid #f26334"></div> <div class="content-module-wrapper" style="border-top: 7px solid #f26334"></div>
<div class="content-module content-module-padding" style="padding: 0px; background-color: #fff"> <div class="content-module content-module-padding" style="padding: 0px; background-color: #fff">
...@@ -48,7 +48,7 @@ ...@@ -48,7 +48,7 @@
</p> </p>
</div> </div>
</div> </div>
<div class="col-sm-3" style="padding-top: 59px"> <div class="col-lsm-3" style="padding-top: 59px">
<div class="content-module-container"> <div class="content-module-container">
<h4></h4> <h4></h4>
<div class="content-module-wrapper" style="border-top: 7px solid #7ac143"></div> <div class="content-module-wrapper" style="border-top: 7px solid #7ac143"></div>
...@@ -86,7 +86,7 @@ export default { ...@@ -86,7 +86,7 @@ export default {
return { return {
map: { map: {
label: "GS1 China", label: "GS1 China",
center: { lng: 116.415108, lat: 39.961695 }, center: { lng: 116.415256, lat: 39.961205 },
zoom: 16, zoom: 16,
show: false, show: false,
}, },
......
...@@ -16,7 +16,7 @@ ...@@ -16,7 +16,7 @@
<section> <section>
<h1>ECommerce</h1> <h1>ECommerce</h1>
<div class="row"> <div class="row">
<div class="col-sm-9"> <div class="col-lsm-9">
<p class="small" style="padding-top: 20px; line-height:30px"> <p class="small" style="padding-top: 20px; line-height:30px">
The uniform product coding identification is not only an ID card for the products; it also can promote the The uniform product coding identification is not only an ID card for the products; it also can promote the
supply chain be visibility in each logistic point. It can provide the efficiency solutions for the issues supply chain be visibility in each logistic point. It can provide the efficiency solutions for the issues
...@@ -47,7 +47,7 @@ ...@@ -47,7 +47,7 @@
information, share data, monitor and construct trusted e-commerce environment. </p> information, share data, monitor and construct trusted e-commerce environment. </p>
</div> </div>
<div class="col-sm-3" style="padding-top:30px"> <div class="col-lsm-3" style="padding-top:30px">
<div class="content-module-wrapper" style="border-top: 7px solid #002c6c"> <div class="content-module-wrapper" style="border-top: 7px solid #002c6c">
</div> </div>
<div class="content-module content-module-padding"> <div class="content-module content-module-padding">
......
...@@ -16,7 +16,7 @@ ...@@ -16,7 +16,7 @@
<section> <section>
<h1>EPC</h1> <h1>EPC</h1>
<div class="row"> <div class="row">
<div class="col-sm-9" style="background-color:#FFF;border-top: 7px solid #f16333"> <div class="col-lsm-9" style="background-color:#FFF;border-top: 7px solid #f16333">
<img src="@/assets/image/english/EPC.jpg" alt="" class="img-responsive" <img src="@/assets/image/english/EPC.jpg" alt="" class="img-responsive"
style="padding: 45px; padding-bottom:15px"> style="padding: 45px; padding-bottom:15px">
<p class="small" style="padding:25px; line-height:35px; padding-bottom:5px"> <p class="small" style="padding:25px; line-height:35px; padding-bottom:5px">
...@@ -34,7 +34,7 @@ ...@@ -34,7 +34,7 @@
assigned with EPC Manager Numbers. assigned with EPC Manager Numbers.
</p> </p>
</div> </div>
<div class="col-sm-3"> <div class="col-lsm-3">
<div class="content-module-wrapper" style="border-top: 7px solid #002c6c"> <div class="content-module-wrapper" style="border-top: 7px solid #002c6c">
</div> </div>
<div class="content-module content-module-padding"> <div class="content-module content-module-padding">
......
...@@ -16,7 +16,7 @@ ...@@ -16,7 +16,7 @@
<section> <section>
<h1>Global Data Synchronisation Network(GDSN)</h1> <h1>Global Data Synchronisation Network(GDSN)</h1>
<div class="row"> <div class="row">
<div class="col-sm-9"> <div class="col-lsm-9">
<p class="small" style="padding-top: 20px; line-height:30px"> <p class="small" style="padding-top: 20px; line-height:30px">
GDSN (The Global Data Synchronisation Network) is a network of interoperable data pools and GS1 Global GDSN (The Global Data Synchronisation Network) is a network of interoperable data pools and GS1 Global
Registry that, communicate product master data (Catalogue Item and Party) between trading partners. In Registry that, communicate product master data (Catalogue Item and Party) between trading partners. In
...@@ -40,7 +40,7 @@ ...@@ -40,7 +40,7 @@
China's product information. China's product information.
</p> </p>
</div> </div>
<div class="col-sm-3"> <div class="col-lsm-3">
<img class="img-responsive center-block" src="@/assets/image/english/GDSN-2.jpg" alt="Foodservice" <img class="img-responsive center-block" src="@/assets/image/english/GDSN-2.jpg" alt="Foodservice"
style="padding-bottom:15px; padding-top:28px"> style="padding-bottom:15px; padding-top:28px">
<div class="content-module-wrapper" style="border-top: 7px solid #002c6c"> <div class="content-module-wrapper" style="border-top: 7px solid #002c6c">
......
...@@ -16,7 +16,7 @@ ...@@ -16,7 +16,7 @@
<section> <section>
<h1>Han Xin Code</h1> <h1>Han Xin Code</h1>
<div class="row"> <div class="row">
<div class="col-sm-9" style="background-color:#FFF;border-top: 7px solid #f16333"> <div class="col-lsm-9" style="background-color:#FFF;border-top: 7px solid #f16333">
<h4 style="color: #f16333; border-bottom: none; padding-top:30px; line-height:35px"> <h4 style="color: #f16333; border-bottom: none; padding-top:30px; line-height:35px">
The background and the development of the Han Xin code</h4> The background and the development of the Han Xin code</h4>
<p class="small" style="padding:25px; line-height:35px; padding-bottom:5px; padding-top:10px"> <p class="small" style="padding:25px; line-height:35px; padding-bottom:5px; padding-top:10px">
...@@ -120,7 +120,7 @@ ...@@ -120,7 +120,7 @@
will bring considerable economic profit as well as help global trading enterprises gaining powerful will bring considerable economic profit as well as help global trading enterprises gaining powerful
information coding technological support and competitive advantage.</p> information coding technological support and competitive advantage.</p>
</div> </div>
<div class="col-sm-3"> <div class="col-lsm-3">
<div class="content-module-wrapper" style="border-top: 7px solid #002c6c"> <div class="content-module-wrapper" style="border-top: 7px solid #002c6c">
</div> </div>
<div class="content-module content-module-padding"> <div class="content-module content-module-padding">
......
<template> <template>
<div class="container site-content flush-outside" style="width: 100%;max-width: 100%;"> <div class="container site-content flush-outside" style="width: 100%;max-width: 100%;">
<div class="container" style="padding-left:15px; padding-right:15px"> <div class="container" style="padding-left:15px; padding-right:15px">
<div class="row" style="background-color: #FFF;margin-right: 0px; <div class="row" style="margin-right: 0px;
margin-top: 20px"> margin-top: 20px">
<div class="row" style="margin-left: -15px; "> <div class="row" style="margin-left: -15px; ">
<div class="col-xs-12 col-md-12 section-spacing" style="margin-top: 0px; padding-bottom: 0px"> <div class="col-xs-12 col-md-12 section-spacing" style="margin-top: 0px; padding-bottom: 0px">
...@@ -167,4 +167,8 @@ export default { ...@@ -167,4 +167,8 @@ export default {
.toolkit .site-content { .toolkit .site-content {
margin-top: 0; margin-top: 0;
} }
.row {
margin-left: 0px;
margin-right: 0px;
}
</style> </style>
...@@ -15,7 +15,7 @@ ...@@ -15,7 +15,7 @@
</section> </section>
<section> <section>
<div class="row"> <div class="row">
<div class="col-sm-9"> <div class="col-lsm-9">
<h1>Introduction</h1> <h1>Introduction</h1>
<p class="small" style="padding-top: 20px"> <p class="small" style="padding-top: 20px">
GS1 China, founded in 1988 under the authorization of the State Council of the People’s GS1 China, founded in 1988 under the authorization of the State Council of the People’s
...@@ -58,7 +58,7 @@ ...@@ -58,7 +58,7 @@
continued adoption of GS1 system around China and to create opportunities for new sectors which will continued adoption of GS1 system around China and to create opportunities for new sectors which will
benefit the people, industry and business of our country.</p> benefit the people, industry and business of our country.</p>
</div> </div>
<div class="col-sm-3" style="padding-top:85px"> <div class="col-lsm-3" style="padding-top:85px">
<img class="img-responsive center-block" src="@/assets/image/english/ZCH.jpg" alt="Foodservice" <img class="img-responsive center-block" src="@/assets/image/english/ZCH.jpg" alt="Foodservice"
style="border-top: 7px solid #f16333"> style="border-top: 7px solid #f16333">
</div> </div>
......
...@@ -17,46 +17,30 @@ ...@@ -17,46 +17,30 @@
</section> </section>
<section> <section>
<div class="row"> <div class="row">
<div class="col-sm-9"> <div class="col-lsm-9">
<h1>Structure</h1> <h1>Structure</h1>
<img <img src="@/assets/image/english/structure.jpg" alt="" class="img-responsive" />
src="@/assets/image/english/structure.jpg"
alt=""
class="img-responsive"
/>
</div> </div>
<div class="col-sm-3" style="padding-top: 85px"> <div class="col-lsm-3" style="padding-top: 85px">
<div class="content-module-container"> <div class="content-module-container">
<h4></h4> <h4></h4>
<div <div class="content-module-wrapper" style="border-top: 7px solid #7ac143"></div>
class="content-module-wrapper"
style="border-top: 7px solid #7ac143"
></div>
<div class="content-module content-module-padding"> <div class="content-module content-module-padding">
<h4>Tools</h4> <h4>Tools</h4>
<p class="small"> <p class="small">
<a <a href="http://www.gs1.org/check-digit-calculator" target="_blank">Check digit calculator</a><br />
href="http://www.gs1.org/check-digit-calculator"
target="_blank"
>Check digit calculator</a
><br />
Calculate correct check digit for barcodes. Calculate correct check digit for barcodes.
</p> </p>
<p class="small"> <p class="small">
<a href="http://gepir.gs1.org" target="_blank" <a href="http://gepir.gs1.org" target="_blank">Who owns this barcode?</a><br />
>Who owns this barcode?</a
><br />
Find companies linked to GS1 barcode numbers. Find companies linked to GS1 barcode numbers.
</p> </p>
</div> </div>
<div class="content-module content-module-padding"> <div class="content-module content-module-padding">
<h4>Standards</h4> <h4>Standards</h4>
<p class="small"> <p class="small">
<a <a href="http://www.gs1.org/how-gs1-standards-work" target="_blank">See how GS1 standards
href="http://www.gs1.org/how-gs1-standards-work" work</a><br />
target="_blank"
>See how GS1 standards work</a
><br />
GS1 standards help you single out what really matters. GS1 standards help you single out what really matters.
</p> </p>
</div> </div>
...@@ -69,11 +53,11 @@ ...@@ -69,11 +53,11 @@
</template> </template>
<script> <script>
export default { export default {
data() { data () {
return {}; return {};
}, },
methods: { methods: {
handleGo(val) { handleGo (val) {
this.$router.push({ path: val }); this.$router.push({ path: val });
}, },
}, },
......
...@@ -16,7 +16,7 @@ ...@@ -16,7 +16,7 @@
<section> <section>
<h1>e-Learning</h1> <h1>e-Learning</h1>
<div class="row"> <div class="row">
<div class="col-sm-9"> <div class="col-lsm-9">
<p class="small" style="padding-top: 20px; line-height: 30px"> <p class="small" style="padding-top: 20px; line-height: 30px">
GS1 LEARN is the home of GS1 China complete programme of eLearning GS1 LEARN is the home of GS1 China complete programme of eLearning
and classroom training courses for staff of GS1's 112 Member and classroom training courses for staff of GS1's 112 Member
...@@ -51,7 +51,7 @@ ...@@ -51,7 +51,7 @@
<a href="http://learn.gs1.org/" target="_blank"><img class="img-responsive center-block" <a href="http://learn.gs1.org/" target="_blank"><img class="img-responsive center-block"
src="@/assets/image/english/prntscreen_course.gif" alt="" /></a> src="@/assets/image/english/prntscreen_course.gif" alt="" /></a>
</div> </div>
<div class="col-sm-3" style="padding-top: 15px"> <div class="col-lsm-3" style="padding-top: 15px">
<div class="content-module-container"> <div class="content-module-container">
<h4></h4> <h4></h4>
<div class="content-module-wrapper" style="border-top: 7px solid #7ac143"></div> <div class="content-module-wrapper" style="border-top: 7px solid #7ac143"></div>
......
...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
</section> </section>
<section> <section>
<div class="row"> <div class="row">
<div class="col-sm-9"> <div class="col-lsm-9">
<h1>Food safety</h1> <h1>Food safety</h1>
<p class="small" style="padding-top: 20px"> <p class="small" style="padding-top: 20px">
In recent years, food safety standards received widespread concern In recent years, food safety standards received widespread concern
...@@ -56,7 +56,7 @@ ...@@ -56,7 +56,7 @@
food safety tracking and tracing system. food safety tracking and tracing system.
</p> </p>
</div> </div>
<div class="col-sm-3" style="padding-top: 85px"> <div class="col-lsm-3" style="padding-top: 85px">
<img class="img-responsive center-block" src="@/assets/image/english/FS-2.jpg" alt="Food satety" /> <img class="img-responsive center-block" src="@/assets/image/english/FS-2.jpg" alt="Food satety" />
</div> </div>
</div> </div>
......
...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
</section> </section>
<section> <section>
<div class="row"> <div class="row">
<div class="col-sm-9"> <div class="col-lsm-9">
<h1>Healthcare</h1> <h1>Healthcare</h1>
<p class="small" style="padding-top: 20px"> <p class="small" style="padding-top: 20px">
In order to address to the domestic demand of healthcare safety, In order to address to the domestic demand of healthcare safety,
...@@ -41,7 +41,7 @@ ...@@ -41,7 +41,7 @@
</a> </a>
</p> </p>
</div> </div>
<div class="col-sm-3" style="padding-top: 85px"> <div class="col-lsm-3" style="padding-top: 85px">
<img class="img-responsive center-block" src="@/assets/image/english/HC-2.jpg" alt="Healthcare" /> <img class="img-responsive center-block" src="@/assets/image/english/HC-2.jpg" alt="Healthcare" />
</div> </div>
</div> </div>
......
...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
</section> </section>
<section> <section>
<div class="row"> <div class="row">
<div class="col-sm-9"> <div class="col-lsm-9">
<h1>Others</h1> <h1>Others</h1>
<p class="small" style="padding-top: 20px"> <p class="small" style="padding-top: 20px">
In 2007, due to the domestic and international concern, GS1 China In 2007, due to the domestic and international concern, GS1 China
...@@ -66,7 +66,7 @@ ...@@ -66,7 +66,7 @@
Qingdao, Yantai, etc. Qingdao, Yantai, etc.
</p> </p>
</div> </div>
<div class="col-sm-3" style="padding-top: 85px"> <div class="col-lsm-3" style="padding-top: 85px">
<img class="img-responsive center-block" src="@/assets/image/english/TL-2.png" alt="Food satety" /> <img class="img-responsive center-block" src="@/assets/image/english/TL-2.png" alt="Food satety" />
</div> </div>
</div> </div>
......
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