cxhxy/app/index/view/index/index.html
test_service d3170b4d1c 1
2023-12-01 15:43:29 +08:00

281 lines
13 KiB
HTML
Executable File
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<div class="section">
<div data-am-widget="slider" class="am-slider am-slider-b1" data-am-slider='{"controlNav":false}' >
<ul class="am-slides">
<li>
<div class="banner" style="background: url('/assets/img/index/index_banner1.png') center center no-repeat; width:100%;">
<div style="height:20px;"></div>
<h1 class="banner-title">专业微信小程序解决方案</h1>
<p class="banner-info">
无需开发 &nbsp;&nbsp; 一键生成 &nbsp;&nbsp; 操作简单
</p>
<p class="banner-info">
<a href="{:url('passport/login')}" class="am-btn am-btn-secondary am-btn-xl am-radius">立即注册</a>
</p>
</div>
</li>
<li>
<div class="banner" style="background: url('/assets/img/index/index_banner2.png') center center no-repeat; width:100%;">
<div style="height:20px;"></div>
<h1 class="banner-title">点餐,外卖,配送,会员,营销,连锁经营一体化解决方案</h1>
<p class="banner-info">快速搭建专属小程序 助力餐厅拥抱移动社交流量红利</p>
<p class="banner-info">
<a href="{:url('user/register')}" class="am-btn am-btn-secondary am-btn-xl am-radius">立即注册</a>
</p>
</div>
</li>
<li>
<div class="banner" style="background: url('/assets/img/index/index_banner3.png') center center no-repeat; width:100%;">
<div style="height:20px;"></div>
<h1 class="banner-title">拼团,秒杀,砍价,优惠券,智慧零售商城解决方案</h1>
<p class="banner-info">赋能线下门店,重构消费连接</p>
<p class="banner-info">
<a href="{:url('passport/login')}" class="am-btn am-btn-secondary am-btn-xl am-radius">立即注册</a>
</p>
</div>
</li>
</ul>
</div>
</div>
<div class="section gray">
<div class="main-p-60">
<div class="title">
<p class="h1">六步开店 一站完成</p>
<p>特有接口,一路无阻,快速上线</p>
</div>
<div class="item-line">
<ul class="warp">
<li>
<div class="left">
<span><img src="/assets/img/index/mode-icon5.png"></span>
<p class="h1">商家注册</p>
<p>微信扫码注册登录一步完成</p>
</div>
<div class="right">
<img src="/assets/img/index/gengduo.png">
</div>
</li>
<li>
<div class="left">
<span><img src="/assets/img/index/mode-icon4.png"></span>
<p class="h1">授权小程序</p>
<p>扫码授权或免费快速注册</p>
</div>
<div class="right">
<img src="/assets/img/index/gengduo.png">
</div>
</li>
<li>
<div class="left">
<span><img src="/assets/img/index/mode-icon6.png"></span>
<p class="h1">对接支付</p>
<p>在线开通收款账户或对接已有账户</p>
</div>
<div class="right">
<img src="/assets/img/index/gengduo.png">
</div>
</li>
<li>
<div class="left">
<span><img src="/assets/img/index/mode-icon7.png"></span>
<p class="h1">发布商品</p>
<p>商品分类设置,上传单双规格商品</p>
</div>
<div class="right">
<img src="/assets/img/index/gengduo.png">
</div>
</li>
<li>
<div class="left">
<span><img src="/assets/img/index/mode-icon8.png"></span>
<p class="h1">装修店铺</p>
<p>DIY小程序店铺页面配置店铺</p>
</div>
<div class="right">
<img src="/assets/img/index/gengduo.png">
</div>
</li>
<li>
<div class="left">
<span><img src="/assets/img/index/mode-icon9.png"></span>
<p class="h1">发布上线</p>
<p>一键发布与升级小程序</p>
</div>
</li>
</ul>
</div>
<div class="title">
<a href="{:url('passport/login')}" class="am-btn am-btn-secondary am-btn-xl am-radius">立即免费开店</a>
</div>
</div>
</div>
<div class="section back-img" style="background-image: url('/assets/img/index/banner-6.jpg'); z-index: 10; height: 770px;">
<div class="main-p-60" style="position: relative; padding-bottom: 10px; ">
<div class="title white">
<p class="h1">一套模板同步十大平台</p>
<p>提供uni-app版本模板源代码实现多平台发布</p>
</div>
<div class="item-code-desc clearfix">
<div class="left fl wow slideInLeft">
<img src="/assets/img/index/banner-7.png">
</div>
<div class="right fr wow bounceInRight">
<ul>
<li>
<img src="/assets/img/index/code-icon1.png">
<h1>Android</h1>
</li>
<li>
<img src="/assets/img/index/code-icon2.png">
<h1>IOS</h1>
</li>
<li>
<img src="/assets/img/index/code-icon3.png">
<h1>H5</h1>
</li>
<li>
<img src="/assets/img/index/code-icon4.png">
<h1>微信小程序</h1>
</li>
<li>
<img src="/assets/img/index/code-icon5.png">
<h1>支付宝小程序</h1>
</li>
<li>
<img src="/assets/img/index/code-icon6.png">
<h1>百度小程序</h1>
</li>
<li>
<img src="/assets/img/index/code-icon7.png">
<h1>字节跳动小程序</h1>
</li>
<li>
<img src="/assets/img/index/code-icon8.png">
<h1>QQ小程序</h1>
</li>
<li>
<img src="/assets/img/index/code-icon9.png">
<h1>快应用</h1>
</li>
<li>
<img src="/assets/img/index/code-icon10.png">
<h1>360小程序</h1>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="section gray">
<div class="main-p-60">
<div class="title">
<p class="h1">功能模块</p>
<p>实时监控订单情况,灵活手动调度订单,高效完成配送</p>
</div>
<div class="function-list wow bounceInLeft">
<ul>
<li>
<img src="/assets/img/index/wake-icon4.png">
<h1>实时接单</h1>
<p>商家实时接单,通过订单调度中心,实时监控配送情况,灵活手动调度订单,高效完成配送</p>
</li>
<li>
<img src="/assets/img/index/wake-icon5.png">
<h1>支付方式</h1>
<p>用户可通过线上微信、余额支付,线下货到付款的方式,轻松完成小程序外卖下单,不一样的下单体验</p>
</li>
<li>
<img src="/assets/img/index/wake-icon6.png">
<h1>会员管理</h1>
<p>会员信息触手可得,方便查找,高效会员营销推广,各种营销方案尽在手中</p>
</li>
<li>
<img src="/assets/img/index/wake-icon7.png">
<h1>数据统计</h1>
<p>会员统计、订单统计、销售统计、详细的订单数据统计,一目了然</p>
</li>
<li>
<img src="/assets/img/index/wake-icon8.png">
<h1>订单管理</h1>
<p>后台轻松管理订单,方便查看订单号、总额、支付状态等信息</p>
</li>
<li>
<img src="/assets/img/index/wake-icon9.png">
<h1>客户维系</h1>
<p>轻松管理公众号粉丝,可积累的客户数据,客户通过关注注册,后台即可生成用户管理数据</p>
</li>
<li>
<img src="/assets/img/index/wake-icon10.png">
<h1>营销工具</h1>
<p>优惠券、满减活动、限时秒杀、拼图、砍价、充值送优惠等可随意组合,在吸粉引流的同时刺激客户直接消费</p>
</li>
<li>
<img src="/assets/img/index/wake-icon11.png">
<h1>多样配送</h1>
<p>可选择商家自主配送,上门自提,第三方配送,提高配送效率,降低配送成本</p>
</li>
</ul>
</div>
</div>
</div>
<div class="section" style=" height:860px; background:url('/assets/img/index/down-img-3.jpg')no-repeat center center;background-size: cover;background-attachment: fixed;">
<div class="main-p-60" style="padding-top:50px;">
<div class="title white">
<p class="h1">丰富营销模块 增强用户黏合性</p>
<p>丰富新颖的营销手法,让您的商城促销玩出新花样。拉新、转化、促活、复购、留存、推广,店铺经营面面俱到。</p>
</div>
<div class="trait-list">
<ul>
<li>拼团</li>
<li>秒杀</li>
<li>砍价</li>
<li>优惠券</li>
</ul>
</div>
<div class="img-list wow bounceInRight">
<img src="/assets/img/index/down-img-4.png">
<img src="/assets/img/index/down-img-5.png" class="img-2">
<img src="/assets/img/index/down-img-6.png" class="img-3">
<img src="/assets/img/index/down-img-7.png" class="img-4">
<img src="/assets/img/index/down-img-8.png" class="img-5">
</div>
</div>
</div>
<div class="section gray" style="height:544px;">
<div class="main-p-60">
<div class="title" style="color:#fff;">
<p class="h1">五大管理模块</p>
<p>打造全方位运营模式让运维简单,高效,智能,助力快速开展小程序业务。</p>
</div>
<div class="management-list">
<ul>
<li>
<img src="/assets/img/index/mode-icon1.png" alt="">
<p class="h1">超管端</p>
<p>对商户集中管理,统一发布小程序模板,等级收费,打印机授权,消息推送等</p>
</li>
<li>
<img src="/assets/img/index/mode-icon2.png" alt="">
<p class="h1">代理端</p>
<p>多级分销,区域保护,代理自由定价,对自己的客户全方位服务管理</p>
</li>
<li>
<img src="/assets/img/index/mode-icon3.png" alt="">
<p class="h1">商户端</p>
<p>扫码点餐端和商城端,上传商品,营销活动,订单管理,会员管理,DIY生成小程序多门店等</p>
</li>
<li>
<img src="/assets/img/index/mode-icon4.png" alt="">
<p class="h1">助手端</p>
<p>手机移动管理,让商家随时随地关注门店经营状态,帮助店长店员更方便的维护订单状态和服务顾客。</p>
</li>
<li>
<img src="/assets/img/index/mode-icon5.png" alt="">
<p class="h1">店长端</p>
<p>门店管理一步到位,解锁店长管理权限</p>
</li>
</ul>
</div>
</div>
</div>