diff --git a/public/index.html b/public/index.html index c235fe4..d6bc91c 100644 --- a/public/index.html +++ b/public/index.html @@ -7,7 +7,6 @@ - 深圳或然科技官网 diff --git a/src/api/index.js b/src/api/index.js index f463dd8..2a317e1 100644 --- a/src/api/index.js +++ b/src/api/index.js @@ -21,6 +21,7 @@ export default { siteSearchArticles: `iasf/sysContent/siteSearchArticles`, oneLevelChecksThemAll: `iasf/sysColumn/oneLevelChecksThemAll`, queryArticlesByColumnType: `iasf/sysColumn/queryArticlesByColumnType`, + seoList: `iasf/seo/list`, listMarketing: `nakadai/nakadai/mall/marketing/promotion/pagingQueryList`, // 产品中心 diff --git a/src/assets/images/contact-bg.png b/src/assets/images/contact-bg.png new file mode 100644 index 0000000..37e58ab Binary files /dev/null and b/src/assets/images/contact-bg.png differ diff --git a/src/assets/images/contact-info.png b/src/assets/images/contact-info.png new file mode 100644 index 0000000..7a1bc23 Binary files /dev/null and b/src/assets/images/contact-info.png differ diff --git a/src/assets/images/dev/banner.png b/src/assets/images/dev/banner.png new file mode 100644 index 0000000..4b95176 Binary files /dev/null and b/src/assets/images/dev/banner.png differ diff --git a/src/assets/images/dev/banner1.png b/src/assets/images/dev/banner1.png new file mode 100644 index 0000000..84c2692 Binary files /dev/null and b/src/assets/images/dev/banner1.png differ diff --git a/src/assets/images/dev/banner2.png b/src/assets/images/dev/banner2.png new file mode 100644 index 0000000..9f1753b Binary files /dev/null and b/src/assets/images/dev/banner2.png differ diff --git a/src/assets/images/dev/con-bg.png b/src/assets/images/dev/con-bg.png new file mode 100644 index 0000000..3f1ccd3 Binary files /dev/null and b/src/assets/images/dev/con-bg.png differ diff --git a/src/assets/images/dev/con1.png b/src/assets/images/dev/con1.png new file mode 100644 index 0000000..8ab6f51 Binary files /dev/null and b/src/assets/images/dev/con1.png differ diff --git a/src/assets/images/dev/con2.png b/src/assets/images/dev/con2.png new file mode 100644 index 0000000..fc2981d Binary files /dev/null and b/src/assets/images/dev/con2.png differ diff --git a/src/assets/images/dev/con3.png b/src/assets/images/dev/con3.png new file mode 100644 index 0000000..c711928 Binary files /dev/null and b/src/assets/images/dev/con3.png differ diff --git a/src/assets/images/dev/profit-bg1.png b/src/assets/images/dev/profit-bg1.png new file mode 100644 index 0000000..a27aec2 Binary files /dev/null and b/src/assets/images/dev/profit-bg1.png differ diff --git a/src/assets/images/dev/profit-bg2.png b/src/assets/images/dev/profit-bg2.png new file mode 100644 index 0000000..5f5fd38 Binary files /dev/null and b/src/assets/images/dev/profit-bg2.png differ diff --git a/src/assets/images/dev/sup1.png b/src/assets/images/dev/sup1.png new file mode 100644 index 0000000..3c39a8f Binary files /dev/null and b/src/assets/images/dev/sup1.png differ diff --git a/src/assets/images/dev/sup2.png b/src/assets/images/dev/sup2.png new file mode 100644 index 0000000..167582d Binary files /dev/null and b/src/assets/images/dev/sup2.png differ diff --git a/src/assets/images/dev/sup3.png b/src/assets/images/dev/sup3.png new file mode 100644 index 0000000..e9fb983 Binary files /dev/null and b/src/assets/images/dev/sup3.png differ diff --git a/src/assets/images/logo.png b/src/assets/images/logo.png index 4435be6..a31d7b3 100644 Binary files a/src/assets/images/logo.png and b/src/assets/images/logo.png differ diff --git a/src/assets/images/love.png b/src/assets/images/love.png new file mode 100644 index 0000000..985dc09 Binary files /dev/null and b/src/assets/images/love.png differ diff --git a/src/assets/images/search.png b/src/assets/images/search.png index 12194f0..a869736 100644 Binary files a/src/assets/images/search.png and b/src/assets/images/search.png differ diff --git a/src/layouts/header/index.vue b/src/layouts/header/index.vue index 8ba45b3..454ff2f 100644 --- a/src/layouts/header/index.vue +++ b/src/layouts/header/index.vue @@ -13,48 +13,7 @@ :isEstate.sync="isEstate" :isIasf.sync="isIasf" @showMoreBtns="updateBtnsType"> -
- - - - - -
- - - -
-
+
+
+ +
+
@@ -294,7 +312,8 @@ export default { page: 1, pageSize: 12, searchTimer: null, - loadIns: null + loadIns: null, + active: '' }; }, watch: { @@ -360,6 +379,11 @@ export default { this.page = 1; this.getData(); }, + // 简介点击定位锚点 + toPart (i) { + this.active = i + // document.querySelector(`#part${i}`).scrollIntoView() + }, // 获取产品标签 getLabel () { @@ -498,10 +522,6 @@ export default { this.types = res.typeList }).catch(err => { }) }, - // banner点击 - openLink (item) { - item.url && window.open(item.url) - }, // tab切换 tabChange ({ id }) { this.curTab = id @@ -563,6 +583,47 @@ export default { font-size: 24px; } } + + .intro { + display: flex; + justify-content: space-between; + align-items: center; + padding: 43px 0; + background-color: #fff; + li { + display: inline-flex; + align-items: center; + transition: 0.3s; + &.active { + h6, + .desc { + color: #006eff; + } + } + &:hover { + margin-top: -15px; + h6, + .desc { + color: #006eff; + } + } + } + img { + width: 50px; + margin-right: 15px; + } + h6 { + margin-bottom: 5px; + font-size: 16px; + color: #0b1d30; + transition: 0.5s; + } + .desc { + font-size: 13px; + color: #757f92; + transition: 0.5s; + } + } .inner-wrap { padding: 18px 0; background: url(../../../assets/images/product/bg1.png) 0 159px no-repeat, @@ -597,9 +658,10 @@ export default { width: 53px; height: 4px; transform: translateX(-50%); + border-radius: 2px; } &.active:after { - background-color: #9278ff; + background-color: #1583ff; } } } @@ -648,7 +710,7 @@ export default { cursor: pointer; &.active { font-weight: 600; - color: #9278ff; + color: #1583ff; } } .category { @@ -669,7 +731,7 @@ export default { } &.active { .name { - color: #9278ff; + color: #1583ff; } } } @@ -684,7 +746,7 @@ export default { } &.active { .el-input .el-input__inner { - color: #9278ff; + color: #1583ff; } } } @@ -787,7 +849,7 @@ export default { } .tag { margin-right: 8px; - color: #9278ff; + color: #1583ff; background-color: #f9f9f9; border: 0; } diff --git a/src/pages/member/index.vue b/src/pages/member/index.vue index 962659a..2e401ba 100644 --- a/src/pages/member/index.vue +++ b/src/pages/member/index.vue @@ -2,9 +2,6 @@
-
会员专享权益 @@ -22,14 +19,27 @@ :key="i"> -

{{ item.name }}

+

{{ item.title }}

{{ item.des }}

-
立即注册 | 0元成会员
+
立即注册 | 0元成会员
+ + +
+ +
+
@@ -42,32 +52,7 @@ export default { mixins: [mixins], data () { return { - params: [ - { - name: '一站式采购', - des: '优选高品质低价格产品' - }, - { - name: '精准产品匹配', - des: '体系化产品方案匹配满足不同学科需求' - }, - { - name: '本地化售前顾问', - des: '提供项目全流程售前售后支持服务' - }, - { - name: '移动办公', - des: '查看产品、参数，下单，方案生成，手机上即可完成' - }, - { - name: '免息账期', - des: '先发货后付款，支持背靠背支付' - }, - { - name: '智能方案生成', - des: '内置有实验室配置方案模板只需3分钟即可生成方案' - }, - ] + qrcodeVisible: false, } }, mounted () { @@ -117,7 +102,7 @@ export default { } h6 { position: relative; - margin: 60px 0 39px; + margin: 60px 0 30px; font-size: 2rem; font-weight: 600; text-align: center; @@ -144,12 +129,12 @@ export default { padding: 0 60px 0 100px; li { position: relative; - font-size: 1.4rem; - color: #fff; + font-size: 1.2rem; + color: #a3a3a3; &:before { content: ''; position: absolute; - top: 5px; + top: 2px; left: -34px; width: 24px; height: 24px; @@ -158,8 +143,8 @@ export default { } } .member-des { - margin-top: 25px; - font-size: 1rem; + margin-top: 60px; + font-size: 1.2rem; text-align: center; color: #fff; } @@ -167,7 +152,7 @@ export default { display: flex; flex-wrap: wrap; justify-content: space-between; - padding: 0 120px; + padding: 0 180px; li { width: 33.33%; padding: 20px 30px; @@ -196,6 +181,10 @@ export default { background-color: #e3b871; background-image: linear-gradient(233.36deg, #e8ce8c, #f3c169); border-radius: 38px; + cursor: pointer; + &:hover { + opacity: 0.9; + } } } \ No newline at end of file diff --git a/src/pages/supplier/index.vue b/src/pages/supplier/index.vue new file mode 100644 index 0000000..bd7eab5 --- /dev/null +++ b/src/pages/supplier/index.vue @@ -0,0 +1,243 @@ + + + + + \ No newline at end of file diff --git a/src/router/modules/aboutUs.js b/src/router/modules/aboutUs.js new file mode 100644 index 0000000..125d99d --- /dev/null +++ b/src/router/modules/aboutUs.js @@ -0,0 +1,14 @@ +import BasicLayout from '@/layouts/home' +const name = 'aboutUs' +export default { + path: `/${name}`, + component: BasicLayout, + children: [ + { + name, + path: `/${name}`, + component: () => import(`@/pages/${name}`), + meta: { title: '' } + } + ] +}; diff --git a/src/router/modules/supplier.js b/src/router/modules/supplier.js new file mode 100644 index 0000000..ea56fbc --- /dev/null +++ b/src/router/modules/supplier.js @@ -0,0 +1,14 @@ +import BasicLayout from '@/layouts/home' +const name = 'supplier' +export default { + path: `/${name}`, + component: BasicLayout, + children: [ + { + name, + path: `/${name}`, + component: () => import(`@/pages/${name}`), + meta: { title: '' } + } + ] +}; diff --git a/src/setting.js b/src/setting.js index bc3b2b4..0149577 100644 --- a/src/setting.js +++ b/src/setting.js @@ -23,7 +23,7 @@ const Setting = { /** * 路由白名单 * */ - whiteList: [], + whiteList: ['/column/result', '/aboutUs', '/supplier'], /** * 英文站点id数组 * */