Skip to content

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

测试环境端口更改6605；

上级 86a3a323
隐藏空白字符变更
内嵌 并排
正在显示 包含 226 行增加 和 189 行删除
.env.development
浏览文件 @ a5ae1cb2
...@@ -4,7 +4,7 @@ ENV = 'development' ...@@ -4,7 +4,7 @@ ENV = 'development'
# 正式环境 # 正式环境
#VUE_APP_BASE_API = 'http://sjapi.jxhh.com' #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开放接口 # 文档模块 直接调用 sys开放接口
VUE_APP_BASE_SYS_API = 'http://sysapi.jxhh.com' VUE_APP_BASE_SYS_API = 'http://sysapi.jxhh.com'
......
.env.staging
浏览文件 @ a5ae1cb2
...@@ -4,4 +4,4 @@ NODE_ENV = production ...@@ -4,4 +4,4 @@ NODE_ENV = production
ENV = 'staging' ENV = 'staging'
#gfast管理系统/测试环境 #gfast管理系统/测试环境
VUE_APP_BASE_API = 'http://192.168.26.179:8200/api/v1' VUE_APP_BASE_API = 'http://192.168.26.179:6605/api/v1'
src/views/entry/newyuncang.vue
浏览文件 @ a5ae1cb2
<template> <template>
<div class="yc-content" ref="searchBar"> <div class="content">
<!-- 头部 --> <div class="pc-content" ref="searchBar">
<header :class="{ 'head-scroll': isScroll }"> <!-- 头部 -->
<div class="header-con"> <header :class="{ 'head-scroll': isScroll }">
<ul class="nav"> <div class="header-con">
<li v-if="settitle && settitle.topLogo"> <ul class="nav">
<img style="width:114px;height:35px;" :src="settitle.topLogo" alt=""> <li v-if="settitle && settitle.topLogo">
</li> <img style="width:114px;height:35px;" :src="settitle.topLogo" alt="">
<li> </li>
<a href="/">首页</a> <li>
</li> <a href="/">首页</a>
<li v-if="navigationObj.open"> </li>
<a :href=" '//' + navigationObj.open" target="_blank">开放平台</a> <li v-if="navigationObj.open">
</li> <a :href=" '//' + navigationObj.open" target="_blank">开放平台</a>
<li v-if="navigationObj.shop"> </li>
<a :href=" '//' + navigationObj.shop">云仓</a> <li v-if="navigationObj.shop">
</li> <a :href=" '//' + navigationObj.shop">云仓</a>
<li> </li>
<a :href=" '//' + navigationObj.aboutUs + '/user' " target="_blank">关于我们</a> <li>
</li> <a :href=" '//' + navigationObj.aboutUs + '/user' " target="_blank">关于我们</a>
</ul> </li>
<div class="register-login-btn"> </ul>
<div class="register-btn" @click="toRegister">注 册</div> <div class="register-login-btn">
<div class="login-btn" @click="toLogin">登 录</div> <div class="register-btn" @click="toRegister">注 册</div>
<div class="login-btn" @click="toLogin">登 录</div>
</div>
</div> </div>
</div> </header>
</header> <section class="banner">
<section class="banner">
<swiper :options="swiperOption" v-if="bannerList && bannerList.length > 0">
<swiper :options="swiperOption" v-if="bannerList && bannerList.length > 0"> <swiper-slide v-for="(item,index) in bannerList" :key="index">
<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"
<a :href=" '//' + item.redirect_url" target="_blank"><img style="width: 100%;height: 562px;" :src="item.image_url" alt=""></a>
alt=""></a> </swiper-slide>
</swiper-slide> </swiper>
</swiper> </section>
</section> <!-- 主体 -->
<!-- 主体 --> <section style="margin-bottom: 100px;">
<section style="margin-bottom: 100px;"> <div class="advantage" :class="{ 'mgB100': isAdHover }">
<div class="advantage" :class="{ 'mgB100': isAdHover }"> <p class="advantage-title">核心优势</p>
<p class="advantage-title">核心优势</p> <div class="advantage-con" :class="{ 'mgT20' : isAdHover }">
<div class="advantage-con" :class="{ 'mgT20' : isAdHover }">
<div
<div class="pre-advantage"
class="pre-advantage" v-for="(adItem,index) in cloud_advantage_lst"
v-for="(adItem,index) in cloud_advantage_lst" :key="index"
:key="index" :style="{zIndex: cloud_advantage_lst.length - index}"
:style="{zIndex: cloud_advantage_lst.length - index}" @mouseover="adHover(index + 1)"
@mouseover="adHover(index + 1)" @mouseleave="adLeave(index + 1)"
@mouseleave="adLeave(index + 1)" >
> <dl class="dl-con" :class="{ 'noDlCon': indexAddom === (index+1) }">
<dl class="dl-con" :class="{ 'noDlCon': indexAddom === (index+1) }"> <dt :class=" 'dl-con-ad' + (index+1) "></dt>
<dt :class=" 'dl-con-ad' + (index+1) "></dt> <dd>{{ adItem.title }}</dd>
<dd>{{ adItem.title }}</dd> </dl>
</dl>
<div class="pre-advantage-details" :class="{ 'up-ad-details': indexAddom === (index+1) }">
<div class="pre-advantage-details" :class="{ 'up-ad-details': indexAddom === (index+1) }"> <p class="ad-details-title">{{ adItem.title }}</p>
<p class="ad-details-title">{{ adItem.title }}</p> <p class="ad-details">{{ adItem.content_summary }}</p>
<p class="ad-details">{{ adItem.content_summary }}</p> </div>
</div> </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> </div>
<div class="process-mater"> </section>
<div class="pro-ma"> <!-- 入驻流程 -->
<p class="set-in-ma m-bg">入驻必备材料</p> <section style="padding-bottom: 90px;background-color: #f9f9fa;">
<div class="optional"> <p class="process-title">入驻流程和材料</p>
<ul> <div class="process-con">
<li>营业执照电子版</li> <div class="process-steps">
<li>法人证件电子版</li> <div class="pro-step">
</ul> <dl>
<dt class="step-one"></dt>
<dd>第一步：注册账号</dd>
</dl>
<span>无需等待</span>
<p>进入云仓官网，注册账号</p>
<p>注册完成后，填写相关信息</p>
</div> </div>
<div class="pro-step">
</div> <dl>
<div class="pro-ma"> <dt class="step-two"></dt>
<p class="set-in-ma n-m-bg">入驻选填材料</p> <dd>第二步：填写信息</dd>
<div class="optional"> </dl>
<ul> <span>约20分钟</span>
<li>品牌LOGO</li> <p>确认在线协议填写公司主体信息</p>
<li>其它行业资质</li> <p>填写店铺信息提交相关资质</p>
</ul> </div>
<ul> <div class="pro-step">
<li>品牌授权（代理品需提供）</li> <dl>
<li>店铺LOGO</li> <dt class="step-three"></dt>
</ul> <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>
</div> <div class="process-mater">
</div> <div class="pro-ma">
</section> <p class="set-in-ma m-bg">入驻必备材料</p>
<!-- 入驻品牌 --> <div class="optional">
<section class="brand"> <ul>
<p class="brands-title">这些品牌都已入驻</p> <li>营业执照电子版</li>
<p class="brands-tip">我们已与各行业领域的优秀品牌达成合作</p> <li>法人证件电子版</li>
<div> </ul>
<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> </div>
</el-carousel-item>
<el-carousel-item class="pre-el-carousel-item el-carousel-item-spe" name="4"> </div>
<div class="pre-img-con" v-for="(item,index) in detail_img4.logo_urls" :key="index"> <div class="pro-ma">
<img class="pre-img" :src="item.url" alt=""> <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> </div>
</el-carousel-item>
</el-carousel> </div>
</div>
</div> </div>
</div> </section>
</section> <!-- 入驻品牌 -->
<!-- 底部 --> <section class="brand">
<footer> <p class="brands-title">这些品牌都已入驻</p>
<div class="contact"> <p class="brands-tip">我们已与各行业领域的优秀品牌达成合作</p>
<p>如果你想要更多的<span>了解</span>，请联系我们</p> <div>
<p>{{ settitle.contactTel }}</p> <p class="brand-type">
</div> <span class="clothes" :class="{ 'light-word' : isLight === 0 }" @click="brandTypeChange(0)">{{ detail_img1.type }}</span>
<div class="about-con"> <span class="electrical" :class="{ 'light-word' : isLight === 1 }" @click="brandTypeChange(1)">{{ detail_img2.type }}</span>
<div class="about-list"> <span class="food" :class="{ 'light-word' : isLight === 2 }" @click="brandTypeChange(2)">{{ detail_img3.type }}</span>
<ul> <span class="maternal" :class="{ 'light-word' : isLight === 3 }" @click="brandTypeChange(3)">{{ detail_img4.type }}</span>
<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> </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>
</section>
<!-- 底部 -->
<footer>
<div class="contact">
<p>如果你想要更多的<span>了解</span>，请联系我们</p>
<p>{{ settitle.contactTel }}</p>
</div> </div>
<div class="about-us"> <div class="about-con">
<p class="us-title">联系我们</p> <div class="about-list">
<p>联系电话：{{settitle.contactTel}}</p> <ul>
<p>公司地址:{{settitle.companyAddress}}</p> <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> </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> </div>
</footer> </div>
</div> </div>
</template> </template>
<script> <script>
...@@ -323,6 +349,7 @@ ...@@ -323,6 +349,7 @@
mounted() { mounted() {
this.getIndexInfo() this.getIndexInfo()
window.addEventListener('scroll', this.handleScroll, true); window.addEventListener('scroll', this.handleScroll, true);
// console.log(333,window.devicePixelRatio);
}, },
destroyed() { destroyed() {
window.removeEventListener('scroll', this.handleScroll); window.removeEventListener('scroll', this.handleScroll);
...@@ -457,16 +484,26 @@ ...@@ -457,16 +484,26 @@
} }
@media screen and (max-width: 480px) { @media screen and (max-width: 480px) {
.yc-content { .pc-content {
width: 100%;
height: 100%;
display : none; display : none;
} }
.mobile-content {
width: 100%;
height: 100%;
}
} }
@media screen and (min-width: 480px) { @media screen and (min-width: 481px) {
.yc-content { .pc-content {
width: 100%; width: 100%;
height: 100%; height: 100%;
min-width: 960px; }
.mobile-content {
width: 100%;
height: 100%;
display : none;
} }
} }
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论