Skip to content

梁建民 / h5

Go to a project
Commit 972cec5d by 肖康
Options

新增 联系我们地图页

parent 9dea9b60
Expand all
Inline Side-by-side
Showing with 277 additions and 1 deletions
package.json
......@@ -12,6 +12,7 @@
"axios": "^0.18.0",
"vant": "^2.0.1",
"vue": "^2.5.21",
"vue-baidu-map": "^0.21.22",
"vue-router": "^3.0.1",
"vuex": "^3.0.1",
"weixin-js-sdk": "^1.4.0-test"
......
public/index.html
......@@ -20,7 +20,7 @@
<meta name="description" content="猎芯网（www.Ichunt.com）是国内外知名的买电子元器件、电子元件、元器件采购商城平台，IC交易网站。为客户提供电子元器件现货批发采购，IC采购，进口报关，元器件寄售，供应链金融等一站式电子元器件采购服务">
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<link rel="stylesheet" href="<%= NODE_ENV_H5 %>v3/dist/res/m/css/font/iconfont.css">
<link rel="stylesheet" href="<%= NODE_ENV_H5 %>v3/dist/res/m/css/font2/iconfont.css">
<link rel="stylesheet" href="<%= NODE_ENV_H5 %>v3/dist/res/m/css/font2/iconfont.css?v=20220419">
<script type="text/javascript" src="<%= NODE_ENV_H5 %>h5/view/get_time.php"></script>
<script type="text/javascript">
var fwtimes = window.fwtime - (Math.floor((new Date().getTime()) / 1000)); //获取服务器时间差
......
src/assets/css/about/contact.less 0 → 100644
.contact{
padding-top:0.27rem;
padding-bottom: 0.3rem;
.a4a4{color:#a4a4a4;position: relative;left:-0.12rem;}
color:#333;
font-size: 12px;
font-weight: bold;
.groupp{
width: 9.6rem;
height: 1.87rem;
background: #FFFFFF;
box-shadow: 0rem 0rem 0.09rem 0rem rgba(180, 202, 211, 0.38);
border-radius: 0.08rem;
margin:0 auto;
margin-bottom: 0.27rem;
padding-left:0.57rem;
padding-top:0.39rem;
.wh{width:2.7rem;}
.rbps{margin-bottom: 0.1rem;}
i{
font-size: 26px;
margin-right:0.36rem;
&.iconaa5{color:#ffc423;}
&.iconaa6{color:#1768e4;}
&.iconaa3{color:#7dbd47;}
&.iconaa4{color:#905ae6;}
}
.rpcon{margin-left: 1.4rem;}
}
.address-info{
margin:0 auto;
width: 9.6rem;
margin-top: 0.48rem;
ul{
li{
width: 2rem;
line-height: 0.93rem;
text-align: center;
height: 0.93rem;
background: #FFFFFF;
box-shadow: 0rem 0rem 0.09rem 0rem rgba(180, 202, 211, 0.38);
border-radius: 3px 3px 0rem 0rem;
margin-right: 0.13rem;
&.act{
background: #1969F9;
color:#fff;
}
}
}
.add-info-box{
background: #FFFFFF;
box-shadow: 0rem 0rem 0.09rem 0rem rgba(180, 202, 211, 0.38);
border-radius: 3px;
padding-bottom: 0.2rem;
.address-con-group{
width: 9.6rem;
padding-top:0.45rem;
padding-left:0.17rem;
.a4a4{color:#a4a4a4;}
.mt2{margin-top:0.2rem;}
.mt4{margin-top:0.5rem;}
i{font-size: 14px;color:#6f6f6f;margin-right: 0.19rem;}
}
.dtbox{height:5.07rem;margin-top: 0.4rem;}
}
}
}
\ No newline at end of file
src/assets/css/about/contact.min.css 0 → 100644
.contact{padding-top:.27rem;padding-bottom:.3rem;color:#333;font-size:12px;font-weight:bold}.contact .a4a4{color:#a4a4a4;position:relative;left:-0.12rem}.contact .groupp{width:9.6rem;height:1.87rem;background:#FFFFFF;box-shadow:0 0 .09rem 0 rgba(180,202,211,0.38);border-radius:.08rem;margin:0 auto;margin-bottom:.27rem;padding-left:.57rem;padding-top:.39rem}.contact .groupp .wh{width:2.7rem}.contact .groupp .rbps{margin-bottom:.1rem}.contact .groupp i{font-size:26px;margin-right:.36rem}.contact .groupp i.iconaa5{color:#ffc423}.contact .groupp i.iconaa6{color:#1768e4}.contact .groupp i.iconaa3{color:#7dbd47}.contact .groupp i.iconaa4{color:#905ae6}.contact .groupp .rpcon{margin-left:1.4rem}.contact .address-info{margin:0 auto;width:9.6rem;margin-top:.48rem}.contact .address-info ul li{width:2rem;line-height:.93rem;text-align:center;height:.93rem;background:#FFFFFF;box-shadow:0 0 .09rem 0 rgba(180,202,211,0.38);border-radius:3px 3px 0rem 0rem;margin-right:.13rem}.contact .address-info ul li.act{background:#1969F9;color:#fff}.contact .address-info .add-info-box{background:#FFFFFF;box-shadow:0 0 .09rem 0 rgba(180,202,211,0.38);border-radius:3px;padding-bottom:.2rem}.contact .address-info .add-info-box .address-con-group{width:9.6rem;padding-top:.45rem;padding-left:.17rem}.contact .address-info .add-info-box .address-con-group .a4a4{color:#a4a4a4}.contact .address-info .add-info-box .address-con-group .mt2{margin-top:.2rem}.contact .address-info .add-info-box .address-con-group .mt4{margin-top:.5rem}.contact .address-info .add-info-box .address-con-group i{font-size:14px;color:#6f6f6f;margin-right:.19rem}.contact .address-info .add-info-box .dtbox{height:5.07rem;margin-top:.4rem}
\ No newline at end of file
src/router.js
......@@ -20,6 +20,7 @@ const Exchange = resolve => require(['@/views/pointmall/exchange'], resolve);
const Pointchange = resolve => require(['@/views/pointmall/pointchange'], resolve);
const Pointrule = resolve => require(['@/views/pointmall/pointrule'], resolve);
const aboutUs = resolve => require(['@/views/aboutUs/index'], resolve);
const contact = resolve => require(['@/views/aboutUs/contact'], resolve);
const Chain = resolve => require(['@/views/chain/chain'], resolve);
const Wallet = resolve => require(['@/views/wallet/Index'], resolve);
const WalletStatus = resolve => require(['@/views/wallet/Status'], resolve);
......@@ -211,6 +212,15 @@ const routes = [
title: '猎芯网-新闻详情'
}
},
{
path: '/contact',
name: 'contact',
component: contact,
meta: {
title: '联系我们'
}
},
{
path: '/aboutUs',
name: 'aboutUs',
......
src/views/aboutUs/contact.vue 0 → 100644
<template>
<div class="contact">
<div class="groupp row boxsiz">
<i class="icon iconfont iconaa5"></i>
<div>
<div class="rbps wh">人工询价</div>
<div class="a4a4">（张小姐）</div>
</div>
<div class="rpcon">
<div class="rbps">13430917331</div>
<div>zoe@ichunt.com</div>
</div>
</div>
<div class="groupp row boxsiz">
<i class="icon iconfont iconaa6"></i>
<div>
<div class="rbps wh">Overseas Inquiry</div>
<div class="a4a4">（Stefanie）</div>
</div>
<div class="rpcon">
<div class="rbps">+86-18682059811</div>
<div>tenghh@ichunt.com</div>
</div>
</div>
<div class="groupp row boxsiz">
<i class="icon iconfont iconaa3"></i>
<div>
<div class="rbps wh">商务/新媒体合作</div>
<div class="a4a4">（ 吴小姐 ）</div>
</div>
<div class="rpcon">
<div class="rbps">0755-82563952</div>
<div>wy@ichunt.com</div>
</div>
</div>
<div class="groupp row boxsiz">
<i class="icon iconfont iconaa4"></i>
<div>
<div class="rbps wh">供应商入驻</div>
</div>
<div class="rpcon">
<div class="rbps">vendor@ichunt.com</div>
</div>
</div>
<div class="address-info">
<ul class="row">
<li :class="{'act':act==index}" @click="showBox(index)" v-for="(item,index) in nav_list" :key="index">{{item}}
</li>
</ul>
<div class="add-info-box" v-show="act==0">
<div class="address-con-group boxsiz">
<div class="row">
<i class="icon iconfont iconaa2"></i>
<div class="a4a4">联系电话</div>
</div>
<div class="mt2"> 0755-82560956（总机）0755-88914841（客服）</div>
<div class="mt2">4008-755881（热线）</div>
<div class="row mt4">
<i class="icon iconfont iconaa1"></i>
<div class="a4a4">办公地址</div>
</div>
<div class="mt2">广东省深圳市龙岗区坂田街道清丽路1号宝能科技园南区12栋11楼</div>
<div class="row mt4">
<i class="icon iconfont iconaa1"></i>
<div class="a4a4">Address</div>
</div>
<div class="mt2">11F, 12th Bldg, Baoneng Science and Technology Industrial Park South District, No.1 Qingli
Road, Bantian Street, Longgang District, Shenzhen, China</div>
</div>
<div class="dtbox">
<baidu-map :center="{lng:114.071956,lat:22.679903} " :zoom="num" style="height:100%">
<bm-marker :position="{lng:114.071956,lat:22.679903}"></bm-marker>
</baidu-map>
</div>
</div>
<div class="add-info-box" v-show="act==1">
<div class="address-con-group boxsiz">
<div class="row">
<i class="icon iconfont iconaa2"></i>
<div class="a4a4">联系电话</div>
</div>
<div class="mt2"> 00852-35808309</div>
<div class="row mt4">
<i class="icon iconfont iconaa1"></i>
<div class="a4a4">办公地址</div>
</div>
<div class="mt2">九龙觀塘成業街27號日昇中心12樓1210室</div>
<div class="row mt4">
<i class="icon iconfont iconaa1"></i>
<div class="a4a4">Address</div>
</div>
<div class="mt2">Flat 1210, 12/F., Sunbeam Center, 27 Shing Yip Street, Kwun Tong, Kowloon, Hong Kong.</div>
</div>
<div class="dtbox">
<baidu-map :center="{lng: 114.231626, lat: 22.317282} " :zoom="num" style="height:100%">
<bm-marker :position="{lng: 114.238626, lat: 22.313282}"></bm-marker>
</baidu-map>
</div>
</div>
<div class="add-info-box" v-show="act==2">
<div class="address-con-group boxsiz">
<div class="row">
<i class="icon iconfont iconaa2"></i>
<div class="a4a4">联系电话</div>
</div>
<div class="mt2"> 0512-65356058 / 65356258 / 65356358 / 65356078</div>
<div class="row mt4">
<i class="icon iconfont iconaa1"></i>
<div class="a4a4">办公地址</div>
</div>
<div class="mt2">苏州市工业园区钟园路788号丰隆城市广场4幢1209</div>
<div class="row mt4">
<i class="icon iconfont iconaa1"></i>
<div class="a4a4">Address</div>
</div>
<div class="mt2">1209,No.4 Building,Hong Leong City Center,No 788 Zhongyuan Road,SIP Suzhou,China</div>
</div>
<div class="dtbox">
<baidu-map :center="{lng: 120.715835, lat: 31.325864} " :zoom="num" style="height:100%">
<bm-marker :position="{lng: 120.722835, lat: 31.322864}"></bm-marker>
</baidu-map>
</div>
</div>
<div class="add-info-box" v-show="act==3">
<div class="address-con-group boxsiz">
<div class="row">
<i class="icon iconfont iconaa2"></i>
<div class="a4a4">联系电话</div>
</div>
<div class="mt2">021-64020990 021-64020960</div>
<div class="row mt4">
<i class="icon iconfont iconaa1"></i>
<div class="a4a4">办公地址</div>
</div>
<div class="mt2">上海市徐汇区宜山路1398号皓顺大厦2号楼612室</div>
<div class="row mt4">
<i class="icon iconfont iconaa1"></i>
<div class="a4a4">Address</div>
</div>
<div class="mt2">Room 612, building 2,Haoshun building,1398 Yishan road,Xuhui District, Shanghai ,China</div>
</div>
<div class="dtbox">
<baidu-map :center="{lng: 121.395836, lat: 31.179348} " :zoom="num" style="height:100%">
<bm-marker :position="{lng: 121.401836, lat: 31.176348}"></bm-marker>
</baidu-map>
</div>
</div>
</div>
</div>
</template>
<script>
import Vue from 'vue';
import BaiduMap from 'vue-baidu-map'
Vue.use(BaiduMap, {
ak: "8vggsUWcL38cpMGEozcmTr89"
})
import {
mapState
} from "vuex";
export default {
name: "contact",
data() {
return {
num: 16,
act: 0,
nav_list: ["深圳总部", "香港办事处", "苏州分公司", "上海分公司"]
};
},
created() {
},
computed: {
},
methods: {
showBox(index) {
this.act = index;
}
}
};
</script>
<style scoped>
@import "../../assets/css/about/contact.min.css";
</style>
\ No newline at end of file
view/css/chunk-7f42c5a2.a1892f2a.css 0 → 100644
.contact{padding-top:.27rem;padding-bottom:.3rem;color:#333;font-size:12px;font-weight:700}.contact .a4a4{color:#a4a4a4;position:relative;left:-.12rem}.contact .groupp{width:9.6rem;height:1.87rem;background:#fff;-webkit-box-shadow:0 0 .09rem 0 rgba(180,202,211,.38);box-shadow:0 0 .09rem 0 rgba(180,202,211,.38);border-radius:.08rem;margin:0 auto;margin-bottom:.27rem;padding-left:.57rem;padding-top:.39rem}.contact .groupp .wh{width:2.7rem}.contact .groupp .rbps{margin-bottom:.1rem}.contact .groupp i{font-size:26px;margin-right:.36rem}.contact .groupp i.iconaa5{color:#ffc423}.contact .groupp i.iconaa6{color:#1768e4}.contact .groupp i.iconaa3{color:#7dbd47}.contact .groupp i.iconaa4{color:#905ae6}.contact .groupp .rpcon{margin-left:1.4rem}.contact .address-info{margin:0 auto;width:9.6rem;margin-top:.48rem}.contact .address-info ul li{width:2rem;line-height:.93rem;text-align:center;height:.93rem;background:#fff;-webkit-box-shadow:0 0 .09rem 0 rgba(180,202,211,.38);box-shadow:0 0 .09rem 0 rgba(180,202,211,.38);border-radius:3px 3px 0 0;margin-right:.13rem}.contact .address-info ul li.act{background:#1969f9;color:#fff}.contact .address-info .add-info-box{background:#fff;-webkit-box-shadow:0 0 .09rem 0 rgba(180,202,211,.38);box-shadow:0 0 .09rem 0 rgba(180,202,211,.38);border-radius:3px;padding-bottom:.2rem}.contact .address-info .add-info-box .address-con-group{width:9.6rem;padding-top:.45rem;padding-left:.17rem}.contact .address-info .add-info-box .address-con-group .a4a4{color:#a4a4a4}.contact .address-info .add-info-box .address-con-group .mt2{margin-top:.2rem}.contact .address-info .add-info-box .address-con-group .mt4{margin-top:.5rem}.contact .address-info .add-info-box .address-con-group i{font-size:14px;color:#6f6f6f;margin-right:.19rem}.contact .address-info .add-info-box .dtbox{height:5.07rem;margin-top:.4rem}
\ No newline at end of file
view/js/app.09aafdeb.js 0 → 100644
This diff could not be displayed because it is too large.
view/js/app.34baebd8.js deleted 100644 → 0
This diff could not be displayed because it is too large.
view/js/chunk-7f42c5a2.3c5e83e6.js 0 → 100644
This diff could not be displayed because it is too large.
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 sign in to comment