|
|
<!DOCTYPE html><html lang="en">
<head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="/css/reset.css"> <link rel="stylesheet" href="/css/index.css"> <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"> <title><?php echo sysconfig('CMS_SEOTITLE'); ?></title><meta name="keywords" content="<?php echo sysconfig('CMS_KEYWORDS'); ?>" /><meta name="description" content="<?php echo sysconfig('CMS_DESCRIPTION'); ?>" />
</head>
<body><div id="app"><header class="header"> <div class="content"> <img class="logo" src="./img/logo.jpg" alt=""> <ul class="nav"> <li><a onclick="handleCliCK(this)" class=" active" href="#">首页</a></li> <li><a onclick="handleCliCK(this)" href=" #product">产品中心</a></li> <li><a onclick="handleCliCK(this)" href=" #journalism">新闻中心</a></li> <li><a onclick="handleCliCK(this)" href=" #about">公司介绍</a></li> <li><a onclick="handleCliCK(this)" href=" #culture">企业文化</a></li> <li><a onclick="handleCliCK(this)" href=" #contact">联系我们</a></li> </ul> </div></header><section class="bg"> <?php if ($slide_list) { ?>
<?php foreach ($slide_list as $k=>$v) { ?>
<img src="<?php echo $v['pic']; ?>" alt="<?php echo $v['title']; ?>"> <?php } ?>
<?php } ?>
</section><section id="product" class="product"> <div class="content"> <p class="title">产品中心</p> <span style="font-family:arial,helvetica,sans-serif;margin-TOP: 10px;margin-bottom: 40px;font-size: 16px;display: block;text-align: center;margin-bottom: 20px;">PRODUCT CENTER</span> <div class="list">
@if($slide_list)
@foreach($slide_list as $k=>$v) <div> <img src="{{$v['litpic']}}" alt="{{$v['title']}}"> <p>{{$v['title']}}</p> <p class="referral">{{$v['description']}}</p> </div> @endforeach </div> @endif </div></section><section id="journalism" class="journalism"> <div class="content"> <p class="title">新闻中心</p> <span style="font-family:arial,helvetica,sans-serif;font-size: 16px;display: block;text-align: center;margin: 5px 0;margin-bottom: 20px;">PRESS CENTER</span> <div class="list">
<ul id="ajlist"> @if($article_list) @foreach($article_list as $row) <li><span class="group">[{{date("Y-m-d",$row['pubdate'])}}]</span> <a href="{{get_wap_front_url(array("id"=>$row['id'],"catid"=>$row['typeid'],"type"=>'content'))}}" target="_blank">{{$row['title']}}</a></li> @endforeach @endif </ul>
</div> <div class="block"> <el-pagination @current-change="handleCurrentChange" layout="prev, pager, next" :total="{{$article_count}}"> </el-pagination> </div> </div></section>
<section id="about" class="about"> <div class="content"> <img class="leftPic" src="./img/111.png" alt=""> <div class="info"> <span style="font-family:微软雅黑;display: block;font-size: 30px;margin: 10px 0;">公司介绍</span> <span style="font-family:arial,helvetica,sans-serif">ABOUT US</span> <p class="text"> 广州轻未来致力于中国大健康科学产品研发与服务，专注于科学减脂技术，由体脂监测，营养师1对1服务减脂教育以及“低聚肽营养固体饮料”结合的一套体脂管理解决方案。轻未来公司秉持“帮助国民科学管理健康体脂，向行业领导者进军”的理念。 </p> </div> </div></section><section id="culture" class="culture"> <div class="content"> <div class="info"> <span style="font-family:微软雅黑;display: block;font-size: 30px;margin: 10px 0;">企业文化</span> <span style="font-family:arial,helvetica,sans-serif">CULTURE</span> <p class="text"> 价值观：爱国、诚信、责任、进取、关爱、快乐、感恩<br> 使命：提高健康生命，成就财富梦想<br> 愿景：全力开创“国民大健康+轻创业”的科学体脂管理平台 </p> </div> <img class="leftPic" src="./img/111.png" alt=""> </div></section>
<section id="contact" class="contact"> <div class="content"> <p class="title">联系方式</p> <span style="font-family:arial,helvetica,sans-serif;font-size: 16px;display: block;text-align: center;margin: 5px 0;margin-bottom: 60px;">CONTACT US</span> <div class="box">
<div id="container"></div> <div class="info">
<div> <img src="./img/ic_phone.png" alt=""> <p>商务电话：{{sysconfig("CMS_PHONE")}}</p> </div> <div> <img src="./img/ic_location.png" alt=""> <p>广州市白云区云城西路888号3604室</p> </div> </div> </div> </div></section> @include('wap.common.footer')</div>
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></script><script type="text/javascript" src="https://api.map.baidu.com/api?v=1.0&type=webgl&ak=fFiRpaVrF05si25dbpbj6d1aGreR15u7"></script><script src="https://unpkg.com/element-ui/lib/index.js"></script><script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script> var page =1; new Vue({ el: '#app', data: function () { return { visible: false } }, methods:{ handleCurrentChange(e){ console.log(e,'---eeee'); $.ajax({ url: {{env('APP_API_URL')}} + "/article_list", dataType: "json", type: "POST", data: { 'limit' : 10, 'offset' : e * 10 }, success: function(data){ if(data.code==0) { var json = data.data; //数组
var str = ''; $.each(json, function (index) { //循环获取数据
var title = json[index].title; var id = json[index].id; var url = json[index].url; var pubdate = json[index].pubdatetext;
str = str + '<li><span class="group">['+pubdate+']</span><a href="'+url+'" target="_blank">'+title+'</a></li>'; });
$('#ajlist').empty(); if(str!='') {
$('#ajlist').append(str); }
} else {
} }
}); }, } })</script><script> $('#product').css('min-height', document.documentElement.clientHeight - 160) $('#contact').css('min-height', document.documentElement.clientHeight - 160) $('#journalism').css('min-height', document.documentElement.clientHeight - 160) $('#culture').css('min-height', document.documentElement.clientHeight - 160) $('#about').css('min-height', document.documentElement.clientHeight - 160) $('.bg').css('min-height', document.documentElement.clientHeight - 160)
$(document).ready(function () { var map = new BMapGL.Map('container'); // 创建地图实例
var point = new BMapGL.Point(113.275389, 23.186962); // 创建点坐标
map.centerAndZoom(point, 15); var marker = new BMapGL.Marker(point); // 创建标注
map.addOverlay(marker); })
$(window).scroll(function () { if ($('.bg')[0].offsetTop - $(window).scrollTop() < 0 && $('.bg')[0] .offsetTop - $(window).scrollTop() > Number('-'+$('.bg').height())) { $('.nav>li>a').removeClass("active"); $('.nav>li>a').eq(0).addClass("active") }else if ($('#product')[0].offsetTop - $(window).scrollTop() < 0 && $('#product')[0] .offsetTop - $(window).scrollTop() > Number('-'+$('#product').height())) { $('.nav>li>a').removeClass("active"); $('.nav>li>a').eq(1).addClass("active") }else if($('#journalism')[0].offsetTop - $(window).scrollTop() < 0 && $('#journalism')[0] .offsetTop - $(window).scrollTop() > Number('-'+$('#journalism').height())) { $('.nav>li>a').removeClass("active"); $('.nav>li>a').eq(2).addClass("active") }else if($('#about')[0].offsetTop - $(window).scrollTop() < 0 && $('#about')[0] .offsetTop - $(window).scrollTop() > Number('-'+$('#about').height())) { $('.nav>li>a').removeClass("active"); $('.nav>li>a').eq(3).addClass("active") }else if($('#culture')[0].offsetTop - $(window).scrollTop() < 0 && $('#culture')[0] .offsetTop - $(window).scrollTop() > Number('-'+$('#culture').height())) { $('.nav>li>a').removeClass("active"); $('.nav>li>a').eq(4).addClass("active") }else if($('#contact')[0].offsetTop - $(window).scrollTop() < 0 && $('#contact')[0] .offsetTop - $(window).scrollTop() > Number('-'+$('#contact').height())) { $('.nav>li>a').removeClass("active"); $('.nav>li>a').eq(5).addClass("active") } });
function handleCliCK(e) { $('.nav>li>a').removeClass("active"); $(e).addClass("active"); }</script>
</body>
</html>
|
