作者 潘浩文
1 个管道 的构建 通过 耗费 0 秒

1

... ... @@ -28,7 +28,7 @@ class IndexController extends WeChatBaseController
{
$banner=Db::name('config')->where('id',1)->find()['index_banner'];
$banner=json_decode($banner,true);
$this->assign('banner',$banner);
$this->assign('banner',$banner['photos']);
$data=Db::name('active')->where('is_top',1)->select();
$this->assign('list',$data);
return $this->fetch(':index');
... ...
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<title>首页 {$site_info.site_name|default=''}</title>
<meta name="keywords" content="{$site_info.site_seo_keywords|default=''}"/>
<meta name="description" content="{$site_info.site_seo_description|default=''}">
<include file="public@head"/>
<link href="__TMPL__/public/assets/css/slippry/slippry.css" rel="stylesheet">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link rel="stylesheet" href="__TMPL__/public/assets/css/base.css">
<link rel="stylesheet" href="__TMPL__/public/assets/css/swiper.css">
<script type="text/javascript" src="__TMPL__/public/assets/js/base.js"></script>
<title>首页</title>
<style>
.caption-wraper {
position: absolute;
left: 50%;
bottom: 2em;
}
.caption-wraper .caption {
position: relative;
left: -50%;
background-color: rgba(0, 0, 0, 0.54);
padding: 0.4em 1em;
color: #fff;
-webkit-border-radius: 1.2em;
-moz-border-radius: 1.2em;
-ms-border-radius: 1.2em;
-o-border-radius: 1.2em;
border-radius: 1.2em;
}
.tc-gridbox {
margin: 0;
}
@media (max-width: 767px) {
.caption-wraper {
left: 0;
bottom: 0.4em;
}
.caption-wraper .caption {
left: 0;
padding: 0.2em 0.4em;
font-size: 0.92em;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
}
body,html{
background: #fff;
}
.head{
height:3.6rem;
}
.swiper-container{
height:3.6rem;
}
.swiper-slide{
height:3.6rem;
}
.swiper-slide img{
width:100%;
height:100%;
}
.rank_two{
display:flex;
justify-content: space-between;
align-items: center;
padding: 0.24rem 0.97rem;
}
.rank_one{
display:flex;
justify-content: space-between;
align-items: center;
padding: 0.24rem 0.97rem;
}
.rank_img{
width:1rem;
height:0.97rem;
font-size: 0;
}
.rank_img img{
width:100%;
height:100%;
}
.rank_name{
width:1rem;
margin-top: 0.15rem;
text-align: center;
color:#333333;
font-size: 0.26rem;
}
.index_img{
width:6.86rem;
height:3.12rem;
margin: 0 auto;
}
.index_img img{
width:100%;
}
.activetext{
margin-top: 0.52rem;
}
.index_name{
width:6.86rem;
text-align: center;
color:#000000;
font-size: 0.3rem;
margin: 0 auto;
}
.index_text{
width:6.86rem;
text-align: center;
color:#999999;
font-size: 0.28rem;
}
.index_content{
width:6.86rem;
margin:0 auto;
margin-top: 0.24rem;
}
.bottom{
width:7.5rem;
height:0.2rem;
position:absolute;
top:3.4rem;
z-index: 99;
font-size: 0;
}
.bottom img{
width:100%;
height:100%;
}
.body{
/*height:4rem;*/
}
</style>
<hook name="before_head_end"/>
</head>
<body class="body-white">
<include file="public@nav"/>
<ul id="home-slider" class="list-unstyled">
<php>
$top_slide_id=empty($theme_vars['top_slide'])?1:$theme_vars['top_slide'];
</php>
<slides id="$top_slide_id">
<li>
<div class="caption-wraper">
<div class="caption">{$vo.title|default=''}</div>
<body>
<div class="container">
<div class="head">
<div class="swiper-container">
<div class="swiper-wrapper">
<foreach name="banner" item="vo">
<div class="swiper-slide">
<img src="{:cmf_get_image_preview_url($vo.url)}" alt="" >
</div>
</foreach>
<!--<div class="swiper-slide">-->
<!--<img src="img/banner.png" alt="" >-->
<!--</div>-->
<!--<div class="swiper-slide">-->
<!--<img src="img/banner.png" alt="" >-->
<!--</div>-->
</div>
<a href="{$vo.url|default=''}"><img src="{:cmf_get_image_url($vo.image)}" alt=""></a>
</li>
</slides>
<noslides id="$top_slide_id">
<li>
<div class="caption-wraper">
<div class="caption">此幻灯片只是演示,您没有设置任何幻灯片,请到后台模板设置!</div>
<div class="swiper-pagination"></div>
</div>
<div class="bottom">
<img src="__TMPL__/public/assets/img/bannerbottom.png" alt="">
</div>
</div>
<div class="body">
<div class="rank_one">
<div class="brand">
<div class="rank_img">
<img src="__TMPL__/public/assets/images/img/brand.png" alt="">
</div>
<p class="rank_name">
品牌
</p>
</div>
<a href=""><img src="__TMPL__/public/assets/images/demo/1.jpg" alt=""></a>
</li>
<li>
<div class="caption-wraper">
<div class="caption">此幻灯片只是演示,您没有设置任何幻灯片,请到后台模板设置!</div>
<div class="active">
<div class="rank_img">
<img src="__TMPL__/public/assets/images/img/active.png" alt="">
</div>
<p class="rank_name">
活动
</p>
</div>
<a href=""><img src="__TMPL__/public/assets/images/demo/2.jpg" alt=""></a>
</li>
<li>
<div class="caption-wraper">
<div class="caption">此幻灯片只是演示,您没有设置任何幻灯片,请到后台模板设置!</div>
<div class="integral">
<div class="rank_img">
<img src="__TMPL__/public/assets/images/img/present.png" alt="">
</div>
<p class="rank_name">
兑礼
</p>
</div>
<a href=""><img src="__TMPL__/public/assets/images/demo/3.jpg" alt=""></a>
</li>
</noslides>
</ul>
<div class="container">
<widget name="features">
<div>
<h1 class="text-center">{$widget.title}</h1>
<h3 class="text-center">{$widget.vars.sub_title}</h3>
</div>
<php>
$features_count = count($widget['vars']['features']);
$rows = ceil($features_count/3);
</php>
<for start="1" end="$rows" comparison="elt" step="1" name="row">
<php>
$first_row = ($row-1)*3;
$features = array_slice($widget['vars']['features'],$first_row,3);
</php>
<div class="row">
<foreach name="features" item="vo">
<div class="col-md-4">
<h2 class="font-large nospace"><i class="fa fa-{$vo.icon}"></i> {$vo.title}</h2>
<p>{$vo.content}</p>
</div>
</foreach>
<div class="rank_two">
<div class="stopcar">
<div class="rank_img">
<img src="__TMPL__/public/assets/images/img/stop_car.png" alt="">
</div>
<p class="rank_name">停车</p>
</div>
</for>
<div>
<div class="rank_img">
<img src="__TMPL__/public/assets/images/img/appoint.png" alt="">
</widget>
</div>
<p class="rank_name">预约</p>
</div>
<div>
<div class="rank_img">
<img src="__TMPL__/public/assets/images/img/map.png" alt="">
<widget name="last_news">
<div>
<h1 class="text-center">{$widget.title}</h1>
</div>
<p class="rank_name">地图</p>
</div>
</div>
</div>
<div class="row">
<php>
$widget["vars"]["last_news_category_id"] = empty($widget["vars"]["last_news_category_id"])?1:$widget["vars"]["last_news_category_id"];
$last_news_limit=4;
</php>
<portal:articles limit="$last_news_limit" order="post.published_time DESC"
categoryIds="$widget.vars.last_news_category_id">
<div class="col-md-3">
<div class="tc-gridbox">
<div class="header">
<div class="item-image">
<a href="{:cmf_url('portal/Article/index',array('id'=>$vo.id,'cid'=>$vo.category_id))}">
<present name="vo.more.thumbnail">
<empty name="vo.more.thumbnail">
<img src="__TMPL__/public/assets/images/default-thumbnail.png"
class="img-responsive"
alt="">
<else/>
<img src="{:cmf_get_image_url($vo.more.thumbnail)}"
class="img-responsive"
alt="">
</empty>
<else/>
<img src="__TMPL__/public/assets/images/default-thumbnail.png"
class="img-responsive"
alt="">
</present>
</a>
</div>
<h3>
<a href="{:cmf_url('portal/Article/index',array('id'=>$vo.id,'cid'=>$vo.category_id))}">{$vo.post_title}</a>
</h3>
<hr>
</div>
<div class="body">
<p>
<a href="{:cmf_url('portal/Article/index',array('id'=>$vo.id,'cid'=>$vo.category_id))}">...</a>
</p>
</div>
</div>
</div>
</portal:articles>
<div class="activetext">
<div>
<div class="index_img">
<img src="img/index_img.png" alt="">
</div>
<div class="index_content">
<p class="index_name">
【口袋森林】全新升级
</p>
<p class="index_text">猛戳领取独家9折门票优惠券</p>
</div>
</div>
</widget>
<include file="public@footer"/>
</div>
</div>
<!-- /container -->
<include file="public@scripts"/>
<script src="__TMPL__/public/assets/js/slippry.min.js"></script>
<script type="text/javascript" src="__TMPL__/public/assets/js/jquery.min.js"></script>
<script type="text/javascript" src="__TMPL__/public/assets/js/swiper.min.js"></script>
<script>
$(function () {
$("#home-slider").slippry({
transition: 'fade',
useCSS: true,
captions: false,
speed: 1000,
pause: 3000,
auto: true,
preload: 'visible'
});
$("#home-slider").show();
});
var mySwiper = new Swiper('.swiper-container', {
pagination: {
el: '.swiper-pagination',
},
autoplay: true,//可选选项,自动滑动
})
//品牌跳转
$(".brand").click(function(){
window.location.href='brand.html'
})
//活动跳转
$(".active").click(function(){
window.location.href='active.html'
})
//兑礼跳转
$(".integral").click(function(){
window.location.href='ritual.html'
})
</script>
<hook name="before_body_end"/>
</body>
</html>
... ...
... ... @@ -219,7 +219,17 @@
$(".sure").click(function () {
var mobile=$("#mobile").val();
var phoneReg = /(^1[3|4|5|7|8]\d{9}$)|(^09\d{8}$)/;
//电话
if (!phoneReg.test(mobile)) {
alert('请输入有效的手机号码!');
return false;
}
var code=$("#code").val();
if (code=="") {
alert('请输入验证码');
return false;
}
$.ajax({
url: "{:url('user/register/doRegister')}",
type: "post",
... ...