Skip to content

G
gs1
Commit 9e663f56 by ahxiangkui
Options

liwj提交

parent d0f00431
Showing with 111 additions and 92 deletions
src/assets/css/englishComm.scss
.englishToolkit {
.slick-dots {
bottom: 25px !important;
display: flex;
align-items: center;
justify-content: center;
height: 20px;
li {
width: 10px;
height: 10px;
&.slick-active {
.custom-dot {
background: #ffffff;
opacity: 1;
}
}
.arousel-glyph {
margin-top: -40px;
}
.slick-dots {
bottom: 25px !important;
display: flex;
align-items: center;
justify-content: center;
height: 20px;
li {
width: 10px;
height: 10px;
&.slick-active {
.custom-dot {
border-radius: 50%;
width: 100%;
height: 100%;
background: #fff;
line-height: 1;
padding: 0;
opacity: 0.5;
background: #ffffff;
opacity: 1;
}
}
.custom-dot {
border-radius: 50%;
width: 100%;
height: 100%;
background: #fff;
line-height: 1;
padding: 0;
opacity: 0.5;
}
}
}
\ No newline at end of file
}
}
\ No newline at end of file
src/views/English/Home/index.vue
......@@ -6,12 +6,8 @@
<div class="carousel-inner">
<div class="item bg-peach next left">
<div class="container">
<img
class="pull-right carousel-glyph"
src="@/assets/image/english/GS1-China.jpg"
style="margin-top: -40px"
alt="Placeholder"
/>
<img class="pull-right carousel-glyph" src="@/assets/image/english/GS1-China.jpg" style="margin-top:-40px"
alt="Placeholder" />
<h1>About GS1 China</h1>
<p class="large">
GS1 China, founded in 1988 under the authorization of the State
......@@ -23,21 +19,16 @@
</p>
<a @click="handleGo('SecondaryMenu/Introduction')">
<button type="button" class="btn-primary btn-margin bg-blue">
More About GS1 China
</button></a
>
More About GS1 China0000
</button></a>
</div>
</div>
</div>
<div class="carousel-inner">
<div class="item bg-purple">
<div class="container">
<img
class="pull-right carousel-glyph"
src="@/assets/image/english/carousel-1.jpg"
style="margin-top: -40px"
alt="Placeholder"
/>
<img class="pull-right carousel-glyph" src="@/assets/image/english/carousel-1.jpg"
style="margin-top:-40px" alt="Placeholder" />
<h1>About GS1</h1>
<p class="large">
GS1 believes in the power of standards to transform the way we
......@@ -47,20 +38,15 @@
<a href="http://www.gs1.org/about" target="_blank">
<button type="button" class="btn-primary btn-margin bg-blue">
More About GS1
</button></a
>
</button></a>
</div>
</div>
</div>
<div class="carousel-inner">
<div class="item bg-lime">
<div class="container">
<img
class="pull-right carousel-glyph"
src="@/assets/image/english/training.jpg"
style="margin-top: -40px"
alt="Placeholder"
/>
<img class="pull-right carousel-glyph" src="@/assets/image/english/training.jpg" style="margin-top:-40px"
alt="Placeholder" />
<h1>Training</h1>
<p class="large">
GS1 offers a wide range of training courses to help you use our
......@@ -77,20 +63,15 @@
<a href="http://www.gs1.org/training" target="_blank">
<button type="button" class="btn-primary btn-margin bg-blue">
View More
</button></a
>
</button></a>
</div>
</div>
</div>
<div class="carousel-inner">
<div class="item bg-sky left">
<div class="container">
<img
class="pull-right carousel-glyph"
src="@/assets/image/english/local.jpg"
style="margin-top: -40px"
alt="Placeholder"
/>
<img class="pull-right carousel-glyph" src="@/assets/image/english/local.jpg" style="margin-top:-40px"
alt="Placeholder" />
<h1>Contact GS1 local offices</h1>
<p class="large">
GS1 has local offices in over 100 countries. Our local offices
......@@ -111,8 +92,7 @@
<a href="http://www.gs1.org/contact/overview" target="_blank">
<button type="button" class="btn-primary btn-margin bg-blue">
View More
</button></a
>
</button></a>
</div>
</div>
</div>
......@@ -144,12 +124,12 @@ import trodList from "./components/trodList";
import columnFourList from "./components/columnFourList";
export default {
components: { VueSlickCarousel, columnFourList, trodList },
data() {
data () {
return {
banner: [], // 首页大轮播图
bannerSettings: {
arrows: true,
autoplay: true,
autoplay: false,
autoplaySpeed: 4000,
dots: true,
centerMode: true,
......@@ -160,7 +140,7 @@ export default {
};
},
methods: {
handleGo(val) {
handleGo (val) {
this.$router.push({ path: val });
},
},
......
src/views/English/SecondaryMenu/ContactUs.vue
......@@ -5,7 +5,7 @@
<div class="row">
<div class="col-md-12">
<ul class="nav navbar-nav mm-float1">
<ol class="breadcrumb" style="background-color:#f4f4f4">
<ol class="breadcrumb" style="background-color: #f4f4f4">
<li><a @click="handleGo('/EnglishHome')">Home</a></li>
<li class="active">Contact Us</li>
</ol>
......@@ -17,42 +17,58 @@
<section>
<div class="row">
<div class="col-sm-9">
<h1 style="margin-bottom:35px">Contact Us</h1>
<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>
地图
<h1 style="margin-bottom: 35px">Contact Us</h1>
<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="map">
<baidu-map class="bm-view" :center="map.center" :zoom="map.zoom" :scroll-wheel-zoom="true">
<bm-overview-map anchor="BMAP_ANCHOR_BOTTOM_RIGHT" :isOpen="true"></bm-overview-map>
<bm-navigation anchor="BMAP_ANCHOR_TOP_LEFT"></bm-navigation>
<bm-label :content="map.label" :position="map.center" :labelStyle="{ borderColor: 'black' }"
:offset="{ width: -48 }" @click="lookDetail" />
<bm-info-window :position="map.center" :show="map.show" @close="infoWindowClose">
<div>中国物品编码中心</div>
<div>
地址：北京市东城区安定门外大街138号皇城国际大厦B座3-6层
</div>
<div>邮编：100011</div>
</bm-info-window>
</baidu-map>
</div>
<h4 style="padding: 20px">
GS1 China</h4>
<p class="small" style="padding: 20px; padding-bottom:0px">
3-6 F, Wing B, Imperial International Bldg., No.138 Andingmenwai Street, Dongcheng
District, Beijing 100011, P.R.China</p>
<h4 style="padding: 20px">GS1 China</h4>
<p class="small" style="padding: 20px; padding-bottom: 0px">
3-6 F, Wing B, Imperial International Bldg., No.138 Andingmenwai
Street, Dongcheng District, Beijing 100011, P.R.China
</p>
<p class="small" style="padding: 20px">
Tel: (+86) 400-7000-690<br>
E-mail: <a href="Mailto:info@ancc.org.cn">info@ancc.org.cn</a><br>
Webside:<a href="http://www.gs1cn.org/" target="_blank">www.gs1cn.org</a></p>
Tel: (+86) 400-7000-690<br />
E-mail: <a href="Mailto:info@ancc.org.cn">info@ancc.org.cn</a><br />
Webside:<a href="http://www.gs1cn.org/" target="_blank">www.gs1cn.org</a>
</p>
</div>
</div>
<div class="col-sm-3" style="padding-top:59px">
<div class="col-sm-3" style="padding-top: 59px">
<div class="content-module-container">
<h4> </h4>
<div class="content-module-wrapper" style="border-top: 7px solid #7ac143">
</div>
<h4></h4>
<div class="content-module-wrapper" style="border-top: 7px solid #7ac143"></div>
<div class="content-module content-module-padding">
<h4>Tools</h4>
<p class="small">
<a href="http://www.gs1.org/check-digit-calculator" target="_blank">Check digit calculator</a><br>
Calculate correct check digit for barcodes.</p>
<a href="http://www.gs1.org/check-digit-calculator" target="_blank">Check digit calculator</a><br />
Calculate correct check digit for barcodes.
</p>
<p class="small">
<a href="http://gepir.gs1.org" target="_blank">Who owns this barcode?</a><br>
Find companies linked to GS1 barcode numbers.</p>
<a href="http://gepir.gs1.org" target="_blank">Who owns this barcode?</a><br />
Find companies linked to GS1 barcode numbers.
</p>
</div>
<div class="content-module content-module-padding">
<h4>Standards</h4>
<p class="small">
<a href="http://www.gs1.org/how-gs1-standards-work" target="_blank">See how GS1 standards work</a><br>
GS1 standards help you single out what really matters.</p>
<a href="http://www.gs1.org/how-gs1-standards-work" target="_blank">See how GS1 standards
work</a><br />
GS1 standards help you single out what really matters.
</p>
</div>
</div>
</div>
......@@ -63,16 +79,36 @@
</template>
<script>
export default {
data() {
return {};
data () {
return {
map: {
label: "中国物品编码中心",
center: { lng: 116.415256, lat: 39.961205 },
zoom: 16,
show: false,
},
};
},
methods: {
handleGo(val) {
handleGo (val) {
this.$router.push({ path: val });
},
lookDetail () {
this.map.show = true;
},
infoWindowClose () {
this.map.show = false;
},
},
};
</script>
<style scoped lang="scss" >
<style scoped lang="scss">
@import "@/assets/css/english";
.map {
width: 100%;
.bm-view {
width: 100%;
height: 500px;
}
}
</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