|
@@ -2,10 +2,10 @@
|
|
|
<div class="app-content">
|
|
<div class="app-content">
|
|
|
<div class="tab-wrap">
|
|
<div class="tab-wrap">
|
|
|
<div class="logo-img">
|
|
<div class="logo-img">
|
|
|
- <img src="../static/images/official/logo.png" alt />
|
|
|
|
|
|
|
+ <img :src="`${constant.imgUrl}/retail/official/logo.png`" alt />
|
|
|
</div>
|
|
</div>
|
|
|
<div class="phone-img" @click="contactFn">
|
|
<div class="phone-img" @click="contactFn">
|
|
|
- <img src="../static/images/official/phone.png" alt />
|
|
|
|
|
|
|
+ <img :src="`${constant.imgUrl}/retail/official/phone.png`" alt />
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
<app-swiper :height="{type: 'number',val: 750}" :list="swiper" />
|
|
<app-swiper :height="{type: 'number',val: 750}" :list="swiper" />
|
|
@@ -26,20 +26,20 @@
|
|
|
</div>
|
|
</div>
|
|
|
<div class="ad-list-wrap">
|
|
<div class="ad-list-wrap">
|
|
|
<div class="ad-list" v-for="(item, index) in adData" :key="index">
|
|
<div class="ad-list" v-for="(item, index) in adData" :key="index">
|
|
|
- <app-img :src="item" alt />
|
|
|
|
|
|
|
+ <app-img :src="`${constant.imgUrl}/retail/official/list-${index + 1}.png`" alt />
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="official-wrap">
|
|
<div class="official-wrap">
|
|
|
<div class="off-title">花卉宝,花店经营的标配工具</div>
|
|
<div class="off-title">花卉宝,花店经营的标配工具</div>
|
|
|
<div class="off-sub-tit">
|
|
<div class="off-sub-tit">
|
|
|
- <app-img src="../static/images/official/phone-small.png" alt="" />
|
|
|
|
|
|
|
+ <app-img :src="`${constant.imgUrl}/retail/official/phone-small.png`" alt="" />
|
|
|
<span>咨询热线:0592 - 3272000</span>
|
|
<span>咨询热线:0592 - 3272000</span>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
<!-- trademark -->
|
|
<!-- trademark -->
|
|
|
<div class="bottom-trademark">
|
|
<div class="bottom-trademark">
|
|
|
- <img src="../static/images/common/trademark.png" alt="">
|
|
|
|
|
|
|
+ <img :src="`${constant.imgUrl}/retail/common/trademark.png`" alt="">
|
|
|
</div>
|
|
</div>
|
|
|
<!-- buttom -->
|
|
<!-- buttom -->
|
|
|
<div class="app-footer" @click="$util.pageTo('/official/pay')">免费试用</div>
|
|
<div class="app-footer" @click="$util.pageTo('/official/pay')">免费试用</div>
|
|
@@ -49,28 +49,6 @@
|
|
|
<script>
|
|
<script>
|
|
|
import AppSwiper from '@/components/app-swiper'
|
|
import AppSwiper from '@/components/app-swiper'
|
|
|
import AppImg from '@/components/app-img'
|
|
import AppImg from '@/components/app-img'
|
|
|
-// img
|
|
|
|
|
-import banner1 from '@/static/images/official/banner-1.png'
|
|
|
|
|
-import banner2 from '@/static/images/official/banner-2.png'
|
|
|
|
|
-import banner3 from '@/static/images/official/banner-3.png'
|
|
|
|
|
-import banner4 from '@/static/images/official/banner-4.png'
|
|
|
|
|
-// content
|
|
|
|
|
-import content1 from '@/static/images/official/content-1.png'
|
|
|
|
|
-import content2 from '@/static/images/official/content-2.png'
|
|
|
|
|
-import content3 from '@/static/images/official/content-3.png'
|
|
|
|
|
-import content4 from '@/static/images/official/content-4.png'
|
|
|
|
|
-import content5 from '@/static/images/official/content-5.png'
|
|
|
|
|
-import content6 from '@/static/images/official/content-6.png'
|
|
|
|
|
-import content7 from '@/static/images/official/content-7.png'
|
|
|
|
|
-// ad
|
|
|
|
|
-import list1 from '@/static/images/official/list-1.png'
|
|
|
|
|
-import list2 from '@/static/images/official/list-2.png'
|
|
|
|
|
-import list3 from '@/static/images/official/list-3.png'
|
|
|
|
|
-import list4 from '@/static/images/official/list-4.png'
|
|
|
|
|
-import list5 from '@/static/images/official/list-5.png'
|
|
|
|
|
-import list6 from '@/static/images/official/list-6.png'
|
|
|
|
|
-import list7 from '@/static/images/official/list-7.png'
|
|
|
|
|
-import list8 from '@/static/images/official/list-8.png'
|
|
|
|
|
|
|
|
|
|
export default {
|
|
export default {
|
|
|
name: 'index',
|
|
name: 'index',
|
|
@@ -80,58 +58,59 @@ export default {
|
|
|
},
|
|
},
|
|
|
data() {
|
|
data() {
|
|
|
return {
|
|
return {
|
|
|
|
|
+ constant: this.$constant,
|
|
|
swiper: [
|
|
swiper: [
|
|
|
{
|
|
{
|
|
|
- img: banner1
|
|
|
|
|
|
|
+ img: `${this.$constant.imgUrl}/retail/official/banner-1.png`
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
- img: banner2
|
|
|
|
|
|
|
+ img: `${this.$constant.imgUrl}/retail/official/banner-2.png`
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
- img: banner3
|
|
|
|
|
|
|
+ img: `${this.$constant.imgUrl}/retail/official/banner-3.png`
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
- img: banner4
|
|
|
|
|
|
|
+ img: `${this.$constant.imgUrl}/retail/official/banner-4.png`
|
|
|
}
|
|
}
|
|
|
],
|
|
],
|
|
|
contentData: [
|
|
contentData: [
|
|
|
{
|
|
{
|
|
|
title: `<span class="app-color-1">一键搭建</span>移动商城和小程序商城`,
|
|
title: `<span class="app-color-1">一键搭建</span>移动商城和小程序商城`,
|
|
|
subTitle: `各大节日商城自动涨价,客户下单自动按距离计算运费`,
|
|
subTitle: `各大节日商城自动涨价,客户下单自动按距离计算运费`,
|
|
|
- img: content1
|
|
|
|
|
|
|
+ img: `${this.$constant.imgUrl}/retail/official/content-1.png`
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
title: `<span class="app-color-1">流程化</span>管理订单`,
|
|
title: `<span class="app-color-1">流程化</span>管理订单`,
|
|
|
subTitle: `把控每个订单的生命周期,从下单、打单、制作到发货、配送、 送达自动通知客户,进度把控一清二楚,客户体验感大幅提升`,
|
|
subTitle: `把控每个订单的生命周期,从下单、打单、制作到发货、配送、 送达自动通知客户,进度把控一清二楚,客户体验感大幅提升`,
|
|
|
- img: content2
|
|
|
|
|
|
|
+ img: `${this.$constant.imgUrl}/retail/official/content-2.png`
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
title: `提供多种的<span class="app-color-1">营销工具</span>`,
|
|
title: `提供多种的<span class="app-color-1">营销工具</span>`,
|
|
|
subTitle: `契合花店日常经营的营销工具,拉新、转化、复购、裂变, 面面俱到`,
|
|
subTitle: `契合花店日常经营的营销工具,拉新、转化、复购、裂变, 面面俱到`,
|
|
|
- img: content3
|
|
|
|
|
|
|
+ img: `${this.$constant.imgUrl}/retail/official/content-3.png`
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
title: `连通各渠道来源的<span class="app-color-1">客户和订单</span>`,
|
|
title: `连通各渠道来源的<span class="app-color-1">客户和订单</span>`,
|
|
|
subTitle: `线上、门店、微信、支付宝和美团等自动汇总后台,客户统一接待 回复,订单统一管理,不必再周旋于各个平台`,
|
|
subTitle: `线上、门店、微信、支付宝和美团等自动汇总后台,客户统一接待 回复,订单统一管理,不必再周旋于各个平台`,
|
|
|
- img: content4
|
|
|
|
|
|
|
+ img: `${this.$constant.imgUrl}/retail/official/content-4.png`
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
title: `<span class="app-color-1">一键吸粉 </span>注册会员`,
|
|
title: `<span class="app-color-1">一键吸粉 </span>注册会员`,
|
|
|
subTitle: `告别繁琐手续,一键操作,注册会员简单快捷,到店客户的粉丝 转化率提高60%`,
|
|
subTitle: `告别繁琐手续,一键操作,注册会员简单快捷,到店客户的粉丝 转化率提高60%`,
|
|
|
- img: content5
|
|
|
|
|
|
|
+ img: `${this.$constant.imgUrl}/retail/official/content-5.png`
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
title: `智能的<span class="app-color-1">会员体系</span>`,
|
|
title: `智能的<span class="app-color-1">会员体系</span>`,
|
|
|
subTitle: `客户充值消费自动累积成长值、自动升级会员,客户付款自动 打折,精准把握每个客户的个性和特征(二张图片)`,
|
|
subTitle: `客户充值消费自动累积成长值、自动升级会员,客户付款自动 打折,精准把握每个客户的个性和特征(二张图片)`,
|
|
|
- img: content6
|
|
|
|
|
|
|
+ img: `${this.$constant.imgUrl}/retail/official/content-6.png`
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
title: `经营<span class="app-color-1">数据分析</span>`,
|
|
title: `经营<span class="app-color-1">数据分析</span>`,
|
|
|
subTitle: `系统实时进行数据统计,花店每个时期的经营情况一目了然,知己 知彼,方能百战百胜`,
|
|
subTitle: `系统实时进行数据统计,花店每个时期的经营情况一目了然,知己 知彼,方能百战百胜`,
|
|
|
- img: content7
|
|
|
|
|
|
|
+ img: `${this.$constant.imgUrl}/retail/official/content-7.png`
|
|
|
}
|
|
}
|
|
|
],
|
|
],
|
|
|
- adData: [list1, list2, list3, list4, list5, list6, list7, list8]
|
|
|
|
|
|
|
+ adData: [1, 2, 3, 4, 5, 6, 7, 8]
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
methods: {
|
|
methods: {
|