config/index.js
@@ -10,17 +10,17 @@ assetsSubDirectory: 'static', assetsPublicPath: '/', proxyTable: { '/api': { target: 'http://192.168.1.106/mk/public/index.php/', '/': { target: 'http://qingqiumarket.cn/', changeOrigin: true, pathRewrite: { '^/api': '/api' '^/': '' } } }, // Various Dev Server settings host: '0.0.0.0', // can be overwritten by process.env.HOST host: 'localhost', // can be overwritten by process.env.HOST port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined autoOpenBrowser: false, errorOverlay: true, package.json
@@ -5,7 +5,7 @@ "author": "Lee", "private": true, "scripts": { "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js", "dev": "webpack-dev-server --inline --progress --open --config build/webpack.dev.conf.js --host 192.168.1.30", "start": "npm run dev", "unit": "jest --config test/unit/jest.conf.js --coverage", "e2e": "node test/e2e/runner.js", src/components/footer.vue
@@ -5,19 +5,9 @@ <img src="../img/ming.png" alt /> <h3>北京明科普华信息技术有限公司</h3> <h2>帮助企业完成中国智造升级</h2> <div class="footer_bottom_icon22"> <el-popover placement="top" width="150" trigger="hover" v-model="visible"> <img src="../img/weixin.png" alt=""> <img src="../img/wei.png" slot="reference" alt style="margin-right: 0.16rem;" /> </el-popover> <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=2529499151&site=qq&menu=yes"> <img src="../img/QQ.png" alt /> </a> </div> <p class="footer_left_address">北京市朝阳区建国路88号SOHO现代城2号楼29层</p> <p class="footer_left_address">北京市通州区新华北街156号保利大都汇6-808</p> <p class="footer_left_address">京ICP备12007830号</p> <p style="color:#999999" class="m_hide">技术支持：<a href="http://www.qlzhx.com" target="_blank" style="color:#999999">齐力众信</a></p> </div> <div class="footer_right"> <h3 class="m_hide">联系我们</h3> @@ -39,19 +29,9 @@ </div> </div> <div class="footer_bottom"> <div class="footer_bottom_icon"> <el-popover placement="top" width="150" trigger="click" v-model="visible2"> <img src="../img/weixin.png" alt=""> <img src="../img/wei.png" slot="reference" alt style="margin-right: 0.16rem;" /> </el-popover> <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=2529499151&site=qq&menu=yes"> <img src="../img/QQ.png" alt /> </a> </div> <p>北京市朝阳区建国路88号SOHO现代城2号楼29层</p> <p>北京市通州区新华北街156号保利大都汇6-808</p> <p>京ICP备12007830号</p> <div style="color:#fff;text-align: center;font-size:0.24rem;padding-bottom:0.5rem">技术支持：<a href="http://www.qlzhx.com" target="_blank" style="color:#fff">齐力众信</a></div> </div> </div> </template> @@ -63,6 +43,13 @@ visible: false, visible2: false } }, mounted () { // let _hmt = _hmt || [] // let hm = document.createElement('script') // hm.src = 'https://hm.baidu.com/hm.js?606321be5b903a6701a35388580dfa72' // let s = document.getElementsByTagName('script')[0] // s.parentNode.insertBefore(hm, s) } } </script> @@ -80,21 +67,22 @@ color: #ffffff; } h2 { font-size: 0.3rem; font-size: 0.2rem; color: #999999; margin-bottom: 0.1rem; } .footer_left_icon { margin: 0.62rem 0 0.47rem 0; } .footer_left_address { color: #999999; color: #ffffff; font-size: 0.14rem; line-height: 0.3rem; } } .footer_right { float: right; margin-top: 0.35rem; margin-top: 0.3rem; h3 { font-size: 0.24rem; color: #fff; @@ -102,7 +90,7 @@ } .footer_right_website { color: #fff; margin-top: 0.2rem; margin-top: 0.1rem; font-size: 0.14rem; } } @@ -127,8 +115,25 @@ } @media (max-width: 750px) and (min-width: 0) { .footer_left h3 { margin-bottom: 0.2rem; .footer { display: block; padding: 0.1rem 0 0; } .footer_left { text-align: center; img { display: none; } h3 { font-size: 0.34rem; margin-bottom: 0.2rem; } h2 { font-size: 0.30rem; } .footer_left_address { display: none; } } .footer_bottom_icon22 { display: none; @@ -136,26 +141,14 @@ .footer_img { width: 0.27rem; height: 0.27rem; float: left; margin-right: 0.2rem; margin-top: 0.1rem; } .footer { padding: 0.5rem 0 0; margin-top: -0.1rem; } .footer_left, .footer_right { float: none; } .footer_left { text-align: center; h3, h2 { font-size: 0.34rem; } .footer_left_address { display: none; } } .footer_right { margin-top: 0.1rem; h3 { font-size: 0.34rem; text-align: center; @@ -178,13 +171,12 @@ } } } .footer { display: block; } .footer_bottom { display: block; background: #252525; margin-top: 0.5rem; margin-top: 0.15rem; padding-top: 0.15rem; .footer_bottom_icon { padding: 0.35rem 0; text-align: center; @@ -201,8 +193,7 @@ color: #fff; } p:last-child { margin-top: 0.3rem; padding-bottom: 0.6rem; padding-bottom: 0.2rem; } } } src/components/header.vue
@@ -2,16 +2,16 @@ <div class="header" :class="!isShow ? '' : 'h_height'"> <div class="wrapper"> <a class="logo"><img src="../img/index_logo.png" alt=""></a> <div class="nav"> <div class="nav" @mouseleave="leave()"> <router-link tag="span" class="homeico m_hide" to="/"><img src="../img/homeico.png" alt=""></router-link> <span class="homeico p_hide" @click="jump('/')"><img src="../img/homeico.png" alt=""></span> <span class="navico" v-if="!isShow" @click="showNav"><img src="../img/navico.png" alt=""></span> <span class="navico" v-else @click="showNav"><img src="../img/close.png" alt=""></span> <ul class="nav_ul" ref="nav_ul"> <router-link tag="li" v-for="(menu,index) in menus" :key="index" :to="menu.url" :class="{active1:cur==index}"> <router-link tag="li" v-for="(menu, index) in menus" :key="index" :to="menu.url" :class="{active1: cur === index}"> <span @mouseover="add(index)">{{ menu.text }}</span> </router-link> <div class="list1 list3" :class="{active:this.menus[1].flag==true}" @click="menus[1].flag = false" v-if="menus[1].flag"></div> <!-- <div class="list1 list3" :class="{active:this.menus[1].flag === true}" @click="menus[1].flag = false" v-if="menus[1].flag"></div> --> <div :class="{active:this.menus[1].flag==true}" class="list1" @click="adda(1)" v-if="menus[1].flag"> <ul class="abloutMingKe_ul"> <router-link @click="add1($event,index)" tag="li" v-for="(secondMenus,index) in secondMenus" :key="index" :to="secondMenus.url">{{secondMenus.text}}</router-link> @@ -20,8 +20,8 @@ <router-link tag="li" v-for="(secondMenus,index) in secondMenus1" :key="index" :to="secondMenus.url">{{secondMenus.text}}</router-link> </ul> </div> <div class="list1 list33" :class="{active:this.menus[1].flag==true}" @click="menus[1].flag = false" v-if="menus[1].flag"></div> <div :class="{active:this.menus[5].flag==true}" class="list1 list33" @click="menus[5].flag = false" v-if="menus[5].flag"></div> <!-- <div class="list1 list33" :class="{active:this.menus[1].flag==true}" @click="menus[1].flag = false" v-if="menus[1].flag"></div> --> <!-- <div :class="{active:this.menus[5].flag==true}" class="list1 list33" @click="menus[5].flag = false" v-if="menus[5].flag"></div> --> <div :class="{active:this.menus[5].flag==true}" class="list2" @click="adda(5)" v-if="menus[5].flag"> <ul class="abloutMingKe_ul2"> <li v-for="(secondMenus,index) in secondMenus2" @click="add5(secondMenus.url,index+1)" :key="index">{{secondMenus.text}}</li> @@ -182,16 +182,16 @@ } }, methods: { goHere(path) { goHere (path) { this.$router.push({ path: path }); }, showNav() { showNav () { this.isShow = !this.isShow; this.$refs.nav_ul.style.left = this.isShow ? (0 + 'px') : (-1000 + 'px') }, add(index) { add (index) { this.cur = index if (index == 1) { this.menus[index].flag = !this.menus[index].flag; @@ -204,26 +204,40 @@ this.menus[5].flag = false; } }, add5(u,i) { leave () { this.menus[1].flag = false; this.menus[5].flag = false; }, add5 (u,i) { if(i != 4){ this.$router.push(`${u}#anchor-${i}`) }else{ this.$router.push(u) } }, adda(index) { adda (index) { if (index == 1 || index == 5) { this.menus[index].flag = false; } }, add1(e, index) { add1 (e, index) { console.log(index) }, //移动端跳转 jump(u) { jump (u) { this.isShow = false this.$router.push(u) }, load () { this.$axios({ data: { func: 'Web_Index_GetData' } }) } }, mounted () { this.load() } } </script> @@ -254,7 +268,7 @@ float: left; img { height: 0.67rem; height: 0.4rem; } } @@ -271,7 +285,7 @@ .homeico { img { height: 0.54rem; height: 0.5rem; margin-right: 0.46rem; } } src/config/axios_init/env.js
@@ -1,5 +1,5 @@ export default { // 接口地址 baseURL: 'http://localhost:8080/Index/', baseURL: 'http://qingqiumarket.cn/minkesoft/', isDev: true } src/config/axios_init/index.js
@@ -1,7 +1,6 @@ import axios from 'axios' // axios.defaults.baseURL = 'http://yqweb.qlzhx.cn/index.php/api' axios.defaults.baseURL = '/api' axios.defaults.baseURL = 'minkesoft/webapi/dostar' axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8' axios.defaults.crossDomain = true; axios.defaults.withCredentials = true; @@ -9,26 +8,22 @@ axios.interceptors.request.use((config) => { // 在发送请求之前做些什么 config.data == undefined ? config.data = {} : false; config.data.token = '9a15f03ffdff4ddef0414fb120fa4834351f00c0'; // config.data.user_id = store.getters.getUserId; console.log(config.data) config.method = 'post'; config.data.userid = 'U000001'; // config.data.token = '9a15f03ffdff4ddef0414fb120fa4834351f00c0'; config.data = JSON.stringify(config.data) return config; }, (error) => { // 对请求错误做些什么 // console.log(error); return Promise.reject(error); }); axios.interceptors.response.use((response) => { // 对响应数据做点什么 // console.log(response); // response.data = response.data.replace(/\<\?php/g, ''); // response.data = JSON.parse(response.data); console.log(response.data); return Promise.resolve(response.data); }, (error) => { // 对响应错误做点什么 // console.log(error); return Promise.resolve(error); });
New file @@ -0,0 +1,115 @@ @font-face { font-family: 'icomoon'; src: url('fonts/icomoon.eot?h57oxc'); src: url('fonts/icomoon.eot?h57oxc#iefix') format('embedded-opentype'), url('fonts/icomoon.ttf?h57oxc') format('truetype'), url('fonts/icomoon.woff?h57oxc') format('woff'), url('fonts/icomoon.svg?h57oxc#icomoon') format('svg'); font-weight: normal; font-style: normal; } [class^="fa-"], [class*=" fa-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fa-bigdata .path1:before { content: "\e900"; /* color: rgb(0, 102, 235); */ } .fa-bigdata .path2:before { content: "\e901"; margin-left: -1.162109375em; /* color: rgb(0, 102, 235); */ } .fa-bigdata .path3:before { content: "\e902"; margin-left: -1.162109375em; /* color: rgb(0, 217, 41); */ } .fa-configurable:before { content: "\e903"; } .fa-dms001 .path1:before { content: "\e904"; /* color: rgb(77, 85, 115); */ } .fa-dms001 .path2:before { content: "\e905"; margin-left: -1em; /* color: rgb(77, 85, 115); */ } .fa-dms001 .path3:before { content: "\e906"; margin-left: -1em; /* color: rgb(77, 84, 114); */ } .fa-dms001 .path4:before { content: "\e907"; margin-left: -1em; /* color: rgb(77, 84, 114); */ } .fa-easychange:before { content: "\e908"; /* color: #467cfd; */ } .fa-eshop001:before { content: "\e909"; } .fa-eshoptj002:before { content: "\e90a"; /* color: #0084ff; */ } .fa-express:before { content: "\e90b"; } .fa-mes001:before { content: "\e90c"; /* color: #3164af; */ } .fa-mpinterface:before { content: "\e90d"; } /* .fa-o2o .path1:before { content: "\e90e"; color: rgb(230, 230, 230); } */ .fa-o2o .path2:before { content: "\e90f"; /* margin-left: -1em; */ /* color: rgb(0, 0, 0); */ } .fa-o2o .path3:before { content: "\e910"; margin-left: -1em; /* color: rgb(0, 0, 0); */ } .fa-pay:before { content: "\e911"; /* color: #1b7aff; */ } .fa-qts001:before { content: "\e912"; /* color: #4e65a8; */ } .fa-wms001:before { content: "\e913"; } .fa { color: #000000; font-size: 0.16rem; } .fa-mes001, .fa-eshoptj002, .fa-express { font-size: 0.18rem; } src/css/fonts/icomoon.eotBinary files differ
src/css/fonts/icomoon.svg
New file @@ -0,0 +1,30 @@ <?xml version="1.0" standalone="no"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" > <svg xmlns="http://www.w3.org/2000/svg"> <metadata>Generated by IcoMoon</metadata> <defs> <font id="icomoon" horiz-adv-x="1024"> <font-face units-per-em="1024" ascent="877.7142857142858" descent="-146.28571428571428" /> <missing-glyph horiz-adv-x="1024" /> <glyph unicode=" " horiz-adv-x="256" d="" /> <glyph unicode="" horiz-adv-x="1190" d="M524.138 596.714c0-38.741 31.405-70.146 70.146-70.146s70.146 31.405 70.146 70.146v0c0 38.741-31.405 70.146-70.146 70.146s-70.146-31.405-70.146-70.146v0z" /> <glyph unicode="" horiz-adv-x="1190" d="M1034.099 148.632q-5.649 0-11.198-0.413l-205.828 243.018 145.891 181.628c20.727-11.045 45.328-17.532 71.443-17.532 85.236 0 154.334 69.097 154.334 154.334s-69.097 154.334-154.334 154.334c-85.236 0-154.334-69.097-154.334-154.334 0-36.419 12.615-69.892 33.713-96.287l-0.238 0.308-138.663-172.684-155.787 183.92q-0.639 0.764-1.315 1.491l-0.2 0.213c-0.288 0.301-0.576 0.601-0.877 0.889l-0.877 0.814-0.263 0.238c-4.931 4.363-11.276 7.232-18.268 7.845l-0.121 0.009h-0.138l-1.14 0.063h-3.808c-7.626-0.557-14.423-3.716-19.595-8.583l0.016 0.015-0.301-0.288c-0.276-0.263-0.539-0.526-0.802-0.789s-0.601-0.639-0.902-0.977l-0.15-0.163q-0.664-0.752-1.253-1.553l-147.156-185.523-147.807 173.661c21.439 26.23 34.43 60.094 34.43 96.992 0 84.959-68.873 153.833-153.833 153.833s-153.833-68.873-153.833-153.833c0-84.959 68.873-153.833 153.833-153.833 25.354 0 49.275 6.134 70.361 16.998l-0.862-0.404 157.114-184.559-192.438-242.68c-10.378 2.488-22.293 3.915-34.541 3.915-85.243 0-154.346-69.103-154.346-154.346s69.103-154.346 154.346-154.346c85.243 0 154.346 69.103 154.346 154.346 0 49.673-23.465 93.865-59.915 122.097l-0.353 0.263 175.24 220.96 79.991-93.945-0.363-0.351 7.516-9.031h183.507c-0.564 0.639-1.14 1.253-1.716 1.891l83.561 104.066 180.25-212.755c-45.916-27.214-76.218-76.513-76.218-132.889 0-85.029 68.929-153.958 153.958-153.958s153.958 68.929 153.958 153.958c0 85.029-68.929 153.958-153.958 153.958-0.028 0-0.055 0-0.083 0h0.004zM1034.099 799.373c49.671 0 89.937-40.266 89.937-89.937s-40.266-89.937-89.937-89.937c-49.671 0-89.937 40.266-89.937 89.937v0c0.057 49.648 40.289 89.88 89.932 89.937h0.006zM154.77 619.511c-49.671 0-89.937 40.266-89.937 89.937s40.266 89.937 89.937 89.937c49.671 0 89.937-40.266 89.937-89.937v0c-0.057-49.648-40.289-89.88-89.932-89.937h-0.006zM154.77-95.326c-49.659 0.007-89.912 40.265-89.912 89.925 0 49.664 40.261 89.925 89.925 89.925 49.66 0 89.917-40.253 89.925-89.911v-0.001c-0.064-49.643-40.294-89.868-89.932-89.925h-0.005zM638.801 271.55c-13.237 4.793-28.514 7.564-44.439 7.564-11.762 0-23.172-1.512-34.044-4.352l0.935 0.207-96.964 113.899 130.922 165.081 138.789-163.841zM1034.099-95.313c-49.659 0.007-89.912 40.265-89.912 89.925 0 49.664 40.261 89.925 89.925 89.925 49.66 0 89.917-40.253 89.925-89.911v-0.001c-0.057-49.648-40.289-89.88-89.932-89.937h-0.006z" /> <glyph unicode="" horiz-adv-x="1190" d="M594.622 279.166c-74.022 0-134.029-60.007-134.029-134.029s60.007-134.029 134.029-134.029c74.022 0 134.029 60.007 134.029 134.029v0c0 74.022-60.007 134.029-134.029 134.029v0zM594.622 74.991c-38.741 0-70.146 31.405-70.146 70.146s31.405 70.146 70.146 70.146c38.741 0 70.146-31.405 70.146-70.146v0c0-38.741-31.405-70.146-70.146-70.146v0z" /> <glyph unicode="" glyph-name="configurable" d="M785.067 238.222v-244.622c0-22.756-22.756-39.822-45.511-39.822s-45.511 17.067-45.511 39.822v244.622c0 22.756 17.067 39.822 45.511 39.822s45.511-17.067 45.511-39.822zM625.778 238.222v-244.622c0-22.756-22.756-39.822-45.511-39.822s-45.511 17.067-45.511 39.822v244.622c0 22.756 17.067 39.822 45.511 39.822s45.511-17.067 45.511-39.822zM944.356 238.222v-244.622c0-22.756-22.756-39.822-45.511-39.822s-45.511 17.067-45.511 39.822v244.622c0 22.756 17.067 39.822 45.511 39.822s45.511-17.067 45.511-39.822zM398.222 312.178h-256c-39.822 0-73.956-34.133-73.956-73.956v-244.622c0-39.822 34.133-73.956 73.956-73.956h256c39.822 0 73.956 34.133 73.956 73.956v244.622c0 39.822-34.133 73.956-73.956 73.956zM386.844 226.844v-221.867h-227.556v221.867h227.556zM870.4 795.733h-250.311c-39.822 0-73.956-34.133-73.956-73.956v-244.622c0-39.822 34.133-73.956 73.956-73.956h250.311c39.822 0 73.956 34.133 73.956 73.956v244.622c0 39.822-34.133 73.956-73.956 73.956zM859.022 710.4v-221.867h-233.244v221.867h233.244zM398.222 795.733h-256c-39.822 0-73.956-34.133-73.956-73.956v-244.622c0-39.822 34.133-73.956 73.956-73.956h256c39.822 0 73.956 34.133 73.956 73.956v244.622c0 39.822-34.133 73.956-73.956 73.956zM386.844 710.4v-221.867h-227.556v221.867h227.556z" /> <glyph unicode="" d="M569.344 275.639c-145.554 0-263.973 114.834-263.973 256.073s118.418 256.073 263.973 256.073c145.481 0 263.899-114.834 263.899-256.073s-118.418-256.073-263.899-256.073zM569.344 714.642c-105.253 0-190.83-82.066-190.83-182.93s85.577-182.93 190.83-182.93c105.179 0 190.757 82.066 190.757 182.93s-85.504 182.93-190.757 182.93z" /> <glyph unicode="" d="M205.678-107.41c-20.198 0-36.571 16.374-36.571 36.571v0c0 226.67 190.464 410.99 424.448 410.99 20.195-0.003 36.565-16.376 36.565-36.571s-16.37-36.568-36.565-36.571v0c-193.682 0-351.305-151.552-351.305-337.847 0-20.198-16.374-36.571-36.571-36.571v0z" /> <glyph unicode="" d="M824.027-38.217l-253.147 0.073c-0.652-0.024-1.417-0.037-2.186-0.037-18.673 0-35.484 7.969-47.218 20.692l-0.040 0.044c-8.943 10.674-14.374 24.555-14.374 39.705 0 3.752 0.333 7.425 0.971 10.993l-0.056-0.376c1.975 14.336 5.12 28.599 8.192 42.789l2.926 13.385c6.217 29.111 12.581 58.441 19.017 87.625 6.195 29.509 32.005 51.348 62.916 51.348 0.15 0 0.299-0.001 0.448-0.002h-0.023c63.561 0.146 127.195 0.146 190.903 0 30.574 0 56.466-20.846 62.903-50.688l29.257-135.973c1.128-4.785 1.775-10.28 1.775-15.925 0-8.143-1.346-15.973-3.827-23.277l0.15 0.51c-8.997-26.405-29.769-40.887-58.587-40.887zM722.651-1.646h101.376c13.019 0 20.187 4.754 24.064 16.165 1.081 3.267 1.705 7.027 1.705 10.933 0 2.946-0.355 5.81-1.024 8.55l0.051-0.246-29.184 135.826c-2.608 12.566-13.587 21.875-26.741 21.875-0.19 0-0.38-0.002-0.57-0.006h0.028c-63.707 0.146-127.195 0.146-190.757 0-13.897 0-24.722-8.777-27.575-22.455-6.51-29.33-12.873-58.514-19.090-87.552l-2.926-13.605c-2.926-13.312-5.851-26.478-7.68-39.936-0.878-6.29-0.731-14.994 4.754-21.358 4.535-5.266 12.361-8.119 21.87-8.119l151.698-0.073zM731.136-64.914h-140.361c-0.132 0.004-0.288 0.006-0.445 0.006-8.735 0-15.844-6.96-16.085-15.636v-0.022c0-8.558 7.461-15.579 16.53-15.579h216.649c0.111-0.003 0.242-0.004 0.374-0.004 8.709 0 15.801 6.918 16.083 15.558l0.001 0.026c-0.242 8.698-7.351 15.657-16.086 15.657-0.131 0-0.261-0.002-0.391-0.005h-84.315z" /> <glyph unicode="" d="M831.415 76.983c-1.536 12.507-10.167 20.407-24.43 20.261-26.77-0.512-53.467-0.146-80.311-0.146-14.848 0-21.285-6.583-21.138-21.431 0.146-14.994 0.585-30.135 0.805-45.129 0.293-14.263 7.753-21.87 22.235-21.87 15.214-0.146 30.501 0 45.714 0 15.799 0 31.744-0.146 47.543 0 11.849 0.146 19.090 7.973 17.262 19.163-2.414 16.384-5.559 32.768-7.68 49.152zM671.744 95.342c-13.566 0.14-29.594 0.219-45.641 0.219s-32.076-0.080-48.085-0.239l2.444 0.019c-7.826-0.073-16.53-6.802-17.554-14.117-3.145-18.871-6.144-37.815-8.631-56.759-1.39-10.24 5.339-16.823 15.799-16.823h98.597c9.289 0 17.335 6.875 17.554 15.945 0.731 18.798 1.17 37.815 1.17 56.539 0 0.024 0 0.053 0 0.082 0 8.362-6.779 15.141-15.141 15.141-0.18 0-0.36-0.003-0.538-0.009l0.026 0.001zM583.168 110.263c14.117-0.146 28.306 0 42.35 0h40.96c14.117 0 20.114 5.851 20.553 19.968 0.146 11.337 0.146 22.747 0.146 34.158 0 10.971-5.705 16.823-16.823 16.823h-77.019c-10.898 0-17.627-6.363-19.163-16.969-3.135-22.13-5.16-34.422-7.311-46.671l1.533 10.538c-1.829-10.679 3.584-17.847 14.775-17.847zM721.993 111.506h84.261c10.898 0.073 16.53 5.632 15.141 16.384-1.536 13.166-3.877 26.112-5.998 39.278-1.536 9.435-7.461 14.921-16.53 15.141-26.917 0.146-53.76 0.146-80.75 0-9.509-0.219-14.994-6.144-14.775-15.945 0.146-12.361 0.585-24.795 0.731-37.157 0.293-11.557 6.217-17.627 17.92-17.701zM714.679-80.421c0-7.607-7.022-13.605-15.579-13.605-8.704 0-15.726 5.998-15.726 13.605v22.821c0 7.534 7.022 13.531 15.726 13.531 8.558 0 15.579-5.998 15.579-13.531v-22.821z" /> <glyph unicode="" glyph-name="easychange" horiz-adv-x="1051" d="M996.145 326.827c-30.57-0.407-55.243-25.080-55.649-55.611v-102.073c-0.942-26.543-22.219-47.82-48.674-48.759l-0.088-0.002h-704.549l74.301 74.362c9.696 10.258 15.657 24.136 15.657 39.406s-5.961 29.147-15.682 39.433l0.026-0.027c-10.258 9.696-24.136 15.657-39.406 15.657s-29.147-5.961-39.433-15.682l0.027 0.026-167.010-169.204c-9.696-10.258-15.657-24.136-15.657-39.406s5.961-29.147 15.682-39.433l-0.026 0.027 167.192-169.265c10.11-10.031 24.034-16.229 39.406-16.229s29.296 6.199 39.409 16.233l-0.004-0.004c9.696 10.258 15.657 24.136 15.657 39.406s-5.961 29.147-15.682 39.433l0.026-0.027-74.484 74.179h702.11c0.041 0 0.089 0 0.137 0 87.493 0 158.565 70.307 159.801 157.506l0.001 0.116v104.229c0.098 1.193 0.154 2.583 0.154 3.985 0 28.546-23.141 51.688-51.688 51.688-0.547 0-1.092-0.009-1.635-0.025l0.079 0.002zM1036.19 679.192l-166.949 169.143c-10.258 9.696-24.136 15.657-39.406 15.657s-29.147-5.961-39.433-15.682l0.027 0.026c-9.696-10.258-15.657-24.136-15.657-39.406s5.961-29.147 15.682-39.433l-0.026 0.027 74.179-74.179h-704.67c-0.438 0.004-0.956 0.007-1.474 0.007-86.862 0-157.402-69.883-158.464-156.493l-0.001-0.1v-105.326c0.407-30.57 25.080-55.243 55.611-55.649h0.039c30.57 0.407 55.243 25.080 55.649 55.611v104.329c0.942 26.543 22.219 47.82 48.674 48.759l0.088 0.002h704.61l-74.301-74.24c-9.696-10.258-15.657-24.136-15.657-39.406s5.961-29.147 15.682-39.433l-0.026 0.027c10.11-10.031 24.034-16.229 39.406-16.229s29.296 6.199 39.409 16.233l-0.004-0.004 167.010 169.082c9.661 9.88 15.622 23.414 15.622 38.339s-5.961 28.459-15.632 38.349l0.010-0.010z" /> <glyph unicode="" glyph-name="eshop001" d="M1011.81 602.93c-0.079 3.416-0.769 6.649-1.966 9.625l0.066-0.185c-0.25 0.63-0.66 1.13-1 1.73-0.764 1.747-1.603 3.241-2.57 4.641l0.060-0.091-166.63 222.23c-5.114 6.782-13.155 11.12-22.21 11.12 0 0 0 0 0 0h-611.12c-0.003 0-0.006 0-0.010 0-9.055 0-17.096-4.338-22.159-11.050l-0.051-0.070-166.66-222.22c-0.927-1.324-1.783-2.835-2.491-4.426l-0.069-0.174c-0.28-0.58-0.68-1.070-0.93-1.68-1.138-2.799-1.832-6.043-1.909-9.439l-0.001-0.031c0-0.32-0.18-0.59-0.18-0.91v-69.44c0.020-99.56 81.020-180.56 180.58-180.56 39.47 0 117.62 0 156.87 48.72 45.86-48.72 128.65-48.72 162.57-48.72s116.71 0 162.57 48.72c39.25-48.72 117.43-48.72 156.87-48.72 99.56 0 180.56 81 180.56 180.56v69.44c0 0.33-0.18 0.61-0.19 0.93zM220.33 796.44h583.34l125-166.67h-833.34zM831.44 407.56c-105.080 0-125 24.41-125 69.44v13.89c0 15.342-12.438 27.78-27.78 27.78s-27.78-12.438-27.78-27.78v0c0-50-23.61-83.33-138.89-83.33s-138.89 33.31-138.89 83.33c0 15.342-12.438 27.78-27.78 27.78s-27.78-12.438-27.78-27.78v0-13.89c0-45-19.92-69.44-125-69.44-69.004 0.080-124.92 55.997-125 124.993v41.667h888.9v-41.67c-0.085-68.999-56-124.91-124.992-124.99h-0.008zM928.67 296.44c-0.006 0-0.013 0-0.020 0-15.331 0-27.76-12.429-27.76-27.76 0-0.007 0-0.014 0-0.021v0.001-329c0-17.39-11.23-32.060-24.52-32.060h-728.75c-13.28 0-24.51 14.68-24.51 32.060v329c0 15.342-12.438 27.78-27.78 27.78s-27.78-12.438-27.78-27.78v0-329c0-48.31 35.92-87.62 80.060-87.62h728.76c44.16 0 80.080 39.31 80.080 87.62v329c0 0.006 0 0.013 0 0.020 0 15.331-12.429 27.76-27.76 27.76-0.007 0-0.014 0-0.021 0h0.001z" /> <glyph unicode="" glyph-name="eshoptj002" d="M889.6 196.8c-1.653 4.478-5.122 7.947-9.489 9.564l-0.111 0.036-68.8 64-12.8-14.4 52.8-48h-203.2l-80 94.4c-2.914 4.295-7.773 7.081-13.283 7.081-8.837 0-16-7.163-16-16 0-4.708 2.033-8.941 5.27-11.869l0.014-0.012 84.8-99.2c2.911-2.996 6.978-4.855 11.48-4.855 0.465 0 0.925 0.020 1.38 0.059l-0.059-0.004h209.6l-52.8-48 12.8-14.4 68.8 64c4.478 1.653 7.947 5.122 9.564 9.489l0.036 0.111 6.4 3.2zM379.2 176c5.217 0 9.85 2.496 12.771 6.36l0.029 0.040 257.6 313.6h201.6l-52.8-48 12.8-14.4 68.8 64c4.478 1.653 7.947 5.122 9.564 9.489l0.036 0.111 6.4 4.8-6.4 4.8c-1.653 4.478-5.122 7.947-9.489 9.564l-0.111 0.036-68.8 64-12.8-14.4 52.8-48h-209.6c-5.217 0-9.85-2.496-12.771-6.36l-0.029-0.040-256-313.6h-134.4c-4.071 27.273-27.33 47.953-55.419 47.953-30.928 0-56-25.072-56-56s25.072-56 56-56c22.226 0 41.427 12.948 50.473 31.712l0.146 0.335zM184 176c-13.255 0-24 10.745-24 24s10.745 24 24 24c13.255 0 24-10.745 24-24v0c0-13.255-10.745-24-24-24v0zM184 448c27.677 0.524 50.405 21.047 54.363 47.694l0.037 0.306h136l65.6-92.8c2.95-3.904 7.583-6.4 12.8-6.4v0l11.2 3.2c3.904 2.95 6.4 7.583 6.4 12.8 0 3.62-1.202 6.959-3.229 9.64l0.029-0.040-70.4 99.2c-2.95 3.904-7.583 6.4-12.8 6.4h-150.4c-9.203 19.069-28.388 31.991-50.592 31.991-30.928 0-56-25.072-56-56s25.072-56 56-56c0.349 0 0.697 0.003 1.044 0.010l-0.052-0.001zM184 528c13.255 0 24-10.745 24-24s-10.745-24-24-24c-13.255 0-24 10.745-24 24v0c0 13.255 10.745 24 24 24v0zM728 134.4c-54.411-57.762-131.405-93.729-216.8-93.729s-162.389 35.967-216.66 93.579l-0.14 0.15c-2.29 1.34-5.042 2.132-7.98 2.132-8.837 0-16-7.163-16-16 0-2.521 0.583-4.905 1.621-7.026l-0.042 0.094c60.253-63.902 145.48-103.688 240-103.688s179.746 39.786 239.847 103.525l0.153 0.164c2.735 2.925 4.415 6.866 4.415 11.2 0 9.066-7.349 16.415-16.415 16.415-4.732 0-8.996-2.002-11.991-5.205l-0.009-0.009zM281.6 561.6c4.392 0.065 8.346 1.889 11.197 4.797l0.003 0.003c54.578 59.293 132.566 96.311 219.2 96.311s164.623-37.019 219.009-96.102l0.191-0.21c2.914-4.295 7.773-7.081 13.283-7.081 8.837 0 16 7.163 16 16 0 4.708-2.033 8.941-5.27 11.869l-0.014 0.012c-60.473 65.946-147.026 107.137-243.2 107.137s-182.727-41.191-242.98-106.893l-0.22-0.244c-2.829-2.884-4.575-6.839-4.575-11.202 0-8.758 7.036-15.872 15.763-15.998h0.012z" /> <glyph unicode="" glyph-name="express" d="M927.887 236.014c0 0.723 0 0.723 0 0l-62.148 266.659c-16.621 70.097-72.988 108.398-117.070 108.398h-71.543c-13.73 0-25.293-11.562-25.293-25.293v-267.382c0-13.73 11.562-25.293 25.293-25.293h100.449c13.73 0 25.293 11.562 25.293 25.293s-11.562 25.293-25.293 25.293h-74.433v216.796h46.25c15.898 0 54.922-17.344 67.929-69.375l61.426-265.936c6.504-33.965 1.445-53.476-15.898-59.98-13.008-4.336-20.234-18.789-15.898-31.797 3.613-10.84 13.73-17.344 23.848-17.344 2.891 0 5.781 0.723 7.949 1.445 20.957 7.949 66.484 33.242 49.14 118.515zM161.874 619.743h422.752c13.73 0 25.293 11.562 25.293 25.293s-11.562 25.293-25.293 25.293h-422.752c-45.527 0-78.769-29.629-78.769-71.543v-406.854c0-27.461 14.453-52.754 38.301-67.207 4.336-2.168 8.672-3.613 13.008-3.613 8.672 0 16.621 4.336 21.68 12.285 7.227 12.285 3.613 27.461-8.672 34.687-8.672 5.059-13.73 14.453-13.73 23.848v407.577c0 18.789 21.68 20.234 28.183 20.234zM706.755 254.080c-54.922 0-101.171-39.023-112.011-91.777h-187.89c-10.84 52.031-57.090 91.777-112.011 91.777-62.871 0-114.179-51.308-114.179-114.179s51.308-114.179 114.179-114.179c53.476 0 98.281 36.855 110.566 86.718h190.781c12.285-49.863 57.090-86.718 110.566-86.718 62.871 0 114.179 51.308 114.179 114.179s-51.308 114.179-114.179 114.179zM358.436 132.675c-3.613-31.797-30.351-56.367-63.594-56.367-35.41 0-63.594 28.906-63.594 63.594s28.906 63.594 63.594 63.594c33.965 0 62.148-26.738 63.594-60.703-0.723-2.168-0.723-3.613-0.723-5.781 0-1.445 0-2.891 0.723-4.336zM706.755 76.308c-35.41 0-63.594 28.906-63.594 63.594s28.906 63.594 63.594 63.594 63.594-28.906 63.594-63.594-28.183-63.594-63.594-63.594zM551.385 350.916c0-15.166 12.295-27.461 27.461-27.461s27.461 12.295 27.461 27.461v0c0 15.166-12.295 27.461-27.461 27.461s-27.461-12.295-27.461-27.461v0zM551.385 447.029c0-15.166 12.295-27.461 27.461-27.461s27.461 12.295 27.461 27.461v0c0 15.166-12.295 27.461-27.461 27.461s-27.461-12.295-27.461-27.461v0zM551.385 543.142c0-15.166 12.295-27.461 27.461-27.461s27.461 12.295 27.461 27.461v0c0 15.166-12.295 27.461-27.461 27.461s-27.461-12.295-27.461-27.461v0z" /> <glyph unicode="" glyph-name="mes001" horiz-adv-x="1122" d="M829.793 85.407c-3.531 0-7.062 1.766-8.828 3.531l-188.91 150.069c-12.359-5.297-22.952-8.828-35.31-8.828-70.621-7.062-135.945 44.138-143.007 114.759-1.766 15.89 0 31.779 3.531 45.903 1.766 5.297 5.297 8.828 10.593 10.593s10.593 0 14.124-1.766l77.683-63.559 40.607 49.434-77.683 63.559c-3.531 3.531-5.297 8.828-5.297 14.124s3.531 8.828 8.828 12.359c14.124 7.062 30.014 12.359 44.138 14.124 70.621 7.062 135.945-44.138 143.007-114.759 1.766-12.359 1.766-24.717-1.766-37.076l188.91-150.069c3.531-1.766 5.297-7.062 5.297-10.593s0-8.828-3.531-10.593l-58.262-74.152c-5.297-5.297-8.828-7.062-14.124-7.062zM633.821 270.786c3.531 0 7.062-1.766 8.828-3.531l183.614-146.538 40.607 49.434-183.614 146.538c-5.297 3.531-7.062 10.593-5.297 15.89 3.531 12.359 3.531 24.717 1.766 35.31-5.297 54.731-54.731 93.572-109.462 88.276-3.531 0-7.062-1.766-10.593-1.766l68.855-54.731c3.531-1.766 5.297-7.062 5.297-10.593s0-8.828-3.531-10.593l-58.262-74.152c-1.766-3.531-7.062-5.297-10.593-5.297s-8.828 0-10.593 3.531l-68.855 54.731v-10.593c5.297-54.731 54.731-93.572 109.462-88.276 12.359 1.766 22.952 5.297 33.545 10.593 5.297 0 7.062 1.766 8.828 1.766zM633.821-9.931h-157.131c-7.062 0-14.124 5.297-15.89 14.124l-7.062 72.386c-7.062 1.766-14.124 5.297-21.186 8.828l-56.497-45.903c-5.297-5.297-14.124-5.297-21.186 1.766l-116.524 116.524c-5.297 5.297-5.297 14.124 0 21.186l47.669 56.497c-3.531 7.062-5.297 14.124-8.828 21.186l-72.386 7.062c-7.062 0-14.124 7.062-14.124 15.89v164.193c0 7.062 5.297 14.124 14.124 15.89l72.386 7.062c1.766 7.062 5.297 14.124 8.828 21.186l-45.903 56.497c-5.297 5.297-5.297 14.124 1.766 21.186l116.524 116.524c5.297 5.297 14.124 5.297 21.186 0l56.497-47.669c7.062 3.531 14.124 5.297 21.186 8.828l7.062 72.386c0 7.062 7.062 14.124 15.89 14.124h164.193c7.062 0 14.124-5.297 15.89-14.124l7.062-72.386c7.062-1.766 14.124-5.297 21.186-8.828l56.497 45.903c7.062 5.297 15.89 5.297 21.186-1.766l127.117-144.772c3.531-3.531 5.297-8.828 3.531-14.124s-5.297-8.828-10.593-10.593c-104.166-30.014-132.414-38.841-141.241-40.607-10.593-3.531-17.655 3.531-42.372 28.248l-8.828 8.828c-68.855 52.966-174.786 52.966-248.938-1.766-42.372-30.014-65.324-79.448-65.324-139.476-1.766-107.697 79.448-188.91 180.083-188.91h5.297c5.297 0 12.359-3.531 14.124-8.828l68.855-155.366c1.766-5.297 1.766-10.593-1.766-14.124-1.766-5.297-7.062-7.062-12.359-7.062zM490.814 20.083h120.055l-54.731 123.586c-114.759 3.531-208.331 97.103-208.331 213.628 0 68.855 28.248 127.117 77.683 164.193 84.745 63.559 204.8 63.559 286.014 1.766l10.593-10.593c5.297-5.297 14.124-14.124 19.421-17.655 19.421 5.297 77.683 22.952 111.228 33.545l-102.4 116.524-52.966-44.138c-5.297-3.531-10.593-5.297-15.89-1.766-10.593 5.297-22.952 10.593-35.31 14.124-5.297 1.766-10.593 7.062-10.593 12.359l-5.297 68.855h-137.71l-7.062-68.855c0-5.297-5.297-10.593-10.593-12.359-12.359-3.531-24.717-8.828-35.31-14.124-5.297-3.531-12.359-1.766-15.89 1.766l-52.966 44.138-97.103-97.103 44.138-52.966c3.531-5.297 5.297-10.593 1.766-15.89-5.297-10.593-10.593-22.952-14.124-35.31-1.766-5.297-7.062-10.593-12.359-10.593l-68.855-5.297v-137.71l68.855-7.062c5.297 0 10.593-5.297 12.359-10.593 3.531-12.359 8.828-24.717 14.124-35.31 3.531-5.297 1.766-12.359-1.766-15.89l-44.138-52.966 97.103-97.103 52.966 44.138c5.297 3.531 10.593 5.297 15.89 1.766 12.359-5.297 22.952-10.593 35.31-14.124 5.297-1.766 10.593-7.062 10.593-12.359l5.297-70.621z" /> <glyph unicode="" glyph-name="mpinterface" d="M64 640.005h168.001v-47.998c0-26.429 18.879-47.998 41.984-47.998h140.037c23.096 0 41.984 21.569 41.984 47.998v47.998h504.003c17.673 0.003 31.999 14.331 31.999 32.005s-14.326 32.001-31.999 32.005h-504.013v47.998c0 26.429-18.879 47.998-41.984 47.998h-140.027c-23.096 0-41.984-21.569-41.984-47.998v-47.998h-168.001c-17.673-0.003-31.999-14.331-31.999-32.005s14.326-32.001 31.999-32.005v0zM288.005 736h111.998v-128h-111.998v128zM960 384.005h-168.001v47.998c0 26.373-18.879 47.998-41.984 47.998h-140.037c-23.096 0-41.984-21.634-41.984-47.998v-47.998h-503.994c-17.676 0-32.005-14.329-32.005-32.005s14.329-32.005 32.005-32.005h504.003v-47.998c0-26.363 18.879-47.998 41.984-47.998h140.037c23.096 0 41.984 21.634 41.984 47.998v47.998h168.001c17.674 0.003 32 14.331 32 32.005 0 17.676-14.329 32.005-32.005 32.005-0.002 0-0.003 0-0.005 0v0zM735.995 288h-111.998v128h111.998v-128zM960 63.707v0.289h-504.003v47.998c0 26.363-18.879 47.998-41.984 47.998h-139.962c-23.105 0-41.984-21.634-41.984-47.998v-47.998h-168.066v-0.289c-17.673-0.003-31.999-14.331-31.999-32.005s14.326-32.001 31.999-32.005v0c0.987 0 1.918 0.195 2.886 0.289h165.115v-47.998c0-26.363 18.879-47.998 41.984-47.998h140.037c23.096 0 41.984 21.634 41.984 47.998v47.998h501.108c0.968-0.093 1.899-0.289 2.895-0.289 17.675 0.001 32.003 14.329 32.003 32.005s-14.329 32.005-32.005 32.005c-0.003 0-0.006 0-0.008 0v0zM400.002-32h-111.998v128h111.998v-128z" /> <glyph unicode="" d="M773.274 831.002h-195.955c-12.025 0-21.773-9.748-21.773-21.773v-391.911c0-12.025 9.748-21.773 21.773-21.773h391.911c12.025 0 21.773 9.748 21.773 21.773v195.957c-0.001 120.248-97.481 217.728-217.729 217.728z" /> <glyph unicode="" d="M969.229 362.887h-391.911c-30.013 0-54.432 24.417-54.432 54.432v391.91c0 30.014 24.417 54.432 54.432 54.432h195.955c66.881 0 129.758-26.045 177.051-73.336s73.336-110.169 73.336-177.051v-195.955c0.001-30.013-24.417-54.431-54.432-54.431zM588.205 428.205h370.139v185.069c0 102.048-83.022 185.069-185.069 185.069h-185.069v-370.139zM414.023 188.704h-348.365c-18.037 0-32.659 14.621-32.659 32.658s14.622 32.659 32.659 32.659h348.365c18.037 0 32.659-14.621 32.659-32.659s-14.622-32.658-32.659-32.658zM239.84 341.113c-63.973 0-124.118 24.912-169.353 70.148s-70.148 105.379-70.148 169.353 24.912 124.117 70.148 169.353c45.236 45.236 105.38 70.148 169.353 70.148s124.117-24.911 169.353-70.147c45.236-45.236 70.148-105.379 70.148-169.353s-24.912-124.118-70.148-169.353c-45.236-45.236-105.379-70.149-169.353-70.149zM239.84 754.797c-96.044 0-174.183-78.138-174.183-174.182s78.138-174.183 174.183-174.183c96.044 0 174.182 78.138 174.182 174.183s-78.138 174.182-174.182 174.182zM414.023 36.294h-348.365c-18.037 0-32.659 14.622-32.659 32.659s14.622 32.659 32.659 32.659h348.365c18.037 0 32.659-14.621 32.659-32.659s-14.622-32.659-32.659-32.659zM414.023-116.115h-348.365c-18.037 0-32.659 14.621-32.659 32.658s14.622 32.659 32.659 32.659h348.365c18.037 0 32.659-14.621 32.659-32.659s-14.622-32.658-32.659-32.658zM773.273-159.662h-195.955c-30.013 0-54.432 24.417-54.432 54.433v391.911c0 30.013 24.417 54.432 54.432 54.432h391.911c30.014 0 54.433-24.417 54.433-54.432v-46.378c0-18.037-14.621-32.659-32.659-32.659s-32.659 14.621-32.659 32.659v35.492h-370.138v-370.139h185.068c102.048 0 185.069 83.022 185.069 185.069 0 18.037 14.621 32.659 32.659 32.659s32.659-14.621 32.659-32.659c0-66.881-26.045-129.758-73.336-177.051s-110.17-73.337-177.052-73.337z" /> <glyph unicode="" d="M414.023 188.704h-348.365c-18.037 0-32.659 14.621-32.659 32.658s14.622 32.659 32.659 32.659h348.365c18.037 0 32.659-14.621 32.659-32.659s-14.622-32.658-32.659-32.658z" /> <glyph unicode="" glyph-name="pay" d="M756.718 330.186c114.073 0 213.759-101.503 213.759-218.008 0-116.275-99.635-217.855-213.759-217.855-114.175 0-213.759 101.58-213.759 217.855 0 116.479 99.583 218.008 213.759 218.008zM756.718 384.278c-150.169 0-266.827-118.937-266.827-272.126 0-153.087 116.659-272.126 266.827-272.126 150.22 0 266.878 119.039 266.878 272.126 0 153.241-116.659 272.126-266.878 272.126zM829.447 95.998c5.478 0 10.547 3.046 13.312 7.987 1.296 2.307 2.060 5.064 2.060 8s-0.764 5.693-2.103 8.084l0.043-0.084c-2.62 4.764-7.589 7.948-13.306 7.987h-32.722l45.491 71.142c1.623 2.504 2.588 5.566 2.588 8.853 0 5.473-2.676 10.322-6.79 13.309l-0.048 0.033c-2.386 1.672-5.349 2.672-8.546 2.672-5.36 0-10.063-2.811-12.716-7.039l-0.037-0.063-48.64-76.032-48.691 76.032c-2.19 3.431-5.624 5.903-9.652 6.791l-0.102 0.019c-0.902 0.195-1.938 0.306-3.001 0.306-3.19 0-6.145-1.006-8.566-2.718l0.046 0.031c-3.362-2.379-5.745-5.951-6.538-10.088l-0.016-0.1c-0.19-0.94-0.298-2.021-0.298-3.127 0-3.306 0.97-6.386 2.642-8.97l-0.039 0.065 45.491-71.116h-32.742c-5.722-0.040-10.692-3.223-13.272-7.908l-0.040-0.079c-1.296-2.307-2.060-5.064-2.060-8s0.764-5.693 2.103-8.084l-0.043 0.084c2.62-4.764 7.589-7.948 13.306-7.987h46.085v-32h-46.080c-8.474 0-15.36-7.168-15.36-16s6.886-16 15.36-16h46.080v-48c0-8.832 6.886-16 15.36-16s15.36 7.168 15.36 16v48h46.080c8.474 0 15.36 7.168 15.36 16 0.002 0.092 0.003 0.201 0.003 0.311 0 8.551-6.839 15.504-15.346 15.689h-46.097v32h46.080zM411.504-125.543h-267.698c-75.008 0-133.836 56.934-133.836 133.426v709.423c-0.006 0.49-0.010 1.069-0.010 1.649 0 37.093 14.801 70.729 38.82 95.324l-0.026-0.027c23.853 24.446 57.124 39.608 93.937 39.608 0.392 0 0.784-0.002 1.175-0.005h588.813c75.008 0 130.687-60.057 130.687-136.524v-163.711c0-16.358-7.526-27.366-23.68-27.366-15.974 0.051-23.552 11.008-23.552 27.392v163.66c0 43.776-40.627 88.371-83.455 88.371h-588.873c-42.88 0-86.604-44.595-86.604-88.371v-709.449c0-43.776 43.725-85.119 86.604-85.119h267.698c16.026 0 26.777-7.629 26.777-24.115 0-16.41-10.752-24.192-26.777-24.192zM411.504-135.68h-267.698c-81.945 0-143.794 61.772-143.794 143.564v709.423c-0.008 0.552-0.012 1.205-0.012 1.858 0 39.832 15.896 75.952 41.691 102.362l-0.028-0.029c25.606 26.233 61.317 42.502 100.829 42.502 0.462 0 0.924-0.002 1.385-0.007l-0.070 0.001h588.873c80.179 0 140.62-63.052 140.62-146.662v-163.711c0-23.091-12.851-37.478-33.613-37.478-20.633 0-33.51 14.387-33.51 37.478v163.711c0 38.733-37.043 78.233-73.472 78.233h-588.924c-37.197 0-76.672-40.243-76.672-78.233v-709.449c0-37.197 38.733-75.008 76.672-75.008h267.698c22.656 0 36.71-13.133 36.71-34.227 0-21.12-14.080-34.304-36.71-34.304zM143.806 843.719c-0.332 0.003-0.725 0.005-1.118 0.005-34.048 0-64.823-14.014-86.871-36.589l-0.023-0.024c-22.204-22.738-35.901-53.868-35.901-88.196 0-0.565 0.004-1.13 0.011-1.694l-0.001 0.086v-709.449c0-70.297 53.273-123.186 123.903-123.186h267.698c16.845 0 16.845 9.728 16.845 13.901 0 4.198 0 14.029-16.845 14.029h-267.698c-49.664 0-96.537 46.259-96.537 95.206v709.525c0 49.741 47.795 98.483 96.511 98.483h588.924c47.104 0 93.388-48.742 93.388-98.483v-163.711c0-17.229 9.549-17.229 13.619-17.229 4.147 0 13.747 0 13.747 17.229v163.711c0 72.064-51.891 126.386-120.754 126.386h-588.899zM625.621 584.111h-374.731c-16.077 0-25.267 7.782-25.267 24.038 0 16.384 9.139 24.141 25.216 24.141h374.756c16.077 0 25.19-7.757 25.19-24.141 0.051-16.256-9.062-24.038-25.19-24.038zM577.596 420.4h-326.68c-16.077 0-25.267 7.731-25.267 24.115 0 16.256 9.139 24.064 25.216 24.064h326.731c16.077 0 25.216-7.808 25.216-24.064 0.051-16.384-9.088-24.115-25.216-24.115zM577.596 410.211h-326.68c-22.016 0-35.149 12.8-35.149 34.253 0 21.401 13.158 34.176 35.149 34.176h326.731c21.99 0 35.149-12.826 35.149-34.176 0.051-10.419-2.944-18.739-8.883-24.806-6.144-6.221-15.027-9.446-26.317-9.446zM250.89 458.415c-12.698 0-15.258-5.274-15.258-13.901 0-8.602 2.509-13.978 15.283-13.978h326.731c3.994 0 9.37 0.666 12.237 3.456 2.048 2.048 3.021 5.581 2.995 10.445 0 8.704-2.509 13.978-15.232 13.978h-326.731zM433.571 219.134h-182.655c-22.016 0-35.149 12.774-35.149 34.253 0 21.401 13.158 34.176 35.149 34.176h182.706c22.016 0 35.149-12.826 35.149-34.176 0.051-10.419-2.918-18.739-8.883-24.832-6.144-6.195-15.027-9.421-26.317-9.421zM625.621 573.973h-374.731c-22.016 0-35.149 12.826-35.149 34.176 0 21.504 13.158 34.253 35.149 34.253h374.731c22.016 0 35.149-12.774 35.149-34.253 0.051-10.419-2.918-18.637-8.883-24.729-6.144-6.246-15.027-9.446-26.291-9.446z" /> <glyph unicode="" glyph-name="qts001" d="M147.2 443.7c9.9 0 17.9 8 17.9 17.9v178.3l357.7 122.8 336.2-126.3-0.1-174.8h0.1c0-9.9 8-17.9 17.9-17.9s17.9 8 17.9 17.9c0 0.2-0.1 0.4-0.1 0.7l0.2 186.1c0 7.3-4.4 13.9-11.2 16.6l-354 133.5c-4.2 1.7-8.8 1.8-13 0.2l-375.8-129.6c-7-2.6-11.6-9.3-11.6-16.8v-190.7c0-9.9 8-17.9 17.9-17.9zM877 336.2c-9.9 0-17.9-8-17.9-17.9h-0.2v-66c0-0.8-0.8-76-58-138.3-102.2-111.4-257.1-160.6-291.1-173-229.8 86.5-286.3 171.7-314.6 211-26.4 36.6-29.9 100.5-29.9 100.5v65.9c0 9.9-8 17.9-17.9 17.9s-17.9-8-17.9-17.9v-66.7c0.1-3 3.9-75.2 37-120.9 30.1-41.8 92.2-134.8 337.1-225.6 2-0.7 4.1-1.1 6.2-1.1 1.9 0 3.9 0.3 5.8 1 8.5 2.9 192.5 54.6 311.9 184.9 66.9 73 67.4 159 67.4 162.6v64.7c0 0.4 0.2 0.8 0.2 1.2-0.2 9.6-8.2 17.7-18.1 17.7zM643.9 360.7c0 23.8-3.1 46.4-9.3 67.9s-15.4 40.3-27.6 56.4-27.5 28.9-45.9 38.3c-18.4 9.5-40 14.2-64.7 14.2-25.1 0-46.9-4.7-65.6-14.2-18.6-9.4-34-22.2-46.2-38.3s-21.2-34.9-27.1-56.4c-5.9-21.5-8.8-44.1-8.8-67.9 0-24.1 3.1-46.9 9.3-68.4s15.4-40.3 27.6-56.4 27.6-28.9 46.2-38.3c18.6-9.5 40.1-14.2 64.5-14.2 20.2 0 38.1 3.1 53.7 9.3 15.7 6.2 30.3 15.5 44 27.9l21.5-21c7.5-7.5 14.1-11.5 19.8-12s10.3 1.6 13.9 6.1c8.8 9.4 6.6 20.8-6.8 34.2l-24.4 24.4c9.4 16.6 16.1 33.9 20 52s5.9 36.9 5.9 56.4zM602.3 317.5c-2.2-12.6-6-25.4-11.2-38.4l-29.3 29.8c-4.2 5.2-8.7 7.2-13.4 6.1-4.7-1.2-9-3.7-12.9-7.6-9.5-10.5-10-19.2-1.5-26.4l34.7-34.7c-9.8-9.7-20.6-16.8-32.5-21.2s-25.2-6.6-39.8-6.6c-19.2 0-35.7 4-49.7 12-13.8 8-25.1 18.6-33.9 32-8.8 13.3-15.2 28.4-19.5 45.4s-6.4 34.6-6.4 52.8c0 18.6 2.2 36.4 6.4 53.5s10.8 32.2 19.8 45.4c8.9 13.2 20.2 23.8 33.9 31.8 13.6 8 30.1 12 49.3 12 18.9 0 35.2-4 49.1-12 13.8-8 25.2-18.6 34.2-32s15.5-28.6 19.8-45.9c4.2-17.2 6.3-35.3 6.3-54.2 0-15.3-1.1-29.3-3.4-41.8z" /> <glyph unicode="" glyph-name="wms001" horiz-adv-x="1058" d="M358.4 256.427h-81.92c-30.72 0-37.547-6.827-37.547-40.96v-85.333c0-34.133 6.827-40.96 37.547-40.96h81.92c30.72 0 37.547 6.827 37.547 40.96v85.333c3.413 34.133-3.413 40.96-37.547 40.96zM358.4 468.053h-81.92c-30.72 0-37.547-6.827-37.547-40.96v-85.333c0-34.133 6.827-40.96 37.547-40.96h81.92c30.72 0 37.547 6.827 37.547 40.96v85.333c3.413 34.133-3.413 40.96-37.547 40.96zM358.4 44.8h-81.92c-30.72 0-37.547-6.827-37.547-40.96v-85.333c0-34.133 6.827-40.96 37.547-40.96h81.92c30.72 0 37.547 6.827 37.547 40.96v85.333c3.413 34.133-3.413 40.96-37.547 40.96zM1044.48 498.773l-488.107 351.573c-3.413 3.413-6.827 6.827-13.653 10.24-17.067 6.827-37.547 3.413-44.373-13.653l-484.693-351.573c-13.653-13.653-17.067-37.547-6.827-51.2 10.24-17.067 30.72-23.893 47.787-13.653l34.133 23.893v-576.853c0-20.48 17.067-37.547 37.547-37.547s37.547 17.067 37.547 37.547v631.467l361.813 262.827 368.64-266.24 78.507-54.613 27.307-17.067c17.067-10.24 37.547-3.413 47.787 13.653 13.653 13.653 13.653 37.547-3.413 51.2zM781.653 317.867v-75.093h-235.52v-68.267h235.52v-75.093h78.507v75.093h85.333v68.267h-85.333v75.093zM716.8 136.96h-81.92v-75.093h-88.747v-68.267h88.747v-85.333h81.92v75.093h238.933v68.267h-238.933z" /> </font></defs></svg> src/css/fonts/icomoon.ttfBinary files differ
src/css/fonts/icomoon.woffBinary files differ
src/css/index.css
@@ -1,73 +1,73 @@ .content_title>span { position: relative; text-align: center; display: block; color: #3B3B3C; font-weight: bold; font-size: 0.26rem; position: relative; text-align: center; display: block; color: #3B3B3C; font-weight: bold; font-size: 0.26rem; } .content_title>span::before, .content_title>span::after { content: ''; position: absolute; top: 50%; width: 1.39rem; height: 1.1px; background: #999999; content: ''; position: absolute; top: 50%; width: 1.39rem; height: 1.1px; background: #999999; } .content_title>span::before { margin-left: -2.31rem; margin-left: -2.31rem; } .content_title>span::after { margin-left: 0.92rem; margin-left: 0.92rem; } .wrapper { width: 1200px; margin: 0 auto; width: 1200px; margin: 0 auto; } .content, .banner { width: 100%; overflow: hidden; width: 100%; overflow: hidden; } .main, .banner { margin-top: 0.83rem; margin-top: 0.83rem; } ::-webkit-input-placeholder { /*Webkit browsers*/ font-size: 0.16rem; /*Webkit browsers*/ font-size: 0.16rem; } :-moz-placeholder { /*Mozilla Firefox 4 to 8*/ font-size: 0.16rem; /*Mozilla Firefox 4 to 8*/ font-size: 0.16rem; } ::moz-placeholder { /*Mozilla Firefox 19+*/ font-size: 0.16rem; /*Mozilla Firefox 19+*/ font-size: 0.16rem; } :-ms-input-placeholder { /*Internet Explorer 10+*/ font-size: 0.16rem; /*Internet Explorer 10+*/ font-size: 0.16rem; } .header { padding: 0.08rem 0; padding: 0.08rem 0; } .navico, .homeico { display: none; display: none; } @media all and (max-width:1450px) {} @@ -77,15 +77,15 @@ @media all and (max-width:1200px) {} @media (max-width: 1250px) { .wrapper { width:88%; } .wrapper { width:88%; } } @media all and (min-width:0) and (max-width:768px) { .wrapper { width: 94%; } .wrapper { width: 94%; } } @media (min-width: 751px){ .p_hide{ @@ -93,17 +93,21 @@ } } @media (max-width: 750px) and (min-width: 0) { .main { margin-top: 0; } .main { margin-top: 0; } .banner { margin-top: 1.14rem; margin-top: 1.14rem; } .m_hide{ display: none !important; } .content_title>span { font-size: 0.36rem; } .content_title>span { font-size: 0.36rem; } #newBridge .nb-icon-wrap-5 { display: none; } } src/img/QQ.pngsrc/img/home.jpg
@@ -1,18 +1,16 @@ // The Vue build version to load with the `import` command // (runtime-only or standalone) has been set in webpack.base.conf with an alias. import Vue from 'vue' import App from './App' import router from './router' import App from '@/App' import router from '@/router' import Vuex from 'vuex' import axios from './config/axios_init' import VueAxios from 'vue-axios' import axios from '@/config/axios_init' import ElementUi from 'element-ui' import 'element-ui/lib/theme-chalk/index.css' import store from './store' import store from '@/store' import '@/css/reset.css' import '@/css/index.css' import '@/css/animate.css' import '@/css/el_reset.css' import '@/css/fonts.css' import '@/js/main.js' import Header from "@/components/header.vue"; @@ -25,8 +23,8 @@ Vue.config.productionTip = false Vue.config.devtools = true Vue.prototype.$axios = axios Vue.use(VueAxios, axios); Vue.use(ElementUi); Vue.use(Vuex);
@@ -32,89 +32,97 @@ const CaseSolution = resolve => require(['@/views/successCase/caseSolution'], resolve) const center = resolve => require(['@/views/successCase/center'], resolve) const constantRouterMap = [{ path: '/', // name: 'Home', component: Home, children: [ { path: '/', name: 'Index', component: Index }, { name: 'ProductCenter', path: '/productCenter',//产品软件 component: ProductCenter }, { name: 'SuccessCase', path: '/successCase',//成功案例 component: SuccessCase, },{ name: 'SuccessCaseIndex', path: '/SuccessCaseIndex',//成功案例 详情 component: SuccessCaseIndex, }, { name: 'CaseDetail', path: '/caseDetail',//解决方案 详情 component: CaseDetail }, { name: 'Partner', path: '/partner',//合作伙伴 component: Partner }, { name: 'News', path: '/news',//明科动态 版本2 component: News }, { name: 'AboutMingKe', path: '/AboutMingKe',//关于明科 component: AboutMingKe }, { name: 'postDetails', path: '/postDetails',//职位详情 component: postDetails }, { name: 'CompanyProfile', path: '/companyProfile',//企业文化 component: CompanyProfile }, { name: 'JoinMingKe', path: '/joinMingKe',//加入明科 component: JoinMingKe }, { name: 'ContactInformation', path: '/contactInformation',//申请加入 component: ContactInformation }, { name: 'DynamicDetail', path: '/dynamicDetail',//明科动态 详情 component: DynamicDetail }, { name: 'CaseSolution', path: '/caseSolution',//解决方案 component: CaseSolution }, { name: 'center', path: '/center',//解决方案 component: center } ] }] const router = new Router({ routes: [{ path: '/', // name: 'Home', component: Home, children: [ { path: '/', name: 'Index', component: Index }, { name: 'ProductCenter', path: '/productCenter',//产品软件 component: ProductCenter }, { name: 'SuccessCase', path: '/successCase',//成功案例 component: SuccessCase, },{ name: 'SuccessCaseIndex', path: '/SuccessCaseIndex',//成功案例 详情 component: SuccessCaseIndex, }, { name: 'CaseDetail', path: '/caseDetail',//解决方案 详情 component: CaseDetail }, { name: 'Partner', path: '/partner',//合作伙伴 component: Partner }, { name: 'News', path: '/news',//明科动态 版本2 component: News }, { name: 'AboutMingKe', path: '/AboutMingKe',//关于明科 component: AboutMingKe }, { name: 'postDetails', path: '/postDetails',//职位详情 component: postDetails }, { name: 'CompanyProfile', path: '/companyProfile',//企业文化 component: CompanyProfile }, { name: 'JoinMingKe', path: '/joinMingKe',//加入明科 component: JoinMingKe }, { name: 'ContactInformation', path: '/contactInformation',//申请加入 component: ContactInformation }, { name: 'DynamicDetail', path: '/dynamicDetail',//明科动态 详情 component: DynamicDetail }, { name: 'CaseSolution', path: '/caseSolution',//解决方案 component: CaseSolution }, { name: 'center', path: '/center',//解决方案 component: center } ] }] }) export default new Router({ routes: constantRouterMap, scrollBehavior(to, from, savedPosition) {} }) router.afterEach(() => { window.scrollTo(0, 0) }) // new Router({ // routes: constantRouterMap, // scrollBehavior(to, from, savedPosition) {} // }) export default router src/views/home/index.vue
@@ -6,11 +6,19 @@ </div> <Footer v-if="isShow"></Footer> <div class="information" @click="jump"> <img src="../../img/information.png" alt=""> <div class="information"> <div> <el-popover placement="left" width="150" trigger="hover"> <img src="@/img/weixin.png" alt=""> <img class="img" src="@/img/wei.png" slot="reference" alt style="margin-right: 0.16rem;" /> </el-popover> <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=2529499151&site=qq&menu=yes"> <img class="img" src="@/img/QQ.png" alt /> </a> </div> </div> <el-backtop :bottom="40"> <img src="../../img/top.png" alt=""> <el-backtop :bottom="40" > <img class="return-top" src="@/img/top.png" alt=""> </el-backtop> </div> </template> @@ -19,13 +27,11 @@ export default { data() { return { isShow:true isShow: true } }, methods: { jump() { this.$router.push('companyProfile#anchor-3') } }, watch:{ //监听路由 $route(to, from) { @@ -41,17 +47,25 @@ .information { cursor: pointer; position: fixed; bottom: 1.2rem; bottom: 1.5rem; right: 0.4rem; width: 0.4rem; height: 0.4rem; img { z-index: 1005; .img { width: 0.42rem; height: 0.42rem; position: fixed; bottom: 1.2rem; right: 0.4rem; background: #00A5E3; border-radius: 0.42rem; margin-top: 0.05rem; border: 1px solid #00A5E3; } } .el-backtop { z-index: 1005; .return-top { border-radius: 40px; transform: scale(1.04); } } @@ -65,13 +79,13 @@ .information { width: 0.6rem; height: 0.6rem; bottom: 1.8rem; bottom: 2.2rem; z-index: 9999; img { .img { width: 0.6rem; height: 0.6rem; bottom: 1.8rem; margin-top: 0.05rem; } } } src/views/index/index.vue
@@ -1,114 +1,54 @@ <template> <div class="main"> <div class="banner"><img src='../../img/home.png' alt=""></div> <div class="banner"><img src='../../img/home.jpg' alt=""></div> <div class="wrapper-box"> <h3 class="content_title fadeInUp zoomIn animated"><span>主营业务</span></h3> <div class="m_zhu"> <div class="title_a">明科商业智能开放平台</div> <div class="title_b">MingKeOS</div> <div class="title_b">三屏合一、敏捷开发、多平台接口</div> <div class="content">使用MingKeOS可以让用户通过简单配置自然语言对话的交互方式，即可实现企业管 理过程中复杂的业务逻辑处理，平台内置采购、生产、销售、技术、品控、追溯售后、供应商、经销商、 库存、财务、电商、数据中心、接口、人工智能（Kane）等28大业务领域模块。</div> <div class="m_zhu" v-for="(business, index) in mainBusiness" :key="index"> <div class="business_box_t" :style="'background-image: url(' + business.Image1 + ')'"> <div class="bgopacity"></div> <div class="title_a" v-text="business.Title1"></div> <div class="title_b" v-text="business.CDefine1"></div> <div class="title_b" v-text="business.CDefine2"></div> </div> <div class="content" v-text="business.Remark"></div> <div class="img_txt"> <div class="line"> <img src="../../img/zhu1.png" alt=""> <span>可配置</span> </div> <div class="line"> <img src="../../img/zhu2.png" alt=""> <span>易变更</span> </div> <div class="line"> <img src="../../img/zhu3.png" alt=""> <span>大数据</span> </div> <div class="line"> <img src="../../img/zhu4.png" alt=""> <span>多平台接口</span> <div class="line" v-for="(item, index) in business.MainBusi" v-if="index < 4" :key="index"> <div class="mob-bus-icon"> <span class="fa" :class="item.bImage1"> <span class="path1"></span> <span class="path2"></span> <span class="path3"></span> <span class="path4"></span> </span> </div> <p v-text="item.bTitle1"></p> </div> </div> <!-- <button class="btn">查看更多</button> --> </div> <div class="m_zhu m_zhu2"> <div class="title_a">全渠道供应链产品</div> <div class="title_b">WMS、MES、质量追溯</div> <div class="title_b">供应商协同、经销商管理、ERP接口</div> <div class="content" style="margin-top: 0.3rem;">MingKeOS可广泛应用于ERP、SRM、CRM、WMS、MES、DMS、OMS、APP、BDA、FCC等多种系统的研发建设场景</div> <div class="img_txt" style="padding:0.36rem 0.7rem 0.1rem;"> <div class="line"> <img src="../../img/zhu5.png" alt="" class="imgs"> <span class="s1">仓库管理系统<br />WMS </span> </div> <div class="line"> <span class="s1 s2" style="margin-right:0.29rem">制造执行系统<br />MES</span> <img src="../../img/zhu6.png" alt="" class="imgs s2"> </div> </div> <div class="img_txt" style="padding:0.36rem 0.7rem 0.1rem;"> <div class="line"> <img src="../../img/zhu7.png" alt="" class="imgs"> <span class="s1">质量追溯系统<br />QTS</span> </div> <div class="line"> <span class="s1 s2">经销商管理平台<br />DMS</span> <img src="../../img/zhu8.png" alt="" class="imgs s2"> </div> </div> <!-- <button class="btn" style="margin-top: 0.5rem;">查看更多</button> --> </div> <div class="m_zhu m_zhu3" style="height: 12.5rem;"> <div class="title_a">电商系列产品</div> <div class="title_b">商城系统、支付接口、红包营销</div> <div class="title_b">电商OMS、电商WMS、物流接口</div> <div class="content" style="padding-top: 0.8rem;">MingKeOS帮助企业对接各销售渠道，实现商品，库存，订单，物流，财务等数据的全链路贯通。OMS拥有作业流程智能设定，可根据企业需求自定义自动化审单流程，灵活的拆单合单规则可满足企业对于复杂订单的处理需求，自动匹配物流方案全面优化了企业在审单、备货、发货和售后等环节的作业效率。</div> <div class="img_txt" style="padding:0.36rem 0.7rem 0.1rem;"> <div class="line"> <img src="../../img/zhu9.png" alt="" class="imgs"> <span class="s1">自建商城<br />B2C、B2B2C</span> </div> <div class="line"> <span class="s1 s2">多平台对接<br />天猫、京东…</span> <img src="../../img/zhu10.png" alt="" class="imgs s2"> </div> </div> <div class="img_txt" style="padding:0.36rem 0.8rem 0.1rem 0.7rem;"> <div class="line"> <img src="../../img/zhu11.png" alt="" class="imgs"> <span class="s1">多支付场景<br />支付宝、微信…</span> </div> <div class="line"> <span class="s1 s2" style="margin: -0.1rem 0 0 0.2rem;">物流接口<br />菜鸟、无界<br />顺丰、德邦</span> <img src="../../img/zhu12.png" alt="" class="imgs s2"> </div> </div> <div class="img_txt" style="padding:0.36rem 0.7rem 0.1rem;"> <div class="line"> <img src="../../img/zhu13.png" alt="" class="imgs"> <span class="s1" style="margin-top: -0.1rem;">OMS-WMS<br />全渠道、订单归类<br />仓配策略、赠品策略</span> </div> </div> <!-- <button class="btn" style="margin-top: 0.5rem;">查看更多</button> --> <a class="see-detail" href="/caseDetail" style="color: #14A9E5;">了解详情 >></a> </div> <div class="wrapper"> <ul class="business_ul"> <router-link tag="li" to="/caseDetail" v-for="(item,index) in 3" :key="index" class="fadeInUp" v-drag> <router-link tag="li" to="/caseDetail" v-for="(business, index) in mainBusiness" :key="index" class="fadeInUp" v-drag> <router-link tag="div" class="business_box animated pulse" :key="index" to="/caseDetail"> <div class="business_box_t"> <h2>电商平台</h2> <p>MingKeOS帮助企业对接各销售渠道，实现商品，库存，订单，物流，财务等数据的全链路贯通。 OMS拥有作业流程智能设定，可根据企业需求自定义自动化审单流程，灵活的拆单合单规则可满足企业对于复杂订单的处理需求，自动匹配物流方案，全面优化了企业在审单、备货、发货和售后等环节的作业效率。</p> <div class="business_box_t" :style="'background-image: url(' + business.Image1 + ')'"> <div class="bgopacity"></div> <h2 v-text="business.Title2"></h2> <p v-text="business.Remark"></p> </div> <ul class="business_box_b" id="string"> <li v-for="(item,index2) in 4" :key="index2"> <h3><img src="../../img/shop.png" alt=""></h3> <li v-for="(item, index) in business.MainBusi" :key="index"> <h3> <span class="fa" :class="item.bImage1"> <span class="path1"></span> <span class="path2"></span> <span class="path3"></span> <span class="path4"></span> </span> </h3> <div> <p>自建商城</p> <p>B2C、B2B2C</p> <p v-text="item.bTitle1"></p> <p v-text="item.bTitle2"></p> </div> </li> </ul> @@ -121,25 +61,17 @@ </router-link> <div class="business"> <h3> <img src="../../img/index_woman.png" v-if="index == 0" alt=""> <img src="../../img/index_technology.png" v-if="index == 1" alt=""> <img src="../../img/index33.jpg" v-if="index == 2" alt=""> <img :src="business.Image1" alt=""> </h3> <h2 v-if="index == 0"><a style="text-decoration: none;">明科商业智能开放平台</a></h2> <h2 v-if="index == 1"><a style="text-decoration: none;">全渠道供应链产品</a></h2> <h2 v-if="index == 2"><a style="text-decoration: none;">电商系列产品</a></h2> <p v-if="index == 0">MingKeOS</p> <p v-if="index == 1">WMS、MES、质量追溯</p> <p v-if="index == 2">商城系统、支付接口、红包营销</p> <p v-if="index == 0">三屏合一、敏捷开发、多平台接口</p> <p v-if="index == 1">供应商协同、经销商管理、ERP接口</p> <p v-if="index == 2">电商OMS、电商WMS、物流接口</p> <h2><a style="text-decoration: none;" v-text="business.Title1"></a></h2> <p v-text="business.CDefine1"></p> <p v-text="business.CDefine2"></p> </div> </router-link> </ul> </div> </div> <div class="wrapper" style="margin-top: 0.5rem;"> <div class="wrapper mob-wrapper"> <h3 class="content_title fadeInUp zoomIn animated title"><span>明科商业智能开放平台MingKeOS</span></h3> <h3 class="content_title fadeInUp zoomIn animated title-m"><span>MingKeOS</span></h3> <h4 class="content_subtitle"><span>为企业搭建供应链信息化平台</span></h4> @@ -161,7 +93,7 @@ </el-carousel-item> </el-carousel> <ul class="platform_ul"> <router-link to="/caseDetail" tag="li" v-for="(item,index) in 3" :key="item.menu_id"> <router-link to="/caseDetail" tag="li" v-for="(item, index) in 3" :key="item.menu_id"> <h3 v-if="index == 0"><img src="../../img/yuan1.png" alt=""></h3> <h3 v-if="index == 1"><img src="../../img/100.png" alt=""></h3> <h3 v-if="index == 2"><img src="../../img/yuan2.png" alt=""></h3> @@ -174,132 +106,40 @@ </router-link> </ul> </div> <div class="wrapper-box"> <h3 class="content_title fadeInUp zoomIn animated title"><span>成熟的供应链系统解决方案</span></h3> <h3 class="content_title fadeInUp zoomIn animated title-m"><span>解决方案</span></h3> <div class="wrapper"> <div class="content programme"> <ul class="programme_ul"> <router-link to="" tag="li"> <h3><img src="../../img/programmeTool.png" alt="" @mouseover="img_index = 1" @mouseout="img_index = 0" class="animated" :class="img_index == 1 ? 'rotateIn' : ''"></h3> <p>电动工具</p> </router-link> <router-link to="" tag="li"> <h3><img src="../../img/2.png" alt="" @mouseover="img_index = 2" @mouseout="img_index = 0" class="animated" :class="img_index == 2 ? 'rotateIn' : ''"></h3> <p>系统集成</p> </router-link> <router-link to="" tag="li"> <h3><img src="../../img/3.png" alt="" @mouseover="img_index = 3" @mouseout="img_index = 0" class="animated" :class="img_index == 3 ? 'rotateIn' : ''"></h3> <p>汽配行业</p> </router-link> <router-link to="" tag="li"> <h3><img src="../../img/4.png" alt="" @mouseover="img_index = 4" @mouseout="img_index = 0" class="animated" :class="img_index == 4 ? 'rotateIn' : ''"></h3> <p>交通运输</p> </router-link> <router-link to="" tag="li"> <h3><img src="../../img/5.png" alt="" @mouseover="img_index = 5" @mouseout="img_index = 0" class="animated" :class="img_index == 5 ? 'rotateIn' : ''"></h3> <p>制药行业</p> </router-link> <router-link to="" tag="li"> <h3><img src="../../img/6.png" alt="" @mouseover="img_index = 6" @mouseout="img_index = 0" class="animated" :class="img_index == 6 ? 'rotateIn' : ''"></h3> <p>能源行业</p> </router-link> <router-link to="" tag="li"> <h3><img src="../../img/7.png" alt="" @mouseover="img_index = 7" @mouseout="img_index = 0" class="animated" :class="img_index == 7 ? 'rotateIn' : ''"></h3> <p>仓储物流</p> </router-link> <router-link to="" tag="li"> <h3><img src="../../img/11.png" alt="" @mouseover="img_index = 8" @mouseout="img_index = 0" class="animated" :class="img_index == 8 ? 'rotateIn' : ''"></h3> <p>门窗行业</p> </router-link> <router-link to="" tag="li"> <h3><img src="../../img/8.png" alt="" @mouseover="img_index = 9" @mouseout="img_index = 0" class="animated" :class="img_index == 9 ? 'rotateIn' : ''"></h3> <p>医药流通</p> </router-link> <router-link to="" tag="li"> <h3><img src="../../img/9.png" alt="" @mouseover="img_index = 10" @mouseout="img_index = 0" class="animated" :class="img_index == 10 ? 'rotateIn' : ''"></h3> <p>商业连锁</p> </router-link> <router-link to="" tag="li"> <h3><img src="../../img/12.png" alt="" @mouseover="img_index = 11" @mouseout="img_index = 0" class="animated" :class="img_index == 11 ? 'rotateIn' : ''"></h3> <p>电子商务</p> </router-link> <router-link to="" tag="li"> <h3><img src="../../img/10.png" alt="" @mouseover="img_index = 12" @mouseout="img_index = 0" class="animated" :class="img_index == 12 ? 'rotateIn' : ''"></h3> <p>条码管理</p> </router-link> </ul> </div> </div> </div> <div class="content"> <h3 class="content_title fadeInUp zoomIn animated"><span>典型案例</span></h3> <h4 class="content_subtitle"><span>专注大中型企业信息化应用</span></h4> <div class="m_zhu m_zhu4" style="height: 9.3rem;"> <div class="content" style="padding-top: 3.9rem;" @click="jump('successCaseIndex')">基于自动识别技术设计，实现了SAP接口入库、出库、盘点、移位、预警、交叉驳运等业务的精细化管理。采购供货协同项目物料计划，按需采购，定向配送交叉驳运，自动分拣服务器位于北京总部机房乌兹别克斯坦、俄罗斯跨境实施</div> <!-- <button class="btn" style="margin-top: 0.5rem;">查看更多</button> --> <div class="mob_case"> <el-carousel height="6.7rem" arrow="never" :autoplay="true" :interval="5000" style="position: relative;"> <el-carousel-item v-for="_case in cases" :key="_case.ID"> <div class="case-box"> <div class="top" :style="'background-image: url(' + _case.Image1 + ')'"></div> <div class="bottom"> <div style="font-size: 0.35rem;margin-bottom: 0.4rem;" v-text="_case.Title1"></div> <img :src="_case.Image2" @click="jump('successCaseIndex')" alt="" style="max-width: 2.5rem;max-height: 0.8rem;"> <div style="position: absolute; right: 0.5rem;bottom: 0rem;" @click="jump('successCase')"> <img src="../../img/zhong5.png" alt="" style="width: 2rem;"> <img src="../../img/zhong6.png" alt="" style="width: 0.35rem;position: absolute;top: 0.08rem;right: 0.15rem;"> <span style="position: absolute;top: 0.11rem;left: 0.4rem;font-size: 0.24rem;">了解更多</span> </div> </div> </div> </el-carousel-item> </el-carousel> </div> <div class="content case pc_case"> <el-carousel height="6.7rem" direction="vertical" :autoplay="false" style="position: relative;"> <el-carousel-item> <div class="backg11"> <div style="float: right;color: #fff;margin: 2.2rem 2.6rem 0 0;"> <div style="font-size: 0.35rem;margin-bottom: 0.4rem;">卡斯柯</div> <img src="../../img/zhong1.png" @click="jump('successCaseIndex')" alt="" style="margin-right: 0.45rem;cursor: pointer;"> <img src="../../img/zhong4.png" @click="jump('successCaseIndex')" alt="" style="margin-right: 0.45rem;cursor: pointer;"> <img src="../../img/zhong3.png" @click="jump('successCaseIndex')" alt="" style="cursor: pointer;"> <el-carousel height="6.7rem" direction="vertical" :autoplay="true" :interval="5000" style="position: relative;"> <el-carousel-item v-for="_case in cases" :key="_case.ID"> <div class="case-box"> <div class="left" :style="'background-image: url(' + _case.Image1 + ')'"></div> <div class="right"> <div style="font-size: 0.35rem;margin-bottom: 0.4rem;" v-text="_case.Title1"></div> <img :src="_case.Image2" @click="jump('successCaseIndex')" alt="" style="margin-right: 0.45rem;cursor: pointer;"> <div style="position: relative;margin-top: 0.4rem;cursor: pointer;" @click="jump('successCase')"> <img src="../../img/zhong5.png" alt=""> <img src="../../img/zhong6.png" alt="" style="position: absolute;top: 0.11rem;right: 1.94rem;"> <span style="position: absolute;top: 0.12rem;right: 2.43rem;font-size: 0.18rem;">了解更多</span> </div> </div> </div> </el-carousel-item> <el-carousel-item> <div class="backg11 backg22"> <div style="float: right;color: #fff;margin: 2.2rem 2.6rem 0 0;"> <div style="font-size: 0.35rem;margin-bottom: 0.4rem;">威克士</div> <img src="../../img/zhong4.png" @click="jump('successCaseIndex')" alt="" style="margin-right: 0.45rem;cursor: pointer;"> <img src="../../img/zhong2.png" @click="jump('successCaseIndex')" alt="" style="margin-right: 0.45rem;cursor: pointer;"> <img src="../../img/zhong3.png" @click="jump('successCaseIndex')" alt="" style="cursor: pointer;"> <div style="position: relative;margin-top: 0.4rem;cursor: pointer;" @click="jump('successCase')" > <img src="../../img/zhong5.png" alt=""> <img src="../../img/zhong6.png" alt="" style="position: absolute;top: 0.11rem;right: 2.08rem;"> <span style="position: absolute;top: 0.12rem;right: 2.58rem;font-size: 0.18rem;">了解更多</span> </div> </div> </div> </el-carousel-item> <el-carousel-item> <div class="backg11 backg33"> <div style="float: right;color: #fff;margin: 1.9rem 2.6rem 0 0;"> <div style="font-size: 0.35rem;margin-bottom: 0.4rem;">同仁堂</div> <img src="../../img/zhong1.png" @click="jump('successCaseIndex')" alt="" style="margin-right: 0.45rem;cursor: pointer;"> <img src="../../img/zhong2.png" @click="jump('successCaseIndex')" alt="" style="margin-right: 0.45rem;cursor: pointer;"> <img src="../../img/zhong4.png" @click="jump('successCaseIndex')" alt="" style="cursor: pointer;"> <div style="position: relative;margin-top: 0.4rem;cursor: pointer;" @click="jump('successCase')" > <img src="../../img/zhong5.png" alt=""> <img src="../../img/zhong6.png" alt="" style="position: absolute;top: 0.11rem;right: 1.48rem;"> <span style="position: absolute;top: 0.12rem;right: 2rem;font-size: 0.18rem;">了解更多</span> </div> </div> </div> </el-carousel-item> <el-carousel-item> <div class="backg11 backg44"> <div style="float: right;color: #fff;margin: 1.9rem 2.6rem 0 0;"> <div style="font-size: 0.35rem;margin-bottom: 0.4rem;">中国石油工程建设公司</div> <img src="../../img/zhong1.png" @click="jump('successCaseIndex')" alt="" style="margin-right: 0.45rem;cursor: pointer;"> <img src="../../img/zhong2.png" @click="jump('successCaseIndex')" alt="" style="margin-right: 0.45rem;cursor: pointer;"> <img src="../../img/zhong3.png" @click="jump('successCaseIndex')" alt="" style="cursor: pointer;"> <div style="position: relative;margin-top: 0.4rem;cursor: pointer;" @click="jump('successCase')" > <img src="../../img/zhong5.png" alt=""> <img src="../../img/zhong6.png" alt="" style="position: absolute;top: 0.11rem;right: 1.82rem;"> <span style="position: absolute;top: 0.12rem;right: 2.35rem;font-size: 0.18rem;">了解更多</span> <img src="../../img/zhong6.png" alt="" style="position: absolute;top: 0.11rem;left: 1.4rem;"> <span style="position: absolute;top: 0.12rem;left: 0.45rem;font-size: 0.18rem;">了解更多</span> </div> </div> </div> @@ -308,54 +148,24 @@ </div> </div> <div class="m_hide" style="height: 1rem;"></div> <div class="wrapper"> <div class="wrapper mob-wrapper"> <h3 class="content_title fadeInUp zoomIn animated"><span>明科动态</span></h3> <div class="m_hide" style="height: 0.5rem;"></div> <div class="wrapper"> <ul class="dynamic_ul"> <router-link to="/dynamicDetail" tag="li" v-for="(item,index) in 3" :key="index"> <router-link to="/dynamicDetail" tag="li" v-for="item in news" :key="item.ID"> <div style="cursor: pointer;"> <h3 v-if="index == 0" class="h33"> <img src="../../img/dynamic.png" alt=""> <span>企业资讯</span> <h3 class="h33"> <img :src="item.Image1" alt=""> </h3> <div class="dynamic_ul_card" v-if="index == 0" style="height: 2.56rem;"> <div class="dynamic_ul_card"> <h2> <span style="display: inline-block;padding-top: 0.27rem;">明科产品质量安全追溯系统解决方案</span> <span class="times" style="display: inline-block;padding-top: 0.08rem;">2017-03-08</span> <span style="display: inline-block;padding-top: 0.2rem;" v-text="item.Title1"></span> <span class="times" v-text="item.CompletedTime"></span> <div style="clear: both;"></div> </h2> <p class="m_txt" style="line-height: 0.25rem;">明科公司面向生产型企业专门研发了一套质量监管系统，针对商品的生产日期、有效期批号等信息，创建唯一可识别条码，进行产品质量追溯，再根据此识别码的包装关联码查询流通过程中的商品流...</p> <p v-text="item.Remark"></p> </div> <h3 v-if="index == 1" style="position: relative;" class="h33"> <img src="../../img/22.png" alt=""> <span class="m_hide" style="position: absolute;top: 40%;left: 26%;font-size: 0.2rem;">宝时得电商平台</span> <span class="p_hide" style="position: absolute;top: 43%;left: 26%;font-size: 0.4rem;">宝时得电商平台</span> <span>公司活动</span> </h3> <div class="dynamic_ul_card" v-if="index == 1" style="height: 2.56rem;"> <h2> <span style="display: inline-block;padding-top: 0.27rem;">宝时得电商平台项目启动会议隆重举行</span> <span class="times" style="display: inline-block;padding-top: 0.08rem;">2017-10-10</span> <div style="clear: both;"></div> </h2> <p class="m_txt" style="line-height: 0.25rem;">9月22日上午，宝时得电商平台项目启动会在苏州厅隆重召开，专业工具营销中心朱总、财务张总、信息化管理部丁总，携项目组团队参加了此次会议。北京明科普华副总经理张富贵携顾问代表4人出席了会议。</p> </div> <h3 v-if="index == 2" class="h33"> <img src="../../img/33.png" alt=""> <span>解决方案</span> </h3> <div class="dynamic_ul_card" v-if="index == 2" style="height: 2.56rem;"> <h2> <span style="display: inline-block;padding-top: 0.27rem;">明科售后服务跟踪系统解决方案</span> <span class="times" style="display: inline-block;padding-top: 0.08rem;">2017-03-08</span> <div style="clear: both;"></div> </h2> <p class="m_txt" style="line-height: 0.25rem;">明科服务跟踪系统MK-SES是由明科公司首创的基于自动识别技术的服务系统，它能让企业能够更好的为用户提供更人性化的跟踪服务，并且能有效的降低服务成本。</p> </div> </div> </router-link> </ul> @@ -370,12 +180,34 @@ return { brothers: '', data: [], img_index:0, img_index: 0, mainBusiness: null, cases: null, news: null } }, methods:{ jump(u){ jump (u) { this.$router.push(u) }, load () { this.$axios({ data: { func: 'Web_Index_GetData' } }).then(res => { this.mainBusiness = res.Main this.cases = res.Case this.news = res.News }) this.$axios({ data: { func: 'Web_productCenter_GetData', ID: '20190726105746487D81C9D31A08C4C55A81C' } }).then(res => { console.log(res) }) } }, directives: { @@ -399,27 +231,46 @@ brothers.style.display = 'none'; } } }, mounted () { this.load() } } </script> <style scoped lang="less"> .backg11{ .pc_case { background: #162A45; } .case-box { position: relative; width: 100%; height: 6.7rem; background:url(../../img/ban1.jpg) no-repeat; background-size: 100% 100%; } .backg22{ width: 100%; height: 6.7rem; background:url(../../img/ban2.jpg) no-repeat; background-size: 100% 100%; } .backg33{ background:url(../../img/ban3.jpg) no-repeat; } .backg44{ background:url(../../img/ban4.jpg) no-repeat; background: #162A45; .left { background-size: cover; width: 50%; height: 6.7rem; } .right { position: absolute; top: 2.2rem; left: 70%; color: #fff; } .top { background-size: cover; width: 100%; height: 4rem; } .bottom { position: absolute; top: 4.2rem; left: 0; width: 100%; padding-left: 0.5rem; color: #fff; } } .dynamic_ul li { h2 { @@ -467,55 +318,69 @@ } @media (max-width: 750px) and (min-width: 0) { .dynamic_ul_card { height: auto !important; .mob_case { background: #ffffff; position: relative; margin: 0.6rem 0.3rem 0rem; h2 { span { padding-top: 0 !important; font-size: 0.32rem !important; font-family: PingFang-SC-Bold; font-weight: bold; color: rgba(32, 36, 42, 1); line-height: 0.4rem; } .times { display: none !important; } .el-carousel__item { padding: 0; } .m_txt { font-size: 0.32rem; font-family: PingFang-SC-Regular; font-weight: 400; color: rgba(54, 54, 54, 1); line-height: 0.44rem !important; text-align: left; margin-top: 0; .btn { width: 3.38rem; height: 1.04rem; margin-left: calc(50% - 1.69rem); border: 0.02rem solid #52b6e7; font-size: 0.3rem; font-family: PingFang-SC-Medium; font-weight: 500; color: #0380be; background-color: #fff; outline: none; } } .pc_case { display: none; } .m_zhu { height: 9rem; background: url(../../img/z_back.png) no-repeat; background-size: 100% 100%; margin: 0 0.3rem 0.5rem;; background: #ffffff; padding-bottom: 0.7rem; .business_box_t { position: relative; background-size: 100% auto; background-position: top; text-align: left; color: #fff; padding: .2rem .1rem 0.4rem; .bgopacity { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); } } .title_a { position: relative; z-index: 2; font-size: 0.44rem; font-family: PingFang-SC-Medium; font-weight: 500; color: #fff; text-align: center; padding-top: 0.7rem; padding-top: 0.4rem; margin-bottom: 0.1rem; } .title_b { position: relative; z-index: 2; text-align: center; font-size: 0.24rem; font-family: PingFang-SC-Regular; @@ -525,12 +390,12 @@ } .content { font-size: 0.32rem; font-size: 0.26rem; font-family: PingFang-SC-Regular; font-weight: 400; color: rgba(54, 54, 54, 1); line-height: 0.44rem; padding: 0.6rem 0.6rem 0.2rem; padding: 0.4rem 0.3rem 0.2rem; } .img_txt { @@ -541,59 +406,38 @@ flex: 1; text-align: center; img { width: 0.9rem; } .imgs { float: left; } span { .mob-bus-icon { display: inline-block; width: 0.7rem; height: 0.7rem; border: 1px solid #1CACE6; border-radius: 0.7rem; .fa { line-height: 0.65rem; font-size: 0.35rem; color: #1CACE6; } } p { text-align: center; color: #838383; margin-top: 0.1rem; } .s1 { float: left; margin-left: 0.1rem; } .s2{ float: right; padding: 0px 0.1rem; font-size: 0.24rem; } } } .btn { width: 3.38rem; height: 1.04rem; margin-left: calc(50% - 1.69rem); border: 0.02rem solid rgba(82, 182, 231, 1); font-size: 0.3rem; .see-detail { font-size: 0.24rem; font-family: PingFang-SC-Medium; font-weight: 500; color: rgba(3, 128, 190, 1); background-color: #fff; outline: none; float: right; margin-right: 0.5rem; } } .m_zhu2 { background: url(../../img/z_back2.png) no-repeat; background-size: 100% 100%; } .m_zhu3 { background: url(../../img/z_back3.png) no-repeat; background-size: 100% 100%; } .m_zhu4 { background: url(../../img/z_back4.png) no-repeat; background-size: 100% 100%; } .platform_ul { @@ -620,32 +464,11 @@ display: none; } li .business_box { display: block; background: #fff; margin: 0 0.41rem 0.41rem 0.29rem; .business_box_t { background: url(../../img/business.png) 100% 100%; h2 { text-align: center; color: #fff; padding: .25rem 0 .1rem; } p { margin-top: 0.1rem; font-size: 0.32rem; line-height: 0.44rem; } } } .banner { background: url(../../img/indexBanner_m.png) no-repeat center; background: url(../../img/indexBanner_m.jpg) no-repeat center; min-height: 11.44rem; background-size: cover; margin-top: 1.13rem; img { display: none; @@ -739,43 +562,40 @@ .dynamic_ul li { text-align: center; padding: 0 0.2rem; padding: 0; margin-bottom: 0.3rem; h3 { height: 4rem; span { left: -1.6rem; } } } .dynamic_ul li h3 span { background: transparent; bottom: 0.55rem; } .dynamic_ul_card { padding: 0.3rem 0.2rem; background: #fff; .dynamic_ul_card { border: 1px solid #D1D1D1; padding: 0.3rem 0.2rem; background: #fff; h2 { font-weight: bold; font-size: 0.36rem; span { h2 { padding: 0; font-weight: bold; font-size: 0.36rem; color: #20242A; } } p { margin-top: 0.3rem; font-size: 0.32rem; line-height: 0.44rem; color: #363636; span:first-child { color: #20242A; font-size: 0.32rem; } .times { display: none; } } p { font-size: 0.26rem; font-family: PingFang-SC-Regular; font-weight: 400; color: rgba(54, 54, 54, 1); line-height: 0.44rem; text-align: left; margin-top: 0; } } } @@ -802,9 +622,20 @@ padding: .4rem; } } .mob-wrapper { width: auto; margin: 0 0.3rem; .wrapper { width: 100%; } } } @media all and (min-width: 751px) { .mob_case { display: none; } .h33{ height: 2.05rem; } @@ -825,7 +656,7 @@ } .wrapper-box { padding: .5rem 1.8rem; padding: .5rem 0rem; } .business_ul { @@ -879,7 +710,7 @@ p { color: #838383; font-size: 0.1rem; font-size: 0.12rem; } p:nth-child(4) { @@ -892,35 +723,51 @@ width: 100%; height: auto; background: #fff; padding: 0 0 0.4rem 0; padding: 0 0 0.1rem 0; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.05); .business_box_t { background: url(../../img/business.png) 100% 100%; position: relative; background-size: 100% auto; background-position: top; text-align: left; height: 1.4rem; color: #fff; padding: .2rem .1rem; .bgopacity { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); } h2 { position: relative; z-index: 2; margin: 0; font-size: .18rem; margin-bottom: 0.05rem; } p { font-size: .035rem; position: relative; z-index: 2; font-size: .12rem; color: #fff; } } .business_box_b { display: flex; // margin-top: 0.28rem; padding: 0 .1rem; flex-wrap: wrap; li { width: 33.3%; margin-top: 0.28rem; height: 0.55rem; h3 { img { @@ -930,8 +777,8 @@ } } div>p { font-size: .02rem; div > p { font-size: 0.12rem; color: #838383; } } @@ -971,7 +818,7 @@ } p { font-size: 0.11rem; font-size: 0.13rem; color: #838383; } } @@ -1050,6 +897,17 @@ .dynamic_ul_card { background: rgba(243, 243, 243, 1); height: 2.56rem; h2 { .times { display: inline-block; padding-top: 0.08rem; } } p { line-height: 0.25rem; } } .wrapper:last-child .content_title { src/views/productCenter/index.vue
@@ -9,12 +9,12 @@ <div class="wrapper scene"> <div class="content_title"><span>应用场景</span></div> <div class="content_scene"> <span :class="h_index == 1 ? 'hover2' : 'scene'" @mouseover="h_index = 1" @mouseout="h_index = 0"><img src="../../img/p1.png" alt=""><span class="txt">供应商协同</span></span> <span :class="h_index == 2 ? 'hover2' : 'scene'" @mouseover="h_index = 2" @mouseout="h_index = 0"><img src="../../img/p2.png" alt=""><span class="txt txt2">WMS<br />仓库管理系统</span></span> <span :class="h_index == 3 ? 'hover2' : 'scene'" @mouseover="h_index = 3" @mouseout="h_index = 0"><img src="../../img/p3.png" alt=""><span class="txt txt2">QTS<br />质量追溯系统</span></span> <span :class="h_index == 4 ? 'hover2' : 'scene'" @mouseover="h_index = 4" @mouseout="h_index = 0"><img src="../../img/p4.png" alt=""><span class="txt">经销商管理</span></span> <span :class="h_index == 5 ? 'hover2' : 'scene'" @mouseover="h_index = 5" @mouseout="h_index = 0"><img src="../../img/p5.png" alt=""><span class="txt txt2">MES<br />智能制造</span></span> <span :class="h_index == 6 ? 'hover2' : 'scene'" @mouseover="h_index = 6" @mouseout="h_index = 0"> <span class="scene scene-img"><img src="../../img/p1.png" alt=""><span class="txt">供应商协同</span></span> <span class="scene scene-img"><img src="../../img/p2.png" alt=""><span class="txt txt2">WMS<br />仓库管理系统</span></span> <span class="scene scene-img"><img src="../../img/p3.png" alt=""><span class="txt txt2">QTS<br />质量追溯系统</span></span> <span class="scene scene-img"><img src="../../img/p4.png" alt=""><span class="txt">经销商管理</span></span> <span class="scene scene-img"><img src="../../img/p5.png" alt=""><span class="txt txt2">MES<br />智能制造</span></span> <span class="scene scene-img"> <img src="../../img/jing.png" alt="" class="m_img"><span class="txt m_img">经销商管理</span> <img src="../../img/p6.png" alt="" class="p_img"> <span class="txt p_img" style="color: black;bottom: 0;">经销商管理</span> @@ -139,10 +139,10 @@ <script> export default { data() { return { h_index: 0 } data () { return { } } } </script> @@ -167,7 +167,9 @@ } .scene { margin: 0 auto; position: relative; position: relative; cursor: pointer; .txt { position: absolute; left: 1.16rem; @@ -195,10 +197,14 @@ } } } .hover2 { cursor: pointer; transform: scale(1.2); z-index: 99999; .scene-img { z-index: 1; transform: scale(1); transition: all 0.5s; } .scene-img:hover { transform: scale(1.1); z-index: 10; } .center .skill { .content_title { @@ -301,9 +307,6 @@ } } @media (max-width: 750px) and (min-width: 0) { .hover2 { pointer-events: none; } .joinBtnBox { margin: 0.6rem auto 1rem; } src/views/successCase/caseSolution.vue
@@ -1,8 +1,8 @@ <template> <div id="wrap"> <div class="banner" style="margin-bottom: 1rem;"> <img src="../../img/solve.png" alt="" class="m_hide"> <img src="../../img/jiejue.png" alt="" class="p_hide"> <img src="../../img/solve.jpg" alt=""> <!-- <img src="../../img/jiejue.png" alt="" class="p_hide"> --> </div> <div class="wrapper"> <div class="content_title"><span>数字化解决方案</span></div> @@ -247,14 +247,12 @@ } @media (max-width: 750px) and (min-width: 0) { .m_hide { display: none; } .banner { margin-top: 1.14rem; } .m_hide { display: none; margin-top: 1.13rem; img { max-width: 150%; margin-left: -19%; } } .p_txt { font-size:0.24rem; src/views/successCase/center.vue
@@ -1,10 +1,7 @@ <template> <div id="wrap"> <div class="banner" style="margin-bottom: 1rem;position: relative;"> <img src="../../img/ban222.jpg" alt="" class="m_hide"> <span class="banner_txt m_hide">产品中心</span> <img src="../../img/m_backg.jpg" alt="" class="p_hide"> <span class="banner_txt p_hide">产品中心</span> <div class="banner"> <img src="../../img/prod-center.jpg" alt=""> </div> <div class="wrapper"> <div class="content_title"><span>数字化解决方案</span></div> @@ -153,18 +150,6 @@ <style lang="less" scoped> @media (min-width: 751px) { .banner_txt{ font-size: 0.6rem; font-family: SourceHanSansCN-Bold; font-weight: bold; color: rgba(255,255,255,1); position: absolute; top: 39%; left: 43%; } .p_hide{ display: none; } .industry{ display: none; } @@ -255,23 +240,12 @@ } @media (max-width: 750px) and (min-width: 0) { .banner_txt{ font-size: 0.5rem; font-family: SourceHanSansCN-Bold; font-weight: bold; color: rgba(255,255,255,1); position: absolute; top: 39%; left: 39%; } .m_hide{ display: none; } .banner{ margin-top: 1.14rem; } .m_hide{ display: none; .banner { margin-top: 1.13rem; img { max-width: 150%; margin-left: -18%; } } .p_txt{ font-size:0.24rem;
