bill 3 years ago
parent
commit
531380e86d
  1. 1
      .htaccess
  2. 26
      404.html
  3. 5
      app/Http/Controllers/Api/ArticleController.php
  4. 51
      app/Http/Controllers/Home/IndexController.php
  5. 41
      app/Http/Controllers/Wap/IndexController.php
  6. 39
      index.html
  7. 85
      public/css/details.css
  8. 258
      public/css/index.css
  9. 70
      public/css/reset.css
  10. BIN
      public/img/111.png
  11. BIN
      public/img/2222.jfif
  12. BIN
      public/img/3333.jfif
  13. BIN
      public/img/4444.jfif
  14. BIN
      public/img/5555.jfif
  15. BIN
      public/img/ic_location.png
  16. BIN
      public/img/ic_phone.png
  17. BIN
      public/img/logo.jpg
  18. BIN
      public/img/sdtttr.png
  19. 46
      resources/views/home/article/detail.blade.php
  20. 9
      resources/views/home/common/footer.blade.php
  21. 416
      resources/views/home/index/index.blade.php
  22. 96
      resources/views/wap/article/detail.blade.php
  23. 11
      resources/views/wap/common/footer.blade.php
  24. 33
      resources/views/wap/index/details.blade.php
  25. 329
      resources/views/wap/index/index.blade.php

1
.htaccess

@ -0,0 +1 @@

26
404.html

@ -0,0 +1,26 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>404</title>
<style>
body{
background-color:#444;
font-size:14px;
}
h3{
font-size:60px;
color:#eee;
text-align:center;
padding-top:30px;
font-weight:normal;
}
</style>
</head>
<body>
<h3>404,您请求的文件不存在!</h3>
</body>
</html>

5
app/Http/Controllers/Api/ArticleController.php

@ -30,12 +30,15 @@ class ArticleController extends BaseController
$where['ischeck'] = Article::IS_CHECK;
$res = $this->getLogic()->getList($where, array('id', 'desc'), '*', $offset, $limit);
if($res['count']>0)
{
foreach($res['list'] as $k=>$v)
{
$res['list'][$k]->article_detail_url = route('weixin_article_detail',array('id'=>$v->id));
$res['list'][$k]->url = get_front_url(array("id"=>$v->id,"type"=>'content'));
$res['list'][$k]->pubdatetext = date("Y-m-d", $v->pubdate);
}
}

51
app/Http/Controllers/Home/IndexController.php

@ -20,64 +20,27 @@ class IndexController extends BaseController
$postdata = array(
'tuijian' => 1,
'status' => 0,
'limit' => 6,
'limit' => 4,
'offset' => 0
);
$url = env('APP_API_URL') . "/goods_list";
$res = curl_request($url, $postdata, 'GET');
$data['tjlist'] = $res['data']['list'];
//商品列表
$pagesize = 15;
//列表
$pagesize = 10;
$offset = 0;
if (isset($_REQUEST['page'])) {
$offset = ($_REQUEST['page'] - 1) * $pagesize;
}
$postdata = array(
'status' => 0,
'limit' => $pagesize,
'offset' => $offset
);
$url = env('APP_API_URL') . "/goods_list";
$url = env('APP_API_URL') . "/article_list";
$res = curl_request($url, $postdata, 'GET');
$data['list'] = $res['data']['list'];
$data['totalpage'] = ceil($res['data']['count'] / $pagesize);
if (isset($_REQUEST['page_ajax']) && $_REQUEST['page_ajax'] == 1) {
$html = '';
if ($res['data']['list']) {
foreach ($res['data']['list'] as $k => $v) {
$html .= '<li><a href="' . route('home_goods', array('id' => $v['id'])) . '" target="_blank"><img src="' . $v['litpic'] . '" alt="' . $v['title'] . '">';
$html .= '<p class="title">' . $v['title'] . '</p>';
$html .= '<p class="desc"><span class="price-point"><i></i>库存(' . $v['goods_number'] . ')</span> ' . $v['description'] . '</p>';
$html .= '<div class="item-prices red"><div class="item-link">立即<br>抢购</div><div class="item-info"><div class="price"><i>¥</i><em class="J_actPrice"><span class="yen">' . ceil($v['price']) . '</span></em></div>';
$html .= '<div class="dock"><div class="dock-price"><del class="orig-price">¥' . $v['market_price'] . '</del> <span class="benefit">包邮</span></div><div class="prompt"><div class="sold-num"><em>' . $v['sale'] . '</em> 件已付款</div></div></div></div></div></a></li>';
/* if($v['is_promote_goods']>0)
{
$html .= '<span class="badge_comm" style="background-color:#f23030;">Hot</span>';
}
$html .= $v['title'].'</p><div class="goods_price">¥<b>'.$v['price'].'</b><span class="fr">'.$v['sale'].'人付款</span></div></div></a>';
$html .= '</li>'; */
}
}
exit(json_encode($html));
}
//商品分类列表
$postdata = array(
'pid' => 0,
'limit' => 15,
'offset' => 0
);
$url = env('APP_API_URL') . "/goodstype_list";
$res = curl_request($url, $postdata, 'GET');
$data['goodstype_list'] = $res['data']['list'];
$data['article_list'] = $res['data']['list'];
$data['article_count'] = intval($res['data']['count']);
//banner轮播图
$postdata = array(

41
app/Http/Controllers/Wap/IndexController.php

@ -14,7 +14,46 @@ class IndexController extends BaseController
//首页
public function index()
{
return view('wap.index.index');
//推荐商品列表
$postdata = array(
'tuijian' => 1,
'status' => 0,
'limit' => 4,
'offset' => 0
);
$url = env('APP_API_URL') . "/goods_list";
$res = curl_request($url, $postdata, 'GET');
$data['tjlist'] = $res['data']['list'];
//列表
$pagesize = 10;
$offset = 0;
$postdata = array(
'limit' => $pagesize,
'offset' => $offset
);
$url = env('APP_API_URL') . "/article_list";
$res = curl_request($url, $postdata, 'GET');
$data['article_list'] = $res['data']['list'];
$data['article_count'] = intval($res['data']['count']);
//banner轮播图
$postdata = array(
'type' => 0,
'limit' => 5,
'offset' => 0
);
$url = env('APP_API_URL') . "/slide_list";
$res = curl_request($url, $postdata, 'GET');
$data['slide_list'] = $res['data']['list'];
return view('wap.index.index',$data);
}
//列表页

39
index.html

@ -0,0 +1,39 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>恭喜,站点创建成功!</title>
<style>
.container {
width: 60%;
margin: 10% auto 0;
background-color: #f0f0f0;
padding: 2% 5%;
border-radius: 10px
}
ul {
padding-left: 20px;
}
ul li {
line-height: 2.3
}
a {
color: #20a53a
}
</style>
</head>
<body>
<div class="container">
<h1>恭喜, 站点创建成功!</h1>
<h3>这是默认index.html,本页面由系统自动生成</h3>
<ul>
<li>本页面在FTP根目录下的index.html</li>
<li>您可以修改、删除或覆盖本页面</li>
<li>FTP相关信息,请到“面板系统后台 > FTP” 查看</li>
</ul>
</div>
</body>
</html>

85
public/css/details.css

@ -0,0 +1,85 @@
.header{
width: 100%;
height: 90px;
/* position: fixed;
top: 0px;
background: #fff;
box-shadow: 0px 0px 3px #888888; */
flex: 0 0 auto;
}
.header>.content{
width: 1240px;
height: 100%;
display: flex;
justify-content: space-between;
margin: 0 auto;
}
.header>.content>.logo{
width: 145px;
height: 50px;
background: #000;
margin: auto 0;
}
.header>.content>.nav{
display: flex;
}
.header>.content>.nav>li{
padding: 0 20px;
line-height: 90px;
font-size: 20px;
}
.header>.content>.nav>li>a{
color: #000;
}
.text{
min-height: 80%;
width: 1240px;
margin: 0 auto;
/*min-height: 600px;*/
flex: 1 0 auto;
/*margin-bottom: 80px;*/
}
.text .page-header{
margin-bottom: 10px;
}
.active{
color: #edb183 !important;
}
html,body{
height: 100%;
display: flex;
flex-direction: column;
}
.footer {
background: url('../img/sdtttr.png') no-repeat;
background-size: 100% 100%;
height: 90px;
width: 100%;
position: relative;
flex: 0 0 auto;
}
.footer-cert {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.footer-cert,
.footer-cert a {
color: #fff;
}
.active {
color: #edb183 !important;
}
.footer-item {
display: block;
text-align: center;
}

258
public/css/index.css

@ -0,0 +1,258 @@
.header {
width: 100%;
height: 90px;
position: fixed;
top: 0px;
background: rgba(255, 255, 255, 1);
box-shadow: 0px 0px 3px #888888;
/* z-index: 0.2; */
z-index: 2;
}
.header>.content {
width: 1240px;
height: 100%;
display: flex;
justify-content: space-between;
margin: 0 auto;
}
.header>.content>.logo {
width: 145px;
height: 50px;
background: #000;
margin: auto 0;
}
.header>.content>.nav {
display: flex;
}
.header>.content>.nav>li {
padding: 0 20px;
line-height: 90px;
font-size: 20px;
}
.header>.content>.nav>li>a {
color: #000;
}
.bg {
width: 100%;
height: 1000px;
margin-top: 90px;
}
.bg>img {
width: 100%;
height: 100%;
}
#about {
width: 100%;
/* height: 580px; */
padding: 80px 0;
background: rgba(244, 244, 244, 1);
padding-top: 160px;
}
#about .content {
width: 1240px;
display: flex;
justify-content: space-between;
margin: 0 auto;
}
#about .content .leftPic {
width: 550px;
height: 390px;
}
#about .content .info {
width: 40%;
}
#about .content .info .text {
font-size: 20px;
line-height: 38px;
}
#contact {
width: 100%;
padding: 80px 0;
background: rgba(244, 244, 244, 1);
padding-top: 160px;
}
#contact .content {
width: 1240px;
margin: 0 auto;
}
#contact .content .title {
text-align: center;
font-size: 36px;
}
.contact .content .box {
display: flex;
}
.contact .content .box .info {
/* background: rgba(250, 250, 252, 1); */
width: 50%;
margin: 0 auto;
height: 400px;
padding: 10px;
/* display: flex; */
padding-left: 30px;
}
.contact .content .box {
display: flex;
width: 80%;
margin: 0 auto;
}
.contact .content .box #container {
width: 50%;
height: 400px;
}
.contact .content .box .info>div {
display: flex;
margin-bottom: 20px;
}
.contact .content .box .info>div>img {
width: 42px;
height: 42px;
margin-right: 20px;
}
.contact .content .box .info>div>p {
line-height: 42px;
}
#journalism {
width: 100%;
padding: 80px 0;
background: #fff;
padding-top: 160px;
position: relative;
}
#journalism .content {
width: 1240px;
margin: 0 auto;
}
#journalism .content .title {
text-align: center;
font-size: 36px;
}
#journalism .content .list{
height: 500px;
}
#journalism .content .list li {
padding: 10px 0;
}
#journalism .content .list li a {
color: #000;
}
#journalism .block{
position: absolute;
bottom: 100px;
}
#product {
width: 100%;
padding: 80px 0;
background: rgba(244, 244, 244, 1);
padding-top: 160px;
}
#product .content {
width: 1240px;
margin: 0 auto;
}
#product .content .title {
text-align: center;
font-size: 36px;
}
#product .content .list {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
/* width: 50%; */
margin: 0 auto;
}
#product .content .list div {
/* width: 40%; */
/* height: 300px; */
width: 50%;
margin-bottom: 30px;
}
#product .content .list>div>p {
text-align: center;
font-size: 21px;
}
#product .content .list>div .referral {
font-size: 14px;
color: #767474;
width: 60%;
text-align: left;
margin: 0 auto;
margin-top: 10px;
}
#product .content .list img {
width: 300px;
height: 200px;
display: block;
margin: 0 auto;
margin-bottom: 15px;
}
#culture {
width: 100%;
/* height: 580px; */
padding: 80px 0;
background: #fff;
padding-top: 160px;
}
#culture .content {
width: 1240px;
display: flex;
justify-content: space-between;
margin: 0 auto;
}
#culture .content .leftPic {
width: 550px;
height: 390px;
}
#culture .content .info {
width: 40%;
}
#culture .content .info .text {
font-size: 20px;
line-height: 38px;
}

70
public/css/reset.css

@ -0,0 +1,70 @@
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
textarea,
input {
margin: 0;
padding: 0;
box-sizing: border-box;
list-style: none;
text-decoration:none;
}

BIN
public/img/111.png

Binary file not shown.

After

Width: 758  |  Height: 506  |  Size: 208 KiB

BIN
public/img/2222.jfif

Binary file not shown.

After

Width: 1200  |  Height: 508  |  Size: 48 KiB

BIN
public/img/3333.jfif

Binary file not shown.

After

Width: 800  |  Height: 344  |  Size: 28 KiB

BIN
public/img/4444.jfif

Binary file not shown.

After

Width: 800  |  Height: 347  |  Size: 26 KiB

BIN
public/img/5555.jfif

Binary file not shown.

After

Width: 800  |  Height: 335  |  Size: 30 KiB

BIN
public/img/ic_location.png

Binary file not shown.

After

Width: 42  |  Height: 42  |  Size: 2.7 KiB

BIN
public/img/ic_phone.png

Binary file not shown.

After

Width: 42  |  Height: 42  |  Size: 2.5 KiB

BIN
public/img/logo.jpg

Binary file not shown.

After

Width: 2790  |  Height: 1080  |  Size: 130 KiB

BIN
public/img/sdtttr.png

Binary file not shown.

After

Width: 1920  |  Height: 264  |  Size: 7.1 KiB

46
resources/views/home/article/detail.blade.php

@ -1,8 +1,38 @@
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title><?php echo $post["title"]; ?>_<?php echo sysconfig('CMS_WEBNAME'); ?></title><meta name="keywords" content="{dede:field.keywords/}" /><meta name="description" content="{dede:field.description function='html2text(@me)'/}" /><link rel="stylesheet" href="<?php echo sysconfig('CMS_BASEHOST'); ?>/css/style.css"><script type="text/javascript" src="<?php echo sysconfig('CMS_BASEHOST'); ?>/js/ad.js"></script></head><body>
@include('home.common.header')
<div class="box" style="padding-top:20px;">
<h1 class="page-header" style="text-align:center;"><?php echo $post["title"]; ?></h1>
<div class="content mt10"><?php echo $post["body"]; ?></div>
</div>
@include('home.common.footer')</body></html>
<!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">
<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'); ?>" />
<link rel="stylesheet" href="/css/reset.css">
<link rel="stylesheet" href="/css/details.css">
</head>
<body>
<header class="header">
<div class="content">
<img class="logo" src="/img/logo.jpg" alt="">
<ul class="nav">
<li><a href="/index.html">首页</a></li>
<li><a href="/index.html#product">产品中心</a></li>
<li><a class="active" href="/index.html#journalism">新闻中心</a></li>
<li><a href="/index.html#about">公司介绍</a></li>
<li><a href="/index.html#culture">企业文化</a></li>
<li><a href="/index.html#contact">联系我们</a></li>
</ul>
</div>
</header>
<section class="text">
<div class="content">
<h1 class="page-header" style="text-align:center;"><?php echo $post["title"]; ?></h1>
<div style="text-align:center;margin-bottom: 30px">发布时间:{{date("Y-m-d",$post["pubdate"])}} </div>
<div class="content mt10"><?php echo $post["body"]; ?></div>
</div>
</section>
@include('home.common.footer')
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
</body>
</html>

9
resources/views/home/common/footer.blade.php

@ -1 +1,8 @@
<div id="footer"><div class="box">&copy;<?php echo sysconfig('CMS_WEBNAME'); ?> 部分文章来源于网络,如果侵犯了您的权益,请联系我们。<div class="m-auto"><script>count_js();</script></div></div></div>
<footer class="footer">
<div class="footer-cert">
<span class="copyright"><?php echo sysconfig('CMS_POWERBY'); ?></span>
<a href="https://beian.miit.gov.cn/" target="_blank" class="footer-item footer-sgs"
data-track-name="ft/icp">粤ICP备2020101949号</a>
</div>
</footer>

416
resources/views/home/index/index.blade.php

@ -1,198 +1,252 @@
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<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'); ?>" /><link rel="stylesheet" href="<?php echo sysconfig('CMS_BASEHOST'); ?>/css/style.css"></head><body>
@include('home.common.header')
<style>
.main-theme .item{width: 33.3%;width: 33.3% !important;height:120px;float: left;overflow: hidden;-webkit-transition: width .3s ease;-moz-transition: width .3s ease;-o-transition: width .3s ease;transition: width .3s ease;}
.main-theme .item img{width:100%;height:100%;}
</style>
<!--顶部滚动广告栏-start-->
<?php if ($slide_list) { ?>
<div class="box" style="margin-top:10px;margin-bottom:10px;">
<!-- Swiper -->
<div class="swiper-container">
<div class="swiper-wrapper">
<!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) { ?>
<div class="swiper-slide"><a href="<?php if($v['url']){echo $v['url'];}else{echo 'javascript:;';} ?>"><img src="<?php echo $v['pic']; ?>" alt="<?php echo $v['title']; ?>"></a></div>
<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>
<!-- Add Pagination -->
<div class="swiper-pagination swiper-pagination-white"></div>
</div>
</div>
<?php } ?>
<link rel="stylesheet" href="<?php echo env('APP_URL'); ?>/css/swiper.min.css">
<script type="text/javascript" src="<?php echo env('APP_URL'); ?>/js/swiper.min.js"></script>
<style>
.swiper-container{width:100%;height:auto;}
.swiper-slide{text-align:center;font-size:18px;background:#fff;}
.swiper-slide img{width:100%;height:320px;}
</style>
<script>
//Swiper轮播
var swiper = new Swiper('.swiper-container', {
pagination: '.swiper-pagination',
paginationClickable: true,
autoHeight: true, //enable auto height
slidesPerView: 1,
paginationClickable: true,
spaceBetween: 30,
loop: true,
centeredSlides: true,
autoplay: 3000,
autoplayDisableOnInteraction: false
});
</script>
<!--顶部滚动广告栏-end-->
<!--导航栏-start-->
<style>
.cat-menu-h {padding:8px 0;margin-bottom:10px;background-color: #fff;border-bottom: 1px dotted #ccc;border-top: 1px dotted #ccc;}
.cat-menu-h ul {font-size: 14px;}
.cat-menu-h ul li {float: left;}
.cat-menu-h ul a {display: block;padding: 2px 10px;text-align: center;color: #666;white-space: nowrap;}
.cat-menu-h ul a:hover {background-color: #e61414;color: #fff;}
.cat-menu-h ul a.forecast:hover {background-color: #26a96d;color: #fff;}
.cat-menu-h ul a.forecast {color: #26a96d;}
</style>
<div class="box">
<div class="cat-menu-h">
<ul class="clearfix">
<li><a<?php if(route('home_goodslist') == url()->full()){echo ' class="hover"';} ?> href="<?php echo route('home_goodslist'); ?>">全部</a></li>
<?php if($goodstype_list){foreach($goodstype_list as $k=>$v){ ?>
<li><a<?php if(route('home_goodslist',array('typeid'=>$v['id'])) == url()->full()){echo ' class="hover"';} ?> href="<?php echo route('home_goodslist',array('typeid'=>$v['id'])); ?>"><?php echo $v['name']; ?></a></li><?php }} ?>
<li><a class="forecast" href="<?php echo route('home_goodslist',array('tuijian'=>1)); ?>"> [推荐] </a></li>
</ul>
<form method="get" class="m-sch fr" name="formsearch" action="<?php echo route('home_goodslist'); ?>"><input class="sch-txt" name="keyword" type="text" value="搜索 按Enter键" onfocus="if(value=='搜索 按Enter键') {value=''}" onblur="if(value=='') {value='搜索 按Enter键'}"></form>
<div class="cl"></div></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">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
广州轻未来致力于中国大健康科学产品研发与服务,专注于科学减脂技术,由体脂监测,营养师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>
<!--导航栏-end-->
<style>
.brandul{margin-right:-10px;}
.brandul li{margin: 0 10px 10px 0;-webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1);-moz-box-shadow: 0 1px 0 rgba(0,0,0,.1);box-shadow: 0 1px 0 rgba(0,0,0,.1);float: left;}
.brandul li a{display: block;overflow: hidden;width: 100%;height: 100%;text-decoration: none;}
.brandul li .brand-pic{width: 475px;height: 186px;}
.brandul .brand-des{vertical-align: top;line-height: 26px;height: 26px;padding-left: 10px;border-left: 1px solid #F3F3F3;border-right: 1px solid #F3F3F3;color: #000;}
.brandul .brand-des em{color:#e61414;}
.brandul .brand-des .fl{margin-left:10px;}
.brandul .brand-des .fr{margin-right:20px;}
</style>
<div class="box" style="margin-bottom:5px;"><ul class="brandul">
<li>
<a href="" target="_blank">
<img class="brand-pic" src="/images/3.jpg">
<div class="brand-des"><span class="fl"></span>
<span class="fr"><em>234100</em>件已付款 &nbsp; <em>仅剩1天</em></span></div></a>
</li>
<li>
<a href="" target="_blank">
<img class="brand-pic" src="/images/3.jpg">
<div class="brand-des"><span class="fl"></span>
<span class="fr"><em>234100</em>件已付款 &nbsp; <em>仅剩1天</em></span></div></a>
</li>
</ul></div>
<style>
.index-tit span a{font-size:14px;color:#666;font-weight:400;}
.index-tit .spilt{margin:0 12px;font-size:14px;font-weight:400;}
</style>
<div class="box">
<p class="index-tit" style="font-weight:bold;font-size:28px;color:#333;margin-top:30px;margin-bottom:20px;">编辑推荐<small style="margin-left:20px;font-size:14px;color:#666;font-weight:400;">工厂直达消费者,剔除品牌溢价</small><span style="float:right;"><a href="">夏凉</a><b class="spilt">/</b><a href="">夏凉</a><b class="spilt">/</b><a href="">夏凉</a><b class="spilt">/</b><a href="">夏凉</a><b class="spilt">/</b><a href="">夏凉</a><b class="spilt">/</b><a href="">夏凉</a><a style="margin-left:20px;" href="">查看更多 ></a></span></p>
<ul class="pul">
<?php if($tjlist){foreach($tjlist as $k=>$v){ ?>
<li><a href="<?php echo route('home_goods',array('id'=>$v['id'])); ?>" target="_blank"><img src="<?php echo $v['litpic']; ?>" alt="<?php echo $v['title']; ?>">
<p class="title"><?php echo $v['title']; ?></p>
<p class="desc"><span class="price-point"><i></i>库存(<?php echo $v['goods_number']; ?>)</span> <?php echo $v['description']; ?></p>
<div class="item-prices red"><div class="item-link">立即<br>抢购</div><div class="item-info"><div class="price"><i>¥</i><em class="J_actPrice"><span class="yen"><?php echo ceil($v['price']); ?></span></em></div>
<div class="dock"><div class="dock-price"><del class="orig-price">¥<?php echo $v['market_price']; ?></del> <span class="benefit">包邮</span></div><div class="prompt"><div class="sold-num"><em><?php echo $v['sale']; ?></em> 件已付款</div></div></div>
</div></div>
</a></li>
<?php }} ?>
</ul></div>
<div class="box">
<p style="font-weight:bold;font-size:28px;color:#333;margin-top:30px;margin-bottom:20px;">热门商品</p>
<ul class="pul" id="goods_list">
<?php if($list){foreach($list as $k=>$v){ ?>
<li><a href="<?php echo route('home_goods',array('id'=>$v['id'])); ?>" target="_blank"><img src="<?php echo $v['litpic']; ?>" alt="<?php echo $v['title']; ?>">
<p class="title"><?php echo $v['title']; ?></p>
<p class="desc"><span class="price-point"><i></i>库存(<?php echo $v['goods_number']; ?>)</span> <?php echo $v['description']; ?></p>
<div class="item-prices red"><div class="item-link">立即<br>抢购</div><div class="item-info"><div class="price"><i>¥</i><em class="J_actPrice"><span class="yen"><?php echo ceil($v['price']); ?></span></em></div>
<div class="dock"><div class="dock-price"><del class="orig-price">¥<?php echo $v['market_price']; ?></del> <span class="benefit">包邮</span></div><div class="prompt"><div class="sold-num"><em><?php echo $v['sale']; ?></em> 件已付款</div></div></div>
</div></div>
</a></li>
<?php }} ?>
</ul></div>
<div class="box nomore" style="text-align:center;line-height:46px;font-size:18px;color:#999;margin-bottom:10px;display:none;">没有更多数据了</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>
$(function(){
var ajaxload = false;
var maxpage = false;
var startpage = 1;
var totalpage = <?php echo $totalpage; ?>;
var tmp_url = window.location.href;
msg = tmp_url.split("#");
tmp_url = msg[0];
$(window).scroll(function ()
{
var listheight = $("#goods_list").outerHeight();
if ($(document).scrollTop() + $(window).height() >= listheight)
{
if(startpage >= totalpage)
{
//$("#submit_bt_one").html("已是最后一页,没有更多数据!");
$(".nomore").show();
return false;
var page =1;
new Vue({
el: '#app',
data: function () {
return {
visible: false
}
if(!ajaxload && !maxpage)
{
ajaxload = true;
//$("#submit_bt_one").html("努力加载中...");
var url = tmp_url;
var nextpage = startpage+1;
$.get(url,{page_ajax:1,page:nextpage},function(res)
{
if(res)
{
$("#goods_list").append(res);
startpage++;
if(startpage >= totalpage)
},
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)
{
maxpage = true;
$(".nomore").show();
//$("#submit_bt_one").html("已是最后一页,没有更多数据!");
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
{
//$("#submit_bt_one").html("点击加载更多");
}
ajaxload = false;
}
else
{
//$("#submit_bt_one").html("请求失败,请稍候再试!");
ajaxload = false;
}
},'json');
}
});
},
}
});
});
})
</script>
<script>
console.log("Github地址:https://github.com/Fanli2012/lqycms\nEmail:374861669@qq.com");
$('#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>
@include('home.common.footer')
</body></html>
</body>
</html>

96
resources/views/wap/article/detail.blade.php

@ -1,66 +1,34 @@
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /><meta name="viewport" content="width=device-width,initial-scale=1.0">
<title><?php echo $post["title"]; ?>_<?php echo sysconfig('CMS_WEBNAME'); ?></title><link rel="stylesheet" href="/css/wap.css" media="all"><script type="text/javascript" src="/js/jquery.min.js"></script></head><body>
<!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">
<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'); ?>" />
<header class="mheader-a"><h2 class="bt"><?php echo sysconfig('CMS_WEBNAME'); ?></h2><a href="javascript:;"><div class="phone-icon telphone"></div></a></header>
<link rel="stylesheet" href="/css/reset.css">
<link rel="stylesheet" href="/css/details.css">
</head>
<body>
<header class="header">
<div class="content">
<img class="logo" src="./img/logo.jpg" alt="">
<ul class="nav">
<li><a href="/index.html">首页</a></li>
<li><a href="/index.html#product">产品中心</a></li>
<li><a class="active" href="/index.html#journalism">新闻中心</a></li>
<li><a href="/index.html#about">公司介绍</a></li>
<li><a href="/index.html#culture">企业文化</a></li>
<li><a href="/index.html#contact">联系我们</a></li>
</ul>
</div>
</header>
<section>
<div class="content">
@include('wap.common.header')
<article class="mbanner-b mb10"><a href=""><img src="/images/banner.jpg"></a></article>
<article class="mbox cinfo"><h1 class="tith"><?php echo $post["title"]; ?></h1>
<div class="mabout-a"><p>时间:<?php echo date("Y-m-d",$post["pubdate"]); ?></p><?php echo $post["body"]; ?>
<br>下一篇:<?php if($pre){ ?><a href="<?php echo get_front_url(array("id"=>$pre['id'],"type"=>'content')); ?>"><?php echo $pre["title"]; ?></a><?php }else{echo '没有了';} ?></div></article>
<article class="mbox"><h3 class="tit"><i class="tit_icon"></i>相关推荐</h3><ul class="mnews-b" id="ajlist"><?php $posts=arclist(array("row"=>5,"typeid"=>$post["typeid"],"orderby"=>'rand()'));foreach($posts as $row){ ?>
<li><span class="group">[<?php echo date("Y-m-d",$row['pubdate']); ?>]</span><a href="<?php echo get_front_url(array("id"=>$row['id'],"type"=>'content')); ?>"><?php echo $row['title']; ?></a></li><?php } ?>
</ul><div class="about-more more mt10"><a id="listbu" href="javascript:;">查看更多<i class="phone-icon mico"></i></a></div></article>
<script>
$(function(){
var page = 2;
$('#listbu').click(function(){
$.ajax({
url: "<?php echo route('api_listarc'); ?>",
dataType: "json",
type: "POST",
data: {
"_token":'{{ csrf_token() }}',
"typeid":<?php echo $post["typeid"] ?>,
"PageIndex":page,
"PageSize":5
},
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].pubdate;
str = str + '<li><span class="group">['+pubdate+']</span><a href="'+url+'" target="_blank">'+title+'</a></li>';
});
if(str!='')
{
$('#ajlist').append(str);
}
else
{
$('#listbu').text("亲,没有啦!");
}
}
else
{
}
}
});
page++;
});
});
</script>
</body></html>
</div>
</section>
@include('wap.common.footer')
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
</body>
</html>

11
resources/views/wap/common/footer.blade.php

@ -1 +1,10 @@
<footer><p><?php echo sysconfig('CMS_POWERBY'); ?></p></footer>
<footer class="footer">
<div class="footer-cert">
<span class="copyright"><?php echo sysconfig('CMS_POWERBY'); ?></span>
<a href="https://beian.miit.gov.cn/" target="_blank" class="footer-item footer-sgs"
data-track-name="ft/icp">粤ICP备2020101949号</a>
</div>
</footer>

33
resources/views/wap/index/details.blade.php

@ -0,0 +1,33 @@
<!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">
<title>广州轻未来生物科技有限公司</title>
<link rel="stylesheet" href="./css/reset.css">
<link rel="stylesheet" href="./css/details.css">
</head>
<body>
<header class="header">
<div class="content">
<img class="logo" src="./img/logo.jpg" alt="">
<ul class="nav">
<li><a href="/index.html">首页</a></li>
<li><a href="/index.html#product">产品中心</a></li>
<li><a class="active" href="/index.html#journalism">新闻中心</a></li>
<li><a href="/index.html#about">公司介绍</a></li>
<li><a href="/index.html#culture">企业文化</a></li>
<li><a href="/index.html#contact">联系我们</a></li>
</ul>
</div>
</header>
<section>
<div class="content">
</div>
</section>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
</body>
</html>

329
resources/views/wap/index/index.blade.php

@ -1,85 +1,252 @@
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /><meta name="viewport" content="width=device-width,initial-scale=1.0">
<title><?php echo sysconfig('CMS_WEBNAME'); ?></title><link href="/favicon.ico" type="image/x-icon" rel="shortcut icon">
<link rel="stylesheet" href="/css/wap.css" media="all"><script type="text/javascript" src="/js/jquery.min.js"></script></head><body>
<header class="mheader-a"><h2 class="bt"><?php echo sysconfig('CMS_WEBNAME'); ?></h2><a href="javascript:;"><div class="phone-icon telphone"></div></a></header>
@include('wap.common.header')
<article class="mbanner-b mb10"><a href=""><img src="/images/banner.jpg"></a></article>
<article class="mbox"><h3 class="tit"><i class="tit_icon"></i>产品中心</h3><div class="mpicshow-b">
<ul class="mnewpic2"><?php $posts=arclist(array("table"=>"goods","row"=>4,"typeid"=>1,"expression"=>[["litpic","<>","''"]]));if($posts){foreach($posts as $row){ ?>
<li><a href="<?php echo get_wap_front_url(array("id"=>$row['id'],"catid"=>$row['typeid'],"type"=>'content')); ?>"><img src="<?php echo sysconfig('CMS_BASEHOST'); echo $row['litpic']; ?>" alt="<?php echo $row['title']; ?>"></a></li><?php }} ?>
</ul><div class="more"><a href="<?php echo get_wap_front_url(array('catid'=>1,'type'=>'productlist')); ?>">查看更多<i class="mico"></i></a></div>
</div></article>
<article class="mbox cinfo">
<h3 class="tit"><i class="tit_icon"></i>企业简介</h3><div class="mabout-a">百度,全球最大的中文搜索引擎、最大的中文网站。2000年1月创立于北京中关村。</div>
<div class="about-more more"><a href="<?php echo get_wap_front_url(array('pagename'=>'about','type'=>'page')); ?>">查看更多<i class="phone-icon mico"></i></a></div>
</article>
<article class="mbox"><h3 class="tit"><i class="tit_icon"></i>新闻中心</h3><ul class="mnews-b" id="ajlist"><?php $posts=arclist(array("row"=>8));if($posts){foreach($posts as $row){ ?>
<li><span class="group">[<?php echo date("Y-m-d",$row['pubdate']); ?>]</span><a href="<?php echo get_wap_front_url(array("id"=>$row['id'],"catid"=>$row['typeid'],"type"=>'content')); ?>"><?php echo $row['title']; ?></a></li><?php }} ?>
</ul><div class="about-more more mt10"><a id="listbu" href="javascript:;">查看更多<i class="phone-icon mico"></i></a></div></article>
<article class="mbox"><h3 class="tit"><i class="tit_icon"></i>联系我们</h3><ul class="mcontact-a">
<li>联系人:<span name="moduleCate">王经理</span></li>
<li>电子邮箱:<span name="moduleCate">790238877@qq.com</span></li>
<li>联系方式:<span class="num">15280795142</span><a href="tel://10086" class="telbg"><i class="phone-icon tel"></i><span class="num_in">10086</span></a></li>
<li>联系方式:<span class="num">0374-59928888</span><a href="tel://15280795142" class="telbg"><i class="phone-icon tel"></i><span class="num_in">0374-7333112</span></a></li>
<li>联系地址:<span name="moduleCate">北京市海淀区上地十街10号百度大厦</span><a href="javascript:;" class="addressbg"><em class="phone-icon pint"></em></a></li>
<li>邮编:<span name="moduleCate">100085</span></li>
</ul></article>
<!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">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
广州轻未来致力于中国大健康科学产品研发与服务,专注于科学减脂技术,由体脂监测,营养师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>
$(function(){
var page = 1;
$('#listbu').click(function(){
$.ajax({
url: "<?php echo route('api_listarc'); ?>",
dataType: "json",
type: "POST",
data: {
"_token":'{{ csrf_token() }}',
"typeid":4,
"PageIndex":page,
"PageSize":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].pubdate;
str = str + '<li><span class="group">['+pubdate+']</span><a href="'+url+'" target="_blank">'+title+'</a></li>';
});
if(str!='')
{
$('#ajlist').append(str);
}
else
{
$('#listbu').text("亲,没有啦!");
}
}
else
{
}
}
});
page++;
});
});
$('#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>
@include('wap.common.footer')
</body></html>
</body>
</html>
Loading…
Cancel
Save