景龙 / xingqiu · 提交

转到一个项目

作者 景龙
提交 314482cce4f4de3059258eae8574d6fca1c1cb30 1 个父辈 361cc09d
1 个管道 的构建 通过 耗费 1 秒

渲染星域秀场详情页

内嵌 并排对比
正在显示 17 个修改的文件 包含 448 行增加 和 84 行删除
... ... @@ -47,7 +47,7 @@ class IndexController extends HomeBaseController
//星域秀场->星球影院
$position = CityCategoryModel::xqyy;
$field = 'id,more';
$field = 'id,more,thumbnail';
$res_xqyy = $this->getChildArticle($position,$field,1);
foreach($res_xqyy as &$value){
$video = json_decode($value['more'],true);
... ...
... ... @@ -169,6 +169,7 @@ class RegionController extends HomeBaseController
$starModel = new StarController();
$res = $starModel->getDetail($id,$field);
$this->assign('res',$res);
return $this->fetch();
}
//星球故事更多
... ... @@ -218,6 +219,7 @@ class RegionController extends HomeBaseController
$starModel = new StarController();
$res = $starModel->getDetail($id,$field);
$this->assign('res',$res);
return $this->fetch();
}
//童趣未来详情
... ... @@ -231,5 +233,6 @@ class RegionController extends HomeBaseController
$res['image_url'] = isset($more['photos']) && !empty($more['photos'])?$more['photos'][0]['url']:'';
}
$this->assign('res',$res);
return $this->fetch();
}
}
... ...
... ... @@ -14,6 +14,7 @@ use app\portal\model\CommentModel;
use cmf\controller\HomeBaseController;
use app\portal\model\CityCategoryModel;
use app\portal\validate\CommentValidate;
use app\portal\model\PortalPostModel;
use think\Db;
//星球奇境
class StarController extends HomeBaseController
... ... @@ -229,12 +230,14 @@ class StarController extends HomeBaseController
->where(['id'=>$id,'delete_time'=>0])
->field($field)
->find();
$contentModel = new PortalPostModel();
$res['post_content'] = $contentModel->getPostContentAttr($res['post_content']);
$comment = Db::name('comment')
->alias('c')
->join('user u','c.user_id = u.id','LEFT')
->where(['c.status'=>1,'post_id'=>$id])
->field('u.user_nickname nickname,u.avatar,c.content,c.create_time')
->select();
->select()->toArray();
$res['comment'] = $comment;
return $res;
}
... ... @@ -249,6 +252,7 @@ class StarController extends HomeBaseController
$res['audio'] = isset($more['audio']) && !empty($more['audio'])?$more['audio']:'';
}
$this->assign('res',$res);
return $this->fetch();
}
//用户评论
... ...
... ... @@ -37,7 +37,7 @@
<div class="col-md-9">
<table class="table table-bordered">
<tr class="city" id="city1">
<th width="100">城市分类<span class="form-required">*</span></th>
<th width="150">城市分类<span class="form-required">*</span></th>
<td>
<select class="form-control check_city" name="post[city_id]" id="input-parent" style="width:400px;">
<option value="">请选择城市</option>
... ... @@ -57,7 +57,7 @@
</td>
</tr>
<tr>
<th>视频<span class="form-required">*</span></th>
<th>视频</th>
<td class="form-inline">
<input id="file-video" class="form-control" type="text" name="post[more][video]"
value="{$post.more.video|default=''}" placeholder="请上传视频文件" style="width: 200px;">
... ... @@ -69,6 +69,13 @@
</td>
</tr>
<tr>
<th>视频有效链接</th>
<td>
<input class="form-control" type="text" name="post[video_url]"
id="video_url" value="" placeholder="请输入视频有效链接"/>
</td>
</tr>
<tr>
<th>取景<span class="form-required">*</span></th>
<td>
<input class="form-control" required type="text" name="post[framing]" placeholder="请输入取景地方"/>
... ... @@ -98,7 +105,7 @@
<div class="col-md-3">
<table class="table table-bordered">
<tr>
<th><b>缩略图</b></th>
<th><b>视频封面图<span class="form-required">*</span></b></th>
</tr>
<tr>
<td>
... ...
... ... @@ -40,7 +40,7 @@
<div class="col-md-9">
<table class="table table-bordered">
<tr class="city" id="city1">
<th width="100">城市分类<span class="form-required">*</span></th>
<th width="150">城市分类<span class="form-required">*</span></th>
<td>
<select class="form-control check_city" name="post[city_id]" id="input-parent" style="width:400px;">
<option value="">请选择城市</option>
... ... @@ -61,7 +61,7 @@
</td>
</tr>
<tr>
<th>视频<span class="form-required">*</span></th>
<th>视频</th>
<td class="form-inline">
<input id="file-video" class="form-control" type="text" name="post[more][video]"
value="{$post.more.video|default=''}" placeholder="请上传视频文件" style="width: 200px;">
... ... @@ -73,6 +73,13 @@
</td>
</tr>
<tr>
<th>视频有效链接</th>
<td>
<input class="form-control" type="text" name="post[video_url]"
id="video_url" value="{$post.video_url}" placeholder="请输入视频有效链接"/>
</td>
</tr>
<tr>
<th>取景<span class="form-required">*</span></th>
<td>
<input class="form-control" required type="text" name="post[framing]" placeholder="请输入取景地方" value="{$post.framing}"/>
... ... @@ -97,7 +104,7 @@
<div class="col-md-3">
<table class="table table-bordered">
<tr>
<th>缩略图</th>
<th>视频封面图<span class="form-required">*</span></th>
</tr>
<tr>
<td>
... ...
... ... @@ -6,7 +6,6 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>独角星球</title>
<link rel="stylesheet" href="__TMPL__/public/assets/css/header.css">
<link rel="stylesheet" href="__TMPL__/public/assets/css/index.css">
<link rel="stylesheet" href="__TMPL__/public/assets/js/swiper4/swiper.min.css">
<style>
... ... @@ -14,6 +13,9 @@
width:260px;
height:375px;
}
.star_ming{
cursor:pointer;
}
</style>
</head>
... ... @@ -563,15 +565,16 @@
<!-- 视频 -->
<div class="star_video">
<notempty name="res_xqyy">
<video id="video" width="100%" height="678" poster="__TMPL__/public/assets/starImg/bicon_34.png" src="{:cmf_get_file_download_url($res_xqyy.video)}"></video>
<video id="video" width="100%" height="678" poster="{:cmf_get_image_url($res_xqyy.thumbnail)}" src="{:cmf_get_file_download_url($res_xqyy.video)}"></video>
<else/>
<video id="video" width="100%" height="678" poster="__TMPL__/public/assets/starImg/bicon_34.png" src="__TMPL__//public/assets/starImg/video.mp4"></video>
</notempty>
<img onclick="bofang()" class="show_in_banner2" src="__TMPL__/public/assets/starImg/aicon_30.png" alt="">
</div>
<!-- 人物简介 -->
<div class="star_personal clearfix">
<div class="star_personal clearfix star_ming">
<!-- 左侧头像 -->
<input type="hidden" id="star_id" value="{$res_mxft.id}">
<div class="personal_left">
<img src="{:cmf_get_image_url($res_mxft.avatar)}" alt="">
</div>
... ... @@ -709,6 +712,10 @@
$('.star_happy_box li').click(function() {
$(this).addClass('active').siblings().removeClass('active');
});
$('.star_ming').click(function() {
var id = $('#star_id').val();
window.location.href = '/portal/region/getStarDetail?id='+id;
});
// swiper
var swiper = new Swiper('.swiper-container', {
slidesPerView: 4,
... ...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>童趣未来详情</title>
<link rel="stylesheet" href="__TMPL__/public/assets/css/show.css">
</head>
<body>
<!--头部-->
<include file="public@header"/>
<!--主体内容-->
<div class="show_2">
<!--banner-->
<div class="show_banner">
<notempty name="res.image_url">
<img src="{:cmf_get_image_url($res.image_url)}" alt="">
<else/>
<img src="__TMPL__/public/assets/starImg/aicon_80.png" alt="">
</notempty>
</div>
<!--main-->
<div class="show_main">
<!-- 头部 -->
<div class="show_main_Tit clearfix">
<h1>{$res.post_title}</h1>
<p>{$res.create_time|date="Y-m-d",###}</p>
</div>
<!-- 文字内容 -->
<div class="show_main_txt">
{$res.post_content}
</div>
</div>
<!-- 评论 -->
<include file="public@comment"/>
</div>
<!-- 底部 -->
<include file="public@footer"/>
</body>
<script src="__TMPL__/public/assets/js/jquery-3.2.1.min.js"></script>
<script src="__TMPL__/public/assets/js/public.js"></script>
</html>
\ No newline at end of file
... ...
... ... @@ -8,7 +8,6 @@
<title>明星访谈更多</title>
<link rel="stylesheet" href="__TMPL__/public/assets/css/layui.css">
<link rel="stylesheet" href="__TMPL__/public/assets/css/bootstrap4.0.css">
<link rel="stylesheet" href="__TMPL__/public/assets/css/header.css">
<link rel="stylesheet" href="__TMPL__/public/assets/css/show.css">
</head>
... ... @@ -33,15 +32,17 @@
</div>
<!-- 内容--1 -->
<notempty name="res['data'][0]">
<div class="show_INMain_con clearfix">
<img class="show_INMain_con1" src="{:cmf_get_image_url($res['data'][0]['avatar'])}" alt="">
<div class="show_INMain_con2 clearfix">
<img class="show_INMain_con3" src="__TMPL__/public/assets/starImg/aicon_32.png" alt="">
<h2>{$res['data'][0]['full_name']}</h2>
<h3>{$res['data'][0]['position']} {$res['data'][0]['trade']}</h3>
<p>{$res['data'][0]['post_excerpt']}</p>
<a href="/portal/region/getStarDetail?id={$res['data'][0]['id']}">
<div class="show_INMain_con clearfix">
<img class="show_INMain_con1" src="{:cmf_get_image_url($res['data'][0]['avatar'])}" alt="">
<div class="show_INMain_con2 clearfix">
<img class="show_INMain_con3" src="__TMPL__/public/assets/starImg/aicon_32.png" alt="">
<h2>{$res['data'][0]['full_name']}</h2>
<h3>{$res['data'][0]['position']} {$res['data'][0]['trade']}</h3>
<p>{$res['data'][0]['post_excerpt']}</p>
</div>
</div>
</div>
</a>
<!--<else/>-->
<!--<div class="show_INMain_con clearfix">-->
<!--<img class="show_INMain_con1" src="__TMPL__/public/assets/starImg/aicon_31.png" alt="">-->
... ... @@ -57,56 +58,64 @@
<div class="show_3_list">
<ul class="clearfix">
<notempty name="res['data'][1]">
<li>
<img src="{:cmf_get_image_url($res['data'][1]['avatar'])}" alt="">
<div class="show_3_list_txt">
<h1>{$res['data'][1]['full_name']}</h1>
<h2>{$res['data'][1]['position']} {$res['data'][1]['trade']}</h2>
<p>
{$res['data'][1]['post_excerpt']}
</p>
</div>
</li>
<a href="/portal/region/getStarDetail?id={$res['data'][1]['id']}">
<li>
<img src="{:cmf_get_image_url($res['data'][1]['avatar'])}" alt="">
<div class="show_3_list_txt">
<h1>{$res['data'][1]['full_name']}</h1>
<h2>{$res['data'][1]['position']} {$res['data'][1]['trade']}</h2>
<p>
{$res['data'][1]['post_excerpt']}
</p>
</div>
</li>
</a>
</notempty>
<notempty name="res['data'][2]">
<li>
<img src="{:cmf_get_image_url($res['data'][2]['avatar'])}" alt="">
<div class="show_3_list_txt">
<h1>{$res['data'][2]['full_name']}</h1>
<h2>{$res['data'][2]['position']} {$res['data'][2]['trade']}</h2>
<p>
{$res['data'][2]['post_excerpt']}
</p>
</div>
</li>
<a href="/portal/region/getStarDetail?id={$res['data'][2]['id']}">
<li>
<img src="{:cmf_get_image_url($res['data'][2]['avatar'])}" alt="">
<div class="show_3_list_txt">
<h1>{$res['data'][2]['full_name']}</h1>
<h2>{$res['data'][2]['position']} {$res['data'][2]['trade']}</h2>
<p>
{$res['data'][2]['post_excerpt']}
</p>
</div>
</li>
</a>
</notempty>
<notempty name="res['data'][3]">
<li>
<img src="{:cmf_get_image_url($res['data'][3]['avatar'])}" alt="">
<div class="show_3_list_txt">
<h1>{$res['data'][3]['full_name']}</h1>
<h2>{$res['data'][3]['position']} {$res['data'][3]['trade']}</h2>
<p>
{$res['data'][3]['post_excerpt']}
</p>
</div>
</li>
<a href="/portal/region/getStarDetail?id={$res['data'][3]['id']}">
<li>
<img src="{:cmf_get_image_url($res['data'][3]['avatar'])}" alt="">
<div class="show_3_list_txt">
<h1>{$res['data'][3]['full_name']}</h1>
<h2>{$res['data'][3]['position']} {$res['data'][3]['trade']}</h2>
<p>
{$res['data'][3]['post_excerpt']}
</p>
</div>
</li>
</a>
</notempty>
</ul>
</div>
<!-- 内容--3 -->
<notempty name="res['data'][4]">
<div class="show_INMain_con show_3_con3 clearfix">
<img class="show_INMain_con1" src="{:cmf_get_image_url($res['data'][4]['avatar'])}" alt="">
<div class="show_INMain_con2 clearfix">
<img class="show_INMain_con3" src="__TMPL__/public/assets/starImg/aicon_32.png" alt="">
<h2>{$res['data'][4]['full_name']}</h2>
<h3>{$res['data'][4]['position']} {$res['data'][4]['trade']}</h3>
<p>
{$res['data'][4]['post_excerpt']}
</p>
<a href="/portal/region/getStarDetail?id={$res['data'][4]['id']}">
<div class="show_INMain_con show_3_con3 clearfix">
<img class="show_INMain_con1" src="{:cmf_get_image_url($res['data'][4]['avatar'])}" alt="">
<div class="show_INMain_con2 clearfix">
<img class="show_INMain_con3" src="__TMPL__/public/assets/starImg/aicon_32.png" alt="">
<h2>{$res['data'][4]['full_name']}</h2>
<h3>{$res['data'][4]['position']} {$res['data'][4]['trade']}</h3>
<p>
{$res['data'][4]['post_excerpt']}
</p>
</div>
</div>
</div>
</a>
</notempty>
<!--分页-->
... ...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>独角日志详情</title>
<link rel="stylesheet" href="__TMPL__/public/assets/css/show.css">
</head>
<body>
<include file="public@header"/>
<!-- 侧边栏 -->
<div class="sidebar">
<!-- 收藏 -->
<div class="collections">
<img src="__TMPL__/public/assets/starImg/bicon_02.png" alt="">
</div>
<!-- 喜欢 -->
<div class="likes">
<img src="__TMPL__/public/assets/starImg/bicon_03.png" alt="">
</div>
<!-- wx分享 -->
<div class="wx_go">
<img src="__TMPL__/public/assets/starImg/bicon_04.png" alt="">
<p>168</p>
</div>
<!-- wb分享 -->
<div class="wb_go">
<img src="__TMPL__/public/assets/starImg/bicon_05.png" alt="">
<p>168</p>
</div>
</div>
<div class="show_6">
<!-- 内容 -->
<div class="show6_con">
<!-- 顶部内容 -->
<div class="show6_con_top1 clearfix">
<img src="{:cmf_get_image_url($res.avatar)}" alt="">
<div class="show6_con_top2">
<h1>{$res.full_name}</h1>
<h2></h2>
<span>{$res.create_time|date="Y-m-d",###}</span>
<p class="show6_con_top3">
{$res.post_excerpt}
</p>
</div>
</div>
<!-- 其他内容 -->
<div class="show6_con2">
{$res.post_content}
</div>
</div>
<!-- 评论 -->
<include file="public@comment"/>
</div>
<!-- 底部 -->
<include file="public@footer"/>
<script src="__TMPL__/public/assets/js/jquery-3.2.1.min.js"></script>
<script src="__TMPL__/public/assets/js/public.js"></script>
</body>
</html>
\ No newline at end of file
... ...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>明星访谈详情</title>
<link rel="stylesheet" href="__TMPL__/public/assets/css/show.css">
</head>
<body>
<include file="public@header"/>
<!-- 侧边栏 -->
<div class="sidebar">
<!-- 收藏 -->
<div class="collections">
<img src="__TMPL__/public/assets/starImg/bicon_02.png" alt="">
</div>
<!-- 喜欢 -->
<div class="likes">
<img src="__TMPL__/public/assets/starImg/bicon_03.png" alt="">
</div>
<!-- wx分享 -->
<div class="wx_go">
<img src="__TMPL__/public/assets/starImg/bicon_04.png" alt="">
<p>168</p>
</div>
<!-- wb分享 -->
<div class="wb_go">
<img src="__TMPL__/public/assets/starImg/bicon_05.png" alt="">
<p>168</p>
</div>
</div>
<div class="show_6">
<!-- 内容 -->
<div class="show6_con">
<!-- 顶部内容 -->
<div class="show6_con_top1 clearfix">
<img src="{:cmf_get_image_url($res.avatar)}" alt="">
<div class="show6_con_top2">
<h1>{$res.full_name}</h1>
<h2>{$res.position} {$res.trade}</h2>
<span>{$res.create_time|date="Y-m-d",###}</span>
<p class="show6_con_top3">
{$res.post_excerpt}
</p>
</div>
</div>
<!-- 其他内容 -->
<div class="show6_con2">
{$res.post_content}
</div>
</div>
<!-- 评论 -->
<include file="public@comment"/>
</div>
<include file="public@footer"/>
<script src="__TMPL__/public/assets/js/jquery-3.2.1.min.js"></script>
<script src="__TMPL__/public/assets/js/public.js"></script>
</body>
</html>
\ No newline at end of file
... ...
... ... @@ -6,7 +6,6 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>星域秀场</title>
<link rel="stylesheet" href="__TMPL__/public/assets/css/header.css">
<link rel="stylesheet" href="__TMPL__/public/assets/js/swiper4/swiper.min.css">
<link rel="stylesheet" href="__TMPL__/public/assets/css/show.css">
<style>
... ... @@ -50,7 +49,7 @@
</div>
<!-- 内容 -->
<div class="show_INMain_con clearfix">
<a href="mingxing_detail.html">
<a href="/portal/region/getStarDetail?id={$res_mxft.id}">
<img class="show_INMain_con1" src="{:cmf_get_image_url($res_mxft.avatar)}" alt="">
<div class="show_INMain_con2 clearfix">
<img class="show_INMain_con3" src="__TMPL__/public/assets/starImg/aicon_32.png" alt="">
... ... @@ -80,18 +79,20 @@
<div class="swiper-wrapper">
<volist name="res_xqgs" id="vo">
<div class="swiper-slide">
<div class="show_index_con2Txt clearfix">
<!-- 左侧图片 -->
<img class="show_indexImg1" src="{:cmf_get_image_url($vo.thumbnail)}" alt="">
<!-- 文字 -->
<div class="show_index_con2Txt2">
{$vo.post_excerpt}
</div>
<!-- 进度条 -->
<div class="show_index_progress">
<img src="__TMPL__/public/assets/starImg/aicon_15.png" alt="">
<a href="/portal/star/getStoryDetail?id={$vo.id}">
<div class="show_index_con2Txt clearfix">
<!-- 左侧图片 -->
<img class="show_indexImg1" src="{:cmf_get_image_url($vo.thumbnail)}" alt="">
<!-- 文字 -->
<div class="show_index_con2Txt2">
{$vo.post_excerpt}
</div>
<!-- 进度条 -->
<div class="show_index_progress">
<img src="__TMPL__/public/assets/starImg/aicon_15.png" alt="">
</div>
</div>
</div>
</a>
</div>
</volist>
</div>
... ... @@ -192,7 +193,7 @@
<ul class="clearfix">
<volist name="res_djrz" id="vo">
<li>
<a href="dujiao_detail.html">
<a href="/portal/region/getNoteDetail?id={$vo.id}">
<div class="show_INMain_con5_1">
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="">
</div>
... ... @@ -224,7 +225,7 @@
<ul class="clearfix">
<volist name="res_tqwl" id="vo">
<li>
<a href="show_2.html">
<a href="/portal/region/getFutureDetail?id={$vo.id}">
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="">
<div class="show_INMain_con6_1">
<h1>{$vo.post_title}</h1>
... ...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>星球故事详情</title>
<link rel="stylesheet" href="__TMPL__/public/assets/js/swiper4/swiper.min.css">
<link rel="stylesheet" href="__TMPL__/public/assets/css/show.css">
</head>
<body>
<include file="public@header"/>
<!-- 侧边栏 -->
<div class="sidebar">
<!-- 收藏 -->
<div class="collections">
<img src="__TMPL__/public/assets/starImg/bicon_02.png" alt="">
</div>
<!-- 喜欢 -->
<div class="likes">
<img src="__TMPL__/public/assets/starImg/bicon_03.png" alt="">
</div>
<!-- wx分享 -->
<div class="wx_go">
<img src="__TMPL__/public/assets/starImg/bicon_04.png" alt="">
<p>168</p>
</div>
<!-- wb分享 -->
<div class="wb_go">
<img src="__TMPL__/public/assets/starImg/bicon_05.png" alt="">
<p>168</p>
</div>
</div>
<div class="show_5">
<!-- 星球故事盒子 -->
<div class="show_InMain_box show_InMain_box2">
<!-- 顶部标题 -->
<!--<div class="show_INMain_tit clearfix">-->
<!--<div class="show_IN1 clearfix">-->
<!--<img src="__TMPL__/public/assets/starImg/aicon_03.png" alt="">-->
<!--<p>星球<span>故事</span></p>-->
<!--<h2>Planet Story</h2>-->
<!--</div>-->
<!--&lt;!&ndash; 更多 &ndash;&gt;-->
<!--<div class="show_IN2">-->
<!--<a href=""> MORE+ </a>-->
<!--</div>-->
<!--</div>-->
<!-- 内容 -->
<div class="show_INMain_con2_2 swiper-container2 show_5_swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="show_index_con2Txt clearfix">
<!-- 左侧图片 -->
<img class="show_indexImg1" src="{:cmf_get_image_url($res.thumbnail)}" alt="">
<!-- 文字 -->
<div class="show_index_con2Txt2">
{$res.post_excerpt}
</div>
<!-- 进度条 -->
<div class="show_index_progress">
<img src="__TMPL__/public/assets/starImg/aicon_15.png" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 内容 -->
<div class="show_5_con">
<!-- 文字 -->
{$res.post_content}
</div>
<!-- 评论 -->
<include file="public@comment"/>
</div>
<!-- 底部 -->
<include file="public@footer"/>
<script src="__TMPL__/public/assets/js/jquery-3.2.1.min.js"></script>
<script src="__TMPL__/public/assets/js/swiper4/swiper.min.js"></script>
<script src="__TMPL__/public/assets/js/public.js"></script>
<script>
// 星球故事swiper
var swiper = new Swiper('.swiper-container2', {
slidesPerView: 1,
spaceBetween: 30,
// loop: true,
pagination: {
el: '.swiper-pagination',
clickable: true,
},
});
</script>
</body>
</html>
\ No newline at end of file
... ...
... ... @@ -49,7 +49,7 @@
position: absolute;
width: 146px;
top: 70px;
z-index: 1;
z-index: 1000;
}
.home_nav_down2 {
... ...
... ... @@ -792,7 +792,9 @@ body {
height: 140px;
border-radius: 50%;
}
.show6_con2{
margin-top:50px;
}
.show_3_list_txt h1 {
text-align: center;
font-size: 32px;
... ... @@ -912,7 +914,7 @@ body {
}
.show_5_con img {
width: 100%;
max-width:1100px;
margin-top: 20px;
}
... ... @@ -929,10 +931,20 @@ body {
.show6_con_top1 img {
width: 330px;
height:330px;
float: left;
border-radius: 50%;
}
.show_main_txt img{
max-width:1100px
}
.show6_con2 img{
max-width:1100px
}
.show6_con_top2 {
width: 726px;
float: left;
... ...
$(function(){
var host = 'http://'+window.location.host;
// 点击收藏与爱心
$('.collections').click(function() {
if ($(this).children('img').attr('src') == "../starImg/bicon_02.png") {
$(this).children('img').attr('src', "../starImg/bicon_15.png")
if ($(this).children('img').attr('src') == host+'/themes/simpleboot3/public/assets/starImg/bicon_02.png') {
$(this).children('img').attr('src', host+'/themes/simpleboot3/public/assets/starImg/bicon_15.png');
} else {
$(this).children('img').attr('src', "../starImg/bicon_02.png")
$(this).children('img').attr('src', host+'/themes/simpleboot3/public/assets/starImg/bicon_02.png');
}
});
$('.likes').click(function() {
if ($(this).children('img').attr('src') == "../starImg/bicon_03.png") {
$(this).children('img').attr('src', "../starImg/bicon_16.png")
if ($(this).children('img').attr('src') == host+'/themes/simpleboot3/public/assets/starImg/bicon_03.png') {
$(this).children('img').attr('src', host+'/themes/simpleboot3/public/assets/starImg/bicon_16.png');
} else {
$(this).children('img').attr('src', "../starImg/bicon_03.png")
$(this).children('img').attr('src', host+'/themes/simpleboot3/public/assets/starImg/bicon_03.png');
}
});
// 评论判断长度显示与隐藏
... ...
<div class="show_main2">
<form action="">
<textarea placeholder="说点什么吧" maxlength="100"></textarea>
<!-- 评论底部 -->
<div class="show_main2_bottom clearfix">
<p>字数限400字符内</p>
<button type="submit" class="show_main2_btn">添加评论</button>
</div>
</form>
<!-- 评论展示 -->
<div class="show_main2_show ">
<ul class="show_main2_show_H">
<li class="clearfix show_2_pinL">
<img class="show_comments_icon" src="__TMPL__/public/assets/starImg//aicon_82.png" alt="">
<div class="show_comments_con">
<h1>身份三</h1>
<h2>网络世界便是如此，每年都有许多刷屏的事件发生。当旅游成为老百姓的生活方式以后，刷屏事件自是免不了。不过，此次青岛大虾事件有点特别就是行内与公众一起刷屏，甚至业内比公众还要热闹。</h2>
<p>2017-10-08</p>
</div>
</li>
<li class="clearfix show_2_pinL">
<img class="show_comments_icon" src="__TMPL__/public/assets/starImg//aicon_82.png" alt="">
<div class="show_comments_con">
<h1>身份三</h1>
<h2>网络世界便是如此，每年都有许多刷屏的事件发生。当旅游成为老百姓的生活方式以后，刷屏事件自是免不了。不过，此次青岛大虾事件有点特别就是行内与公众一起刷屏，甚至业内比公众还要热闹。</h2>
<p>2017-10-08</p>
</div>
</li>
<li class="clearfix show_2_pinL">
<img class="show_comments_icon" src="__TMPL__/public/assets/starImg//aicon_82.png" alt="">
<div class="show_comments_con">
<h1>身份三</h1>
<h2>网络世界便是如此，每年都有许多刷屏的事件发生。当旅游成为老百姓的生活方式以后，刷屏事件自是免不了。不过，此次青岛大虾事件有点特别就是行内与公众一起刷屏，甚至业内比公众还要热闹。</h2>
<p>2017-10-08</p>
</div>
</li>
</ul>
<p class="show_main_more">查看更多评论</p>
</div>
</div>
\ No newline at end of file
... ...
<!--头部 -->
<link rel="stylesheet" href="__TMPL__/public/assets/css/header.css">
<div id="header">
<div style="width: 1200px;margin: auto">
<section class="home_logo">
... ...