You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
252 lines
11 KiB
252 lines
11 KiB
<!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['pic']}}" 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('home.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>
|