Skip to content

鹿
鹿马108官网
Commit acbfe773 authored by xieyishang's avatar xieyishang
Browse files
Options

~

parent 7351a028
Hide whitespace changes
Inline Side-by-side
Showing with 251 additions and 31 deletions
application/index/view/index/aboutus.html
View file @ acbfe773
......@@ -16,6 +16,7 @@
<link rel="stylesheet" href="__CDN__/static/css/style.css">
<script src="__CDN__/static/js/swiper/swiper.min.js"></script>
<script src="__CDN__/static/js/jquery-3.3.1.min.js"></script>
<style>
.swiper-container {
......@@ -43,6 +44,80 @@
-webkit-align-items: center;
align-items: center;
}
.videosbox .videosimg{
width: 100%;
}
.focusitem img{
height: 5.6rem;
}
.sol_head h3{
margin-top: 1rem;
font-size: 1rem;
}
.hzhb_item{
box-sizing: border-box;
width: 100%;
height: 5rem;
line-height: 5rem;
border-radius: 1rem;
background: transparent;
border: 1px solid #f1f1f1;
box-shadow: -0.01rem 0.01rem 0.02rem 0 #f1f1f1;
text-align: center;
margin-bottom: 1rem;
box-sizing: border-box;
}
.hzhb_item img{
height: 4.5rem;
}
.cooperate{
margin-top: 2rem;
}
.aboutusnav_item{
text-align: center;
display: block;
cursor: pointer;
margin-bottom: 1rem;
}
#introductions,#cooperate,#honorcertificate{
padding-top: 7.5rem;
}
.fzHistoryUl{
height: 20rem;
overflow: hidden;
overflow-y: scroll;
}
/* 滚动条轨道样式 */
::-webkit-scrollbar {
width: 8px; /* 设置滚动条宽度 */
}
/* 滚动条滑块样式 */
::-webkit-scrollbar-thumb {
background-color: #888; /* 设置滑块背景颜色 */
border-radius: 4px; /* 设置滑块圆角 */
}
/* 滚动条轨道hover状态样式 */
::-webkit-scrollbar-track:hover {
background-color: #f1f1f1; /* 设置轨道hover状态时的背景颜色 */
}
/* 滚动条滑块hover状态样式 */
::-webkit-scrollbar-thumb:hover {
background-color: #555; /* 设置滑块hover状态时的背景颜色 */
}
</style>
</head>
......@@ -60,65 +135,197 @@
<div class="container">
<div class="navboxsfg">
<div class="row">
<div class="col-xl-4 col-lg-4 col-md-4 col-sm-6 col-6">
<div class="aboutusnav_item">
<div class="col-xl-2 col-lg-2 col-md-4 col-sm-6 col-6">
<a href="#introductions" class="aboutusnav_item">
<img src="__CDN__/static/images/aboutus/nav1.png" alt="">
<p>公司简介</p>
<span>Group profile</span>
</div>
</a>
</div>
<div class="col-xl-4 col-lg-4 col-md-4 col-sm-6 col-6">
<div class="aboutusnav_item">
<div class="col-xl-2 col-lg-2 col-md-4 col-sm-6 col-6">
<a href="#cooperate" class="aboutusnav_item">
<img src="__CDN__/static/images/aboutus/nav3.png" alt="">
<p>合作伙伴</p>
<span>cooperative partner</span>
</a>
</div>
<div class="col-xl-2 col-lg-2 col-md-4 col-sm-6 col-6">
<a href="#kgpp" class="aboutusnav_item">
<img src="__CDN__/static/images/aboutus/nav3.png" alt="">
<p>控股品牌</p>
<span>Holding brand</span>
</a>
</div>
<div class="col-xl-2 col-lg-2 col-md-4 col-sm-6 col-6">
<a href="#fzHistory" class="aboutusnav_item">
<img src="__CDN__/static/images/aboutus/nav3.png" alt="">
<p>鹿马历程</p>
<span>luma history</span>
</div>
</a>
</div>
<div class="col-xl-4 col-lg-4 col-md-4 col-sm-6 col-6">
<div class="aboutusnav_item">
<div class="col-xl-2 col-lg-2 col-md-4 col-sm-6 col-6">
<a href="#honorcertificate" class="aboutusnav_item">
<img src="__CDN__/static/images/aboutus/nav4.png" alt="">
<p>公司荣誉</p>
<span>Company honor</span>
</div>
</a>
</div>
<div class="col-xl-2 col-lg-2 col-md-4 col-sm-6 col-6">
<a href="#softworklists" class="aboutusnav_item">
<img src="__CDN__/static/images/aboutus/nav4.png" alt="">
<p>软著证书</p>
<span>Soft works</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="videosbox">
<div id="introductions" class="videosbox">
<div class="sol_head">
<h2>鹿马108</h2>
</div>
<div class="container">
<div class="videosmain">
<p>鹿马108是社区新零售线上购物平台和充电桩运营服务商，以社区居民群体和两轮充电用户为入口导入电商客户，在提供两轮电动车的充电运营服务，
<br/>
同时为其提供便利实惠的快消品、家具用品、生鲜商品的销售，打造超强客户粘性，实现客户双向导流。<br/>
充电用户采用月度会员制，定期充值形成良好的会员互动关系，从而打造持续复购的客户群体，电商平台为充电用户会员提供充电（全额或部分）补贴或放发优惠卷，实现客户导流，
<br/>
为电商平台或充电会员提供持续且稳定的客户。购物平台建立供应链、物流、仓储、售后等一系列服务管理体系，为会员客户提供充电加线上商城购物线下提货的便利实惠的消费体验，
<br/>
同时也可实现购物的客户向充电桩会员的导流。
<br/>
总之，公司结合充电桩会员制和电商客户购物进社区体验的实现客户双向导流，为平台充电会员互相反哺，实现持续稳定的复购客户。
</p>
<p>鹿马壹零捌信息科技有限公司成立于2013年坐落于美丽的英雄城南昌，注册资金贰仟万元。是一家集电商互联网+实体服务的综合性互联网交易大平台公司。公司凭借卓越的创新思维、专业的研发团队和丰富的互联网行业技术成立多思盈研发部。公司以服务消费为导向、资源整合为策略、移动互联网为平台，充分利用市场资源，集中打造一个国际化，系统化的移动互联网创业平台。</p>
<div class="videos">
<img class="videosimg" src="/static/images/qrcode/about1.png" alt="">
<img class="videosimg" src="/static/images/qrcode/about2.jpg" alt="">
<img class="videosimg" src="/static/images/qrcode/about0.png" alt="">
</div>
</div>
</div>
</div>
</section>
<!-- 合作伙伴 -->
<div id="cooperate" class="cooperate container">
<div class="sol_head">
<h2>合作伙伴</h2>
<h3>与鹿马108达成战略合作伙伴</h3>
</div>
<div class="row">
<div class="col-xl-3 col-lg-3 col-md-6 col-sm-6 col-6">
<div class="hzhb_item">
<img src="__CDN__/static/images/hzhb/01.jpg" alt="">
</div>
</div>
<div class="col-xl-3 col-lg-3 col-md-6 col-sm-6 col-6">
<div class="hzhb_item">
<img src="__CDN__/static/images/hzhb/02.jpg" alt="">
</div>
</div>
<div class="col-xl-3 col-lg-3 col-md-6 col-sm-6 col-6">
<div class="hzhb_item">
<img src="__CDN__/static/images/hzhb/03.jpg" alt="">
</div>
</div>
<div class="col-xl-3 col-lg-3 col-md-6 col-sm-6 col-6">
<div class="hzhb_item">
<img src="__CDN__/static/images/hzhb/04.jpg" alt="">
</div>
</div>
<div class="col-xl-3 col-lg-3 col-md-6 col-sm-6 col-6">
<div class="hzhb_item">
<img src="__CDN__/static/images/hzhb/05.jpg" alt="">
</div>
</div>
<div class="col-xl-3 col-lg-3 col-md-6 col-sm-6 col-6">
<div class="hzhb_item">
<img src="__CDN__/static/images/hzhb/06.jpg" alt="">
</div>
</div>
<div class="col-xl-3 col-lg-3 col-md-6 col-sm-6 col-6">
<div class="hzhb_item">
<img src="__CDN__/static/images/hzhb/07.jpg" alt="">
</div>
</div>
<div class="col-xl-3 col-lg-3 col-md-6 col-sm-6 col-6">
<div class="hzhb_item">
<img src="__CDN__/static/images/hzhb/08.jpg" alt="">
</div>
</div>
</div>
</div>
<!-- 控股品牌 -->
<div id="kgpp" class="prosuperiority_body container">
<div class="sol_head">
<h2>控股品牌</h2>
</div>
<div class="row">
<div class="col-xl-3 col-lg-3 col-md-6 col-sm-6 col-6">
<div class="focusitem">
<img src="__CDN__/static/images/brand/01.png" alt="">
<h5>江西云网</h5>
<p>为客户提供涵盖仓储、配送及系统集成的全方位解决方案。</p>
</div>
</div>
<div class="col-xl-3 col-lg-3 col-md-6 col-sm-6 col-6">
<div class="focusitem">
<img src="__CDN__/static/images/brand/02.png" alt="">
<h5>江西云鹄</h5>
<p>成功构建了集线上与线下于一体的无缝衔接仓配服务体系。</p>
</div>
</div>
<div class="col-xl-3 col-lg-3 col-md-6 col-sm-6 col-6">
<div class="focusitem">
<img src="__CDN__/static/images/brand/03.png" alt="">
<h5>江西云柔</h5>
<p>采用的业内先进的系统,为鹿马云仓提供全面、灵活的管理平台。</p>
</div>
</div>
<div class="col-xl-3 col-lg-3 col-md-6 col-sm-6 col-6">
<div class="focusitem">
<img src="__CDN__/static/images/brand/04.png" alt="">
<h5>鞠氏纸业</h5>
<p>鹿马108与鞠氏纸业的合作，是一次强强联手的典范。</p>
</div>
</div>
<div class="col-xl-3 col-lg-3 col-md-6 col-sm-6 col-6">
<div class="focusitem">
<img src="__CDN__/static/images/brand/05.png" alt="">
<h5>江西淼元饮品</h5>
<p>响应市场对健康生活的需求,遍寻全国优质水源。</p>
</div>
</div>
<div class="col-xl-3 col-lg-3 col-md-6 col-sm-6 col-6">
<div class="focusitem">
<img src="__CDN__/static/images/brand/06.png" alt="">
<h5>鹿马一品奶茶</h5>
<p>鹿马一品奶茶，给周边商家赋能及引流，让商家增收增利</p>
</div>
</div>
</div>
</div>
<!-- 控股品牌end -->
<!-- 发展历程 -->
<section class="fzHistory" style="background-image: url(__CDN__/static/images/aboutus/coursebg.png);">
<section id="fzHistory" class="fzHistory" style="background-image: url(__CDN__/static/images/aboutus/coursebg.png);">
<div class="fzHistory_head">
<h3>鹿马发展历程</h3>
</div>
......@@ -129,7 +336,7 @@
<div class="operationarrow">
<img id="topjt" src="__CDN__/static/images/aboutus/topjt.png" alt="">
</div>
<ul id="fzHistoryUl">
<ul id="fzHistoryUl" class="fzHistoryUl">
{foreach $progresslist as $key=>$vo }
<li class="{$key==0?'active':''}">{$vo.lctime}</li>
{/foreach}
......@@ -175,7 +382,7 @@
<!-- 荣誉证书 -->
<section class="honorcertificate">
<section class="honorcertificate" id="honorcertificate">
<div class="sol_head">
<h2>鹿马荣誉证书</h2>
</div>
......@@ -202,7 +409,7 @@
<!-- 软著 -->
<section class="softworklists">
<section class="softworklists" id="softworklists">
<div class="container">
<div class="row">
......@@ -247,6 +454,9 @@
$("#fzHistoryUl li").click(function(){
let clickIndex = $(this).index();
swiper1.slideTo(clickIndex);
// $("#fzHistoryUl").find("li").eq(0)[0].offsetTop
})
var swiperLne = $(".lcswiperss .swiper-wrapper .swiper-slide").length;
......@@ -254,13 +464,25 @@
$("#bottomjt").click(function(){
if(swiper1.activeIndex<swiperLne-1){
swiper1.slideTo(swiper1.activeIndex+1);
let offsetTop = $("#fzHistoryUl").find("li")[swiper1.activeIndex].offsetHeight * swiper1.activeIndex;
console.info('offsetTop',offsetTop);
$("#fzHistoryUl").scrollTop(offsetTop);
}
})
// $("#fzHistoryUl").scrollTop(200)
//上一个
$("#topjt").click(function(){
if(swiper1.activeIndex!=0){
swiper1.slideTo(swiper1.activeIndex-1);
let offsetTop = $("#fzHistoryUl").find("li")[swiper1.activeIndex].offsetHeight * swiper1.activeIndex;
console.info('offsetTop',offsetTop);
$("#fzHistoryUl").scrollTop(offsetTop);
}
})
......
application/index/view/index/index.html
View file @ acbfe773
......@@ -75,10 +75,8 @@
<div class="row">
<div class=" abouts_l col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
<h4>关于我们</h4>
<p>江西鹿马壹零捌信息科技集团有限公司成立于2021年坐落于美丽的英雄城南昌。注 册资金壹仟万元。是一家集电商互联网+实体服务的综合性互联网交易大平台公司。</p>
<p>公司凭借卓越的创新思维、专业的研发团队和丰富的互联网行业技术成立鹿马研发部。公司以服务消费为导向、资源整合为策略移动互联网为平台，充分利用市场资源，集中打造一个国际化，系统化的移动互联网创业平台。
</p>
<p>鹿马108是社区新零售线上购物平台和充电桩运营服务商，以社区居民群体和两轮充电用户为入口导入电商客户，在提供两轮电动车的充电运营服务，同时为其提供便利实惠的快消品、家具用品、生鲜商品的销售，打造超强客户粘性，实现客户双向导流。
<p>鹿马壹零捌信息科技有限公司成立于2013年坐落于美丽的英雄城南昌，注册资金贰仟万元。是一家集电商互联网+实体服务的综合性互联网交易大平台公司。</p>
<p>公司凭借卓越的创新思维、专业的研发团队和丰富的互联网行业技术成立多思盈研发部。公司以服务消费为导向、资源整合为策略、移动互联网为平台，充分利用市场资源，集中打造一个国际化，系统化的移动互联网创业平台。
</p>
<div class="allmore">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment