Skip to content

S
shop-new
提交 079e762a authored 作者: huaxinzhu's avatar huaxinzhu
浏览文件
操作

测试环境端口更换为6605

上级 4d32bf19 a5ae1cb2
隐藏空白字符变更
内嵌 并排
正在显示 包含 234 行增加 和 225 行删除
.env.development
浏览文件 @ 079e762a
......@@ -4,7 +4,7 @@ ENV = 'development'
# 正式环境
#VUE_APP_BASE_API = 'http://sjapi.jxhh.com'
# 开发环境
VUE_APP_BASE_API = 'http://192.168.26.179:8200/api/v1'
VUE_APP_BASE_API = 'http://192.168.26.179:6605/api/v1'
# 文档模块 直接调用 sys开放接口
VUE_APP_BASE_SYS_API = 'http://sysapi.jxhh.com'
......
.env.staging
浏览文件 @ 079e762a
......@@ -4,4 +4,4 @@ NODE_ENV = production
ENV = 'staging'
#gfast管理系统/测试环境
VUE_APP_BASE_API = '/api/v1'
VUE_APP_BASE_API = 'http://192.168.26.179:6605/api/v1'
src/views/entry/newyuncang.vue
浏览文件 @ 079e762a
<template>
<div class="yc-content" ref="searchBar">
<!-- 头部 -->
<header :class="{ 'head-scroll': isScroll }">
<div class="header-con">
<ul class="nav">
<li v-if="settitle && settitle.topLogo">
<img style="width:114px;height:35px;" :src="settitle.topLogo" alt="">
</li>
<li>
<a href="/">首页</a>
</li>
<li v-if="navigationObj.open">
<a :href=" '//' + navigationObj.open" target="_blank">开放平台</a>
</li>
<li v-if="navigationObj.shop">
<a :href=" '//' + navigationObj.shop">云仓</a>
</li>
<li>
<a :href=" '//' + navigationObj.aboutUs + '/user' " target="_blank">关于我们</a>
</li>
</ul>
<div class="register-login-btn">
<div class="register-btn" @click="toRegister">注 册</div>
<div class="login-btn" @click="toLogin">登 录</div>
<div class="content">
<div class="pc-content" ref="searchBar">
<!-- 头部 -->
<header :class="{ 'head-scroll': isScroll }">
<div class="header-con">
<ul class="nav">
<li v-if="settitle && settitle.topLogo">
<img style="width:114px;height:35px;" :src="settitle.topLogo" alt="">
</li>
<li>
<a href="/">首页</a>
</li>
<li v-if="navigationObj.open">
<a :href=" '//' + navigationObj.open" target="_blank">开放平台</a>
</li>
<li v-if="navigationObj.shop">
<a :href=" '//' + navigationObj.shop">云仓</a>
</li>
<li>
<a :href=" '//' + navigationObj.aboutUs + '/user' " target="_blank">关于我们</a>
</li>
</ul>
<div class="register-login-btn">
<div class="register-btn" @click="toRegister">注 册</div>
<div class="login-btn" @click="toLogin">登 录</div>
</div>
</div>
</div>
</header>
<section class="banner">
<!-- <el-carousel height="561px" :autoplay="false" arrow="never">-->
<!-- <el-carousel-item v-for="item in 4" :key="item">-->
<!-- <img style="width:100%;" src="../../assets/image/website/banner.png" alt="">-->
<!-- </el-carousel-item>-->
<!-- </el-carousel>-->
<swiper :options="swiperOption" v-if="bannerList && bannerList.length > 0">
<swiper-slide v-for="(item,index) in bannerList" :key="index">
<a :href=" '//' + item.redirect_url" target="_blank"><img style="width: 100%;height: 562px;" :src="item.image_url"
alt=""></a>
</swiper-slide>
</swiper>
</section>
<!-- 主体 -->
<section style="margin-bottom: 100px;">
<div class="advantage" :class="{ 'mgB100': isAdHover }">
<p class="advantage-title">核心优势</p>
<div class="advantage-con" :class="{ 'mgT20' : isAdHover }">
<div
class="pre-advantage"
v-for="(adItem,index) in cloud_advantage_lst"
:key="index"
:style="{zIndex: cloud_advantage_lst.length - index}"
@mouseover="adHover(index + 1)"
@mouseleave="adLeave(index + 1)"
>
<dl class="dl-con" :class="{ 'noDlCon': indexAddom === (index+1) }">
<dt :class=" 'dl-con-ad' + (index+1) "></dt>
<dd>{{ adItem.title }}</dd>
</dl>
<div class="pre-advantage-details" :class="{ 'up-ad-details': indexAddom === (index+1) }">
<p class="ad-details-title">{{ adItem.title }}</p>
<p class="ad-details">{{ adItem.content_summary }}</p>
</header>
<section class="banner">
<swiper :options="swiperOption" v-if="bannerList && bannerList.length > 0">
<swiper-slide v-for="(item,index) in bannerList" :key="index">
<a :href=" '//' + item.redirect_url" target="_blank"><img style="width: 100%;height: 562px;" :src="item.image_url"
alt=""></a>
</swiper-slide>
</swiper>
</section>
<!-- 主体 -->
<section style="margin-bottom: 100px;">
<div class="advantage" :class="{ 'mgB100': isAdHover }">
<p class="advantage-title">核心优势</p>
<div class="advantage-con" :class="{ 'mgT20' : isAdHover }">
<div
class="pre-advantage"
v-for="(adItem,index) in cloud_advantage_lst"
:key="index"
:style="{zIndex: cloud_advantage_lst.length - index}"
@mouseover="adHover(index + 1)"
@mouseleave="adLeave(index + 1)"
>
<dl class="dl-con" :class="{ 'noDlCon': indexAddom === (index+1) }">
<dt :class=" 'dl-con-ad' + (index+1) "></dt>
<dd>{{ adItem.title }}</dd>
</dl>
<div class="pre-advantage-details" :class="{ 'up-ad-details': indexAddom === (index+1) }">
<p class="ad-details-title">{{ adItem.title }}</p>
<p class="ad-details">{{ adItem.content_summary }}</p>
</div>
</div>
</div>
<!-- <div class="pre-advantage" @mouseover="adHover(1)" @mouseleave="adLeave(1)" :class="{ 'noBorder': indexAddom === 1 }" style="z-index: 4">-->
<!-- <dl class="dl-con" :class="{ 'noDlCon': indexAddom === 1 }">-->
<!-- <dt class="dl-con-ad1"></dt>-->
<!-- <dd>技术优势</dd>-->
<!-- </dl>-->
<!-- <div class="pre-advantage-details" :class="{ 'up-ad-details': indexAddom === 1 }">-->
<!-- <p class="ad-details-title">-->
<!-- 技术优势-->
<!-- </p >-->
<!-- <p class="ad-details">-->
<!-- 数字化、智能化云仓系统支持商品一键导入，快速编辑上架；订单批量发货、流程简洁，实时同步物流状态； 结算流水实时同步，资金链及时回笼-->
<!-- </p>-->
<!-- </div>-->
<!-- </div>-->
</div>
</div>
</section>
<!-- 入驻流程 -->
<section style="padding-bottom: 90px;background-color: #f9f9fa;">
<p class="process-title">入驻流程和材料</p>
<div class="process-con">
<div class="process-steps">
<div class="pro-step">
<dl>
<dt class="step-one"></dt>
<dd>第一步：注册账号</dd>
</dl>
<span>无需等待</span>
<p>进入云仓官网，注册账号</p>
<p>注册完成后，填写相关信息</p>
</div>
<div class="pro-step">
<dl>
<dt class="step-two"></dt>
<dd>第二步：填写信息</dd>
</dl>
<span>约20分钟</span>
<p>确认在线协议填写公司主体信息</p>
<p>填写店铺信息提交相关资质</p>
</div>
<div class="pro-step">
<dl>
<dt class="step-three"></dt>
<dd>第三步：等待审核</dd>
</dl>
<span>约1-3个工作日</span>
<p>云仓工作人员会在1-3个工作日内</p>
<p>反馈审核结果，商家可通过登录查询审核进度</p>
</div>
<div class="pro-step">
<dl>
<dt class="step-four"></dt>
<dd>第四步：发布商品</dd>
</dl>
<span>无需等待</span>
<p>审核通过，商家登录后台</p>
<p>商家发布商品并上架</p>
</div>
</div>
<div class="process-mater">
<div class="pro-ma">
<p class="set-in-ma m-bg">入驻必备材料</p>
<div class="optional">
<ul>
<li>营业执照电子版</li>
<li>法人证件电子版</li>
</ul>
</section>
<!-- 入驻流程 -->
<section style="padding-bottom: 90px;background-color: #f9f9fa;">
<p class="process-title">入驻流程和材料</p>
<div class="process-con">
<div class="process-steps">
<div class="pro-step">
<dl>
<dt class="step-one"></dt>
<dd>第一步：注册账号</dd>
</dl>
<span>无需等待</span>
<p>进入云仓官网，注册账号</p>
<p>注册完成后，填写相关信息</p>
</div>
</div>
<div class="pro-ma">
<p class="set-in-ma n-m-bg">入驻选填材料</p>
<div class="optional">
<ul>
<li>品牌LOGO</li>
<li>其它行业资质</li>
</ul>
<ul>
<li>品牌授权（代理品需提供）</li>
<li>店铺LOGO</li>
</ul>
<div class="pro-step">
<dl>
<dt class="step-two"></dt>
<dd>第二步：填写信息</dd>
</dl>
<span>约20分钟</span>
<p>确认在线协议填写公司主体信息</p>
<p>填写店铺信息提交相关资质</p>
</div>
<div class="pro-step">
<dl>
<dt class="step-three"></dt>
<dd>第三步：等待审核</dd>
</dl>
<span>约1-3个工作日</span>
<p>云仓工作人员会在1-3个工作日内</p>
<p>反馈审核结果，商家可通过登录查询审核进度</p>
</div>
<div class="pro-step">
<dl>
<dt class="step-four"></dt>
<dd>第四步：发布商品</dd>
</dl>
<span>无需等待</span>
<p>审核通过，商家登录后台</p>
<p>商家发布商品并上架</p>
</div>
</div>
</div>
</div>
</section>
<!-- 入驻品牌 -->
<section class="brand">
<p class="brands-title">这些品牌都已入驻</p>
<p class="brands-tip">我们已与各行业领域的优秀品牌达成合作</p>
<div>
<p class="brand-type">
<span class="clothes" :class="{ 'light-word' : isLight === 0 }" @click="brandTypeChange(0)">{{ detail_img1.type }}</span>
<span class="electrical" :class="{ 'light-word' : isLight === 1 }" @click="brandTypeChange(1)">{{ detail_img2.type }}</span>
<span class="food" :class="{ 'light-word' : isLight === 2 }" @click="brandTypeChange(2)">{{ detail_img3.type }}</span>
<span class="maternal" :class="{ 'light-word' : isLight === 3 }" @click="brandTypeChange(3)">{{ detail_img4.type }}</span>
</p>
<div class="brand-carousel">
<el-carousel ref="cardShow" @change="brandCarChange()" :autoplay="false" arrow="never"
indicator-position="none" type="card" class="card-show" height="400px">
<el-carousel-item class="pre-el-carousel-item el-carousel-item-spe" name="1">
<div class="pre-img-con" v-for="(item,index) in detail_img1.logo_urls" :key="index">
<img class="pre-img" :src="item.url" alt="">
<div class="process-mater">
<div class="pro-ma">
<p class="set-in-ma m-bg">入驻必备材料</p>
<div class="optional">
<ul>
<li>营业执照电子版</li>
<li>法人证件电子版</li>
</ul>
</div>
</el-carousel-item>
<el-carousel-item class="pre-el-carousel-item el-carousel-item-spe" name="2">
<div class="pre-img-con" v-for="(item,index) in detail_img2.logo_urls" :key="index">
<img class="pre-img" :src="item.url" alt="">
</div>
</el-carousel-item>
<el-carousel-item class="pre-el-carousel-item el-carousel-item-spe" name="3">
<div class="pre-img-con" v-for="(item,index) in detail_img3.logo_urls" :key="index">
<img class="pre-img" :src="item.url" alt="">
</div>
</el-carousel-item>
<el-carousel-item class="pre-el-carousel-item el-carousel-item-spe" name="4">
<div class="pre-img-con" v-for="(item,index) in detail_img4.logo_urls" :key="index">
<img class="pre-img" :src="item.url" alt="">
</div>
<div class="pro-ma">
<p class="set-in-ma n-m-bg">入驻选填材料</p>
<div class="optional">
<ul>
<li>品牌LOGO</li>
<li>其它行业资质</li>
</ul>
<ul>
<li>品牌授权（代理品需提供）</li>
<li>店铺LOGO</li>
</ul>
</div>
</el-carousel-item>
</el-carousel>
</div>
</div>
</div>
</div>
</section>
<!-- 底部 -->
<footer>
<div class="contact">
<p>如果你想要更多的<span>了解</span>，请联系我们</p>
<p>{{ settitle.contactTel }}</p>
</div>
<div class="about-con">
<div class="about-list">
<ul>
<li v-for="(footerItem,index) in footerList" :key="index" @click="goToUser(footerItem.id)">{{ footerItem.title }}</li>
</ul>
<p class="about-gs">
{{settitle.bottomCopyright}}  <img class="icon-image" style="margin-right:4px;"
src="@/assets/image/national.png">{{settitle.recordNum}}
</section>
<!-- 入驻品牌 -->
<section class="brand">
<p class="brands-title">这些品牌都已入驻</p>
<p class="brands-tip">我们已与各行业领域的优秀品牌达成合作</p>
<div>
<p class="brand-type">
<span class="clothes" :class="{ 'light-word' : isLight === 0 }" @click="brandTypeChange(0)">{{ detail_img1.type }}</span>
<span class="electrical" :class="{ 'light-word' : isLight === 1 }" @click="brandTypeChange(1)">{{ detail_img2.type }}</span>
<span class="food" :class="{ 'light-word' : isLight === 2 }" @click="brandTypeChange(2)">{{ detail_img3.type }}</span>
<span class="maternal" :class="{ 'light-word' : isLight === 3 }" @click="brandTypeChange(3)">{{ detail_img4.type }}</span>
</p>
<div class="brand-carousel">
<el-carousel ref="cardShow" @change="brandCarChange()" :autoplay="false" arrow="never"
indicator-position="none" type="card" class="card-show" height="400px">
<el-carousel-item class="pre-el-carousel-item el-carousel-item-spe" name="1">
<div class="pre-img-con" v-for="(item,index) in detail_img1.logo_urls" :key="index">
<img class="pre-img" :src="item.url" alt="">
</div>
</el-carousel-item>
<el-carousel-item class="pre-el-carousel-item el-carousel-item-spe" name="2">
<div class="pre-img-con" v-for="(item,index) in detail_img2.logo_urls" :key="index">
<img class="pre-img" :src="item.url" alt="">
</div>
</el-carousel-item>
<el-carousel-item class="pre-el-carousel-item el-carousel-item-spe" name="3">
<div class="pre-img-con" v-for="(item,index) in detail_img3.logo_urls" :key="index">
<img class="pre-img" :src="item.url" alt="">
</div>
</el-carousel-item>
<el-carousel-item class="pre-el-carousel-item el-carousel-item-spe" name="4">
<div class="pre-img-con" v-for="(item,index) in detail_img4.logo_urls" :key="index">
<img class="pre-img" :src="item.url" alt="">
</div>
</el-carousel-item>
</el-carousel>
</div>
</div>
<div class="about-us">
<p class="us-title">联系我们</p>
<p>联系电话：{{settitle.contactTel}}</p>
<p>公司地址:{{settitle.companyAddress}}</p>
</section>
<!-- 底部 -->
<footer>
<div class="contact">
<p>如果你想要更多的<span>了解</span>，请联系我们</p>
<p>{{ settitle.contactTel }}</p>
</div>
<div class="about-con">
<div class="about-list">
<ul>
<li v-for="(footerItem,index) in footerList" :key="index" @click="goToUser(footerItem.id)">{{ footerItem.title }}</li>
</ul>
<p class="about-gs">
{{settitle.bottomCopyright}}  <img class="icon-image" style="margin-right:4px;"
src="@/assets/image/national.png">{{settitle.recordNum}}
</p>
</div>
<div class="about-us">
<p class="us-title">联系我们</p>
<p>联系电话：{{settitle.contactTel}}</p>
<p>公司地址:{{settitle.companyAddress}}</p>
</div>
</div>
</footer>
</div>
<!-- 移动端 -->
<div class="mobile-content">
<div class="m-header">
<ul class="m-nav">
<li v-if="settitle && settitle.topLogo">
<img style="width:114px;height:35px;" :src="settitle.topLogo" alt="">
</li>
<li>
<a href="/">首页</a>
</li>
<li v-if="navigationObj.open">
<a :href=" '//' + navigationObj.open" target="_blank">开放平台</a>
</li>
<li v-if="navigationObj.shop">
<a :href=" '//' + navigationObj.shop">云仓</a>
</li>
<li>
<a :href=" '//' + navigationObj.aboutUs + '/user' " target="_blank">关于我们</a>
</li>
</ul>
</div>
</footer>
</div>
</div>
</template>
<script>
......@@ -344,6 +349,7 @@
mounted() {
this.getIndexInfo()
window.addEventListener('scroll', this.handleScroll, true);
// console.log(333,window.devicePixelRatio);
},
destroyed() {
window.removeEventListener('scroll', this.handleScroll);
......@@ -377,20 +383,6 @@
if (res.code == 1) {
if (res.data.universal_lst && res.data.universal_lst != 'null') {
this.settitle = res.data.universal_lst
} else {
// this.settitle = {
// bottomCopyright: "Copyright © 2015 - 2021 北京胜天半子科技有限公司 All Rights Reserved.",
// businessHours: 1,
// companyAddress: "北京市丰台区诺德中心一期四号楼21层",
// contactTel: "4000-188-199",
// custServiceQrcode: "http://excel.jxhh.com/public/upload/1629540531.png",
// hotlineTel1: "010-5335 9558",
// hotlineTel2: "400-188-199",
// onlineTimeEnd: "18:00",
// onlineTimeStart: "09:00",
// recordNum: "京ICP备19033223号-1",
// topLogo: "http://excel.jxhh.com/public/upload/1629540557.png",
// }
}
}
})
......@@ -475,7 +467,6 @@
// 去登录
toLogin() {
window.location.href = 'http://sso.jxhh.com/login?redirect=http://' + window.location.host + '/platformlogin'
//http://sso.jxhh.com/logout?redirect=http://' + ssa + '/login
}
} // methods end
......@@ -492,10 +483,28 @@
list-style: none;
}
.yc-content {
width: 100%;
height: 100%;
min-width: 960px;
@media screen and (max-width: 480px) {
.pc-content {
width: 100%;
height: 100%;
display : none;
}
.mobile-content {
width: 100%;
height: 100%;
}
}
@media screen and (min-width: 481px) {
.pc-content {
width: 100%;
height: 100%;
}
.mobile-content {
width: 100%;
height: 100%;
display : none;
}
}
/* 公用 */
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论