作者 景龙
1 个管道 的构建 通过 耗费 3 秒

渲染页面

正在显示 37 个修改的文件 包含 3511 行增加111 行删除
@@ -15,7 +15,6 @@ use think\Config; @@ -15,7 +15,6 @@ use think\Config;
15 15
16 class LoginController extends HomeBaseController 16 class LoginController extends HomeBaseController
17 { 17 {
18 - private $config;  
19 18
20 //登录页面 19 //登录页面
21 public function login(){ 20 public function login(){
@@ -101,9 +100,8 @@ class LoginController extends HomeBaseController @@ -101,9 +100,8 @@ class LoginController extends HomeBaseController
101 } 100 }
102 101
103 //首页个人中心 102 //首页个人中心
104 - public function getInfo(){  
105 - $avatar = session('avatar');  
106 - $this->assign('avatar',$avatar); 103 + public function info(){
  104 + return $this->fetch();
107 } 105 }
108 106
109 //首页个人中心修改头像 107 //首页个人中心修改头像
@@ -132,8 +130,8 @@ class LoginController extends HomeBaseController @@ -132,8 +130,8 @@ class LoginController extends HomeBaseController
132 $userModel = new UserModel(); 130 $userModel = new UserModel();
133 $res = $userModel->allowField(true)->update(['id'=>$id,'avatar'=>$avatar]); 131 $res = $userModel->allowField(true)->update(['id'=>$id,'avatar'=>$avatar]);
134 if($res){ 132 if($res){
135 -  
136 - session('avatar', $avatar); 133 + $userInfo = $userModel->where('id',$id)->find();
  134 + cmf_update_current_user($userInfo);
137 $this->apiResponse(1,'上传成功!'); 135 $this->apiResponse(1,'上传成功!');
138 }else{ 136 }else{
139 $this->apiResponse(0,'上传失败!'); 137 $this->apiResponse(0,'上传失败!');
@@ -148,10 +146,6 @@ class LoginController extends HomeBaseController @@ -148,10 +146,6 @@ class LoginController extends HomeBaseController
148 146
149 //个人中心编辑页面 147 //个人中心编辑页面
150 public function editInfo(){ 148 public function editInfo(){
151 - $avatar = session('avatar');  
152 - $nickname = session('nickname');  
153 - $this->assign('avatar',$avatar);  
154 - $this->assign('nickname',$nickname);  
155 return $this->fetch(); 149 return $this->fetch();
156 } 150 }
157 151
@@ -165,10 +159,11 @@ class LoginController extends HomeBaseController @@ -165,10 +159,11 @@ class LoginController extends HomeBaseController
165 $id = cmf_get_current_user_id(); 159 $id = cmf_get_current_user_id();
166 $res = $userModel->allowField(true)->update(['id'=>$id,'user_nickname'=>$nickname]); 160 $res = $userModel->allowField(true)->update(['id'=>$id,'user_nickname'=>$nickname]);
167 if($res){ 161 if($res){
168 - session('user_nickname', $nickname);  
169 - $this->apiResponse(1,'成功!'); 162 + $userInfo = $userModel->where('id',$id)->find();
  163 + cmf_update_current_user($userInfo);
  164 + $this->apiResponse(1,'保存成功!');
170 }else{ 165 }else{
171 - $this->apiResponse(0,'失败!'); 166 + $this->apiResponse(0,'保存失败!');
172 } 167 }
173 }else{ 168 }else{
174 $this->apiResponse(0,'请登录后修改资料!'); 169 $this->apiResponse(0,'请登录后修改资料!');
@@ -150,6 +150,7 @@ class RegionController extends HomeBaseController @@ -150,6 +150,7 @@ class RegionController extends HomeBaseController
150 $value['city_name'] = $this->getCityCategory($value['city_id']); 150 $value['city_name'] = $this->getCityCategory($value['city_id']);
151 } 151 }
152 $this->assign('res',$res); 152 $this->assign('res',$res);
  153 + return $this->fetch();
153 } 154 }
154 155
155 //明星访谈更多 156 //明星访谈更多
@@ -24,6 +24,10 @@ class StarController extends HomeBaseController @@ -24,6 +24,10 @@ class StarController extends HomeBaseController
24 public function index(){ 24 public function index(){
25 //按照城市查询 25 //按照城市查询
26 $city_id = $this->request->param('city_id'); 26 $city_id = $this->request->param('city_id');
  27 + //查询城市名称
  28 + $city_name = $this->getCityName($city_id);
  29 + $this->assign('city_name',$city_name);
  30 + $this->assign('city_id',$city_id);
27 $position['city_id'] = $city_id; 31 $position['city_id'] = $city_id;
28 //星球故事 32 //星球故事
29 $position['category_id'] = CityCategoryModel::xqgs; 33 $position['category_id'] = CityCategoryModel::xqgs;
@@ -35,8 +39,12 @@ class StarController extends HomeBaseController @@ -35,8 +39,12 @@ class StarController extends HomeBaseController
35 $value['audio'] = $more['audio']; 39 $value['audio'] = $more['audio'];
36 } 40 }
37 } 41 }
  42 + if($res_xqgs){
  43 + $res_xqgs = $res_xqgs[0];
  44 + }
38 $this->assign('res_xqgs',$res_xqgs); 45 $this->assign('res_xqgs',$res_xqgs);
39 46
  47 +
40 //网红美景 48 //网红美景
41 $position['category_id'] = CityCategoryModel::whmj; 49 $position['category_id'] = CityCategoryModel::whmj;
42 $field = 'id,thumbnail,post_title,post_hits,post_favorites'; 50 $field = 'id,thumbnail,post_title,post_hits,post_favorites';
@@ -52,8 +60,8 @@ class StarController extends HomeBaseController @@ -52,8 +60,8 @@ class StarController extends HomeBaseController
52 //良宿美寝 60 //良宿美寝
53 $position['category_id'] = CityCategoryModel::lsmq; 61 $position['category_id'] = CityCategoryModel::lsmq;
54 $field = 'id,thumbnail,post_title'; 62 $field = 'id,thumbnail,post_title';
55 - $res_lsmj = $this->getChildArticle($position,$field,$this->index_limit);  
56 - $this->assign('res_lsmj',$res_lsmj); 63 + $res_lsmq = $this->getChildArticle($position,$field,$this->index_limit);
  64 + $this->assign('res_lsmq',$res_lsmq);
57 65
58 //活力生态 66 //活力生态
59 $position['category_id'] = CityCategoryModel::hlst; 67 $position['category_id'] = CityCategoryModel::hlst;
@@ -69,12 +77,22 @@ class StarController extends HomeBaseController @@ -69,12 +77,22 @@ class StarController extends HomeBaseController
69 return $this->fetch(); 77 return $this->fetch();
70 } 78 }
71 79
  80 + //获取城市名称
  81 + public function getCityName($city_id){
  82 + $city_name = Db::name('city_category')
  83 + ->where('id',$city_id)
  84 + ->field('id,name')
  85 + ->find();
  86 + $city_name = empty($city_name)?'':$city_name['name'];
  87 + return $city_name;
  88 + }
  89 +
72 //根据子类获取文章 90 //根据子类获取文章
73 public function getChildArticle($position,$field,$limit=''){ 91 public function getChildArticle($position,$field,$limit=''){
74 $pre = CityCategoryModel::pre; 92 $pre = CityCategoryModel::pre;
75 $limit = empty($limit)?0:$limit; 93 $limit = empty($limit)?0:$limit;
76 $post_id = Db::table($pre.'portal_category_post') 94 $post_id = Db::table($pre.'portal_category_post')
77 - ->whereIn('category_id',$position['category_id']) 95 + ->where('category_id',$position['category_id'])
78 ->field('post_id') 96 ->field('post_id')
79 ->select() 97 ->select()
80 ->toArray(); 98 ->toArray();
@@ -93,9 +111,9 @@ class StarController extends HomeBaseController @@ -93,9 +111,9 @@ class StarController extends HomeBaseController
93 } 111 }
94 112
95 //根据子类获取文章分页 113 //根据子类获取文章分页
96 - public function getChildArticlePage($position,$field,$page){ 114 + public function getChildArticlePage($position,$field,$limit = ''){
97 $pre = CityCategoryModel::pre; 115 $pre = CityCategoryModel::pre;
98 - $limit = $this->more_limit; 116 + $limit = empty($limit)?$this->more_limit:$limit;
99 $post_id = Db::table($pre.'portal_category_post') 117 $post_id = Db::table($pre.'portal_category_post')
100 ->whereIn('category_id',$position['category_id']) 118 ->whereIn('category_id',$position['category_id'])
101 ->field('post_id') 119 ->field('post_id')
@@ -108,10 +126,10 @@ class StarController extends HomeBaseController @@ -108,10 +126,10 @@ class StarController extends HomeBaseController
108 ->where('city_id',$position['city_id']) 126 ->where('city_id',$position['city_id'])
109 ->where('delete_time', 0) 127 ->where('delete_time', 0)
110 ->field($field) 128 ->field($field)
111 - ->page($page,$limit)  
112 ->order('weigh desc') 129 ->order('weigh desc')
113 - ->select()  
114 - ->toArray(); 130 + ->paginate($limit,false,['query'=>request()->param()]);
  131 + $res['data'] = $res->toArray();
  132 + $res['page'] = $res->render();
115 return $res; 133 return $res;
116 } 134 }
117 135
@@ -162,11 +180,17 @@ class StarController extends HomeBaseController @@ -162,11 +180,17 @@ class StarController extends HomeBaseController
162 180
163 //良宿美寝更多 181 //良宿美寝更多
164 public function getMoreHotel(){ 182 public function getMoreHotel(){
165 - $page = $this->request->param('page',1,'intval'); 183 + $city_id = $this->request->param('city_id',0,'intval');
  184 + //查询城市名称
  185 + $city_name = $this->getCityName($city_id);
  186 + $this->assign('city_name',$city_name);
  187 +
166 $position['category_id'] = CityCategoryModel::lsmq; 188 $position['category_id'] = CityCategoryModel::lsmq;
  189 + $position['city_id'] = $city_id;
167 $field = 'id,thumbnail,post_title'; 190 $field = 'id,thumbnail,post_title';
168 - $res = $this->getChildArticlePage($position,$field,$page); 191 + $res = $this->getChildArticlePage($position,$field);
169 $this->assign('res',$res); 192 $this->assign('res',$res);
  193 + return $this->fetch();
170 } 194 }
171 195
172 //良宿美寝详情 196 //良宿美寝详情
@@ -204,11 +228,18 @@ class StarController extends HomeBaseController @@ -204,11 +228,18 @@ class StarController extends HomeBaseController
204 228
205 //便利出行更多 229 //便利出行更多
206 public function getMoreTravel(){ 230 public function getMoreTravel(){
207 - $page = $this->request->param('page',1,'intval'); 231 + $city_id = $this->request->param('city_id',0,'intval');
  232 + //查询城市名称
  233 + $city_name = $this->getCityName($city_id);
  234 + $this->assign('city_name',$city_name);
  235 +
208 $position['category_id'] = CityCategoryModel::blcx; 236 $position['category_id'] = CityCategoryModel::blcx;
  237 + $position['city_id'] = $city_id;
209 $field = 'id,thumbnail,post_title,post_excerpt'; 238 $field = 'id,thumbnail,post_title,post_excerpt';
210 - $res = $this->getChildArticlePage($position,$field,$page);  
211 - $this->assign('res',$res); 239 + $res = $this->getChildArticlePage($position,$field);
  240 + $this->assign('res',$res['data']);
  241 + $this->assign('page',$res['page']);
  242 + return $this->fetch();
212 } 243 }
213 244
214 //便利出行详情 245 //便利出行详情
@@ -221,6 +252,7 @@ class StarController extends HomeBaseController @@ -221,6 +252,7 @@ class StarController extends HomeBaseController
221 $res['image_url'] = isset($more['photos']) && !empty($more['photos'])?$more['photos'][0]['url']:''; 252 $res['image_url'] = isset($more['photos']) && !empty($more['photos'])?$more['photos'][0]['url']:'';
222 } 253 }
223 $this->assign('res',$res); 254 $this->assign('res',$res);
  255 + return $this->fetch();
224 } 256 }
225 257
226 //获取文章详情(评论列表) 258 //获取文章详情(评论列表)
@@ -232,13 +264,9 @@ class StarController extends HomeBaseController @@ -232,13 +264,9 @@ class StarController extends HomeBaseController
232 ->find(); 264 ->find();
233 $contentModel = new PortalPostModel(); 265 $contentModel = new PortalPostModel();
234 $res['post_content'] = $contentModel->getPostContentAttr($res['post_content']); 266 $res['post_content'] = $contentModel->getPostContentAttr($res['post_content']);
235 - $comment = Db::name('comment')  
236 - ->alias('c')  
237 - ->join('user u','c.user_id = u.id','LEFT')  
238 - ->where(['c.status'=>1,'post_id'=>$id])  
239 - ->field('u.user_nickname nickname,u.avatar,c.content,c.create_time')  
240 - ->select()->toArray();  
241 - $res['comment'] = $comment; 267 + //查看数+1
  268 + $postModel = new PortalPostModel();
  269 + $postModel->where('id',$id)->setInc('post_hits', 1);
242 return $res; 270 return $res;
243 } 271 }
244 272
@@ -260,12 +288,12 @@ class StarController extends HomeBaseController @@ -260,12 +288,12 @@ class StarController extends HomeBaseController
260 //判断是否登录 288 //判断是否登录
261 $login = cmf_is_user_login(); 289 $login = cmf_is_user_login();
262 $article_id = $this->request->param('article_id');//文章id 290 $article_id = $this->request->param('article_id');//文章id
263 - $comment = $this->request->param('comment');//评论内容 291 + $content = $this->request->param('content');//评论内容
264 $url = $this->request->param('url');//评论文章链接 292 $url = $this->request->param('url');//评论文章链接
265 if($login){ 293 if($login){
266 $data['user_id'] = cmf_get_current_user_id(); 294 $data['user_id'] = cmf_get_current_user_id();
267 $data['post_id'] = $article_id; 295 $data['post_id'] = $article_id;
268 - $data['content'] = $comment; 296 + $data['content'] = $content;
269 $data['url'] = $url; 297 $data['url'] = $url;
270 $data['create_time'] = time(); 298 $data['create_time'] = time();
271 $validate = new CommentValidate(); 299 $validate = new CommentValidate();
@@ -11,13 +11,13 @@ class CommentValidate extends Validate @@ -11,13 +11,13 @@ class CommentValidate extends Validate
11 { 11 {
12 protected $rule = [ 12 protected $rule = [
13 'post_id' => 'require|number', 13 'post_id' => 'require|number',
14 - 'comment' => 'require', 14 + 'content' => 'require',
15 'url' => 'require' 15 'url' => 'require'
16 ]; 16 ];
17 protected $message = [ 17 protected $message = [
18 'post_id.require' => '评论文章id不能为空!', 18 'post_id.require' => '评论文章id不能为空!',
19 'post_id.number' => '评论文章id必须为数字!', 19 'post_id.number' => '评论文章id必须为数字!',
20 - 'comment.require' => '评论内容不能为空!', 20 + 'content.require' => '评论内容不能为空!',
21 'url.require' => '文章链接不能为空!', 21 'url.require' => '文章链接不能为空!',
22 ]; 22 ];
23 23
@@ -8,6 +8,7 @@ @@ -8,6 +8,7 @@
8 <link rel="stylesheet" href="__TMPL__/public/assets/css/enjoyment.css"> 8 <link rel="stylesheet" href="__TMPL__/public/assets/css/enjoyment.css">
9 <link rel="stylesheet" href="__TMPL__/public/assets/js/swiper4/swiper.min.css"> 9 <link rel="stylesheet" href="__TMPL__/public/assets/js/swiper4/swiper.min.css">
10 <link rel="stylesheet" href="__TMPL__/public/assets/css/enjoyment_outdoors.css"> 10 <link rel="stylesheet" href="__TMPL__/public/assets/css/enjoyment_outdoors.css">
  11 + <link rel="stylesheet" href="__TMPL__/public/assets/css/mask.css">
11 </head> 12 </head>
12 13
13 <body> 14 <body>
@@ -22,6 +23,10 @@ @@ -22,6 +23,10 @@
22 </div> 23 </div>
23 </div> 24 </div>
24 <main> 25 <main>
  26 + <!--彈出框-->
  27 + <div class="mask">
  28 +
  29 + </div>
25 <div class="container"> 30 <div class="container">
26 <div class="outdoors"> 31 <div class="outdoors">
27 <div class="outdoors_title clearfix"> 32 <div class="outdoors_title clearfix">
@@ -40,7 +40,7 @@ @@ -40,7 +40,7 @@
40 <p>北美洲</p> 40 <p>北美洲</p>
41 <ul class="star_happy_box"> 41 <ul class="star_happy_box">
42 <volist name="res_city.north" id="vo"> 42 <volist name="res_city.north" id="vo">
43 - <li><a href="javascript:void(0);">{$vo.name}</a></li> 43 + <li><a href="/portal/star/index?city_id={$vo.id}">{$vo.name}</a></li>
44 </volist> 44 </volist>
45 </ul> 45 </ul>
46 </em> 46 </em>
@@ -49,7 +49,7 @@ @@ -49,7 +49,7 @@
49 <p>南美洲</p> 49 <p>南美洲</p>
50 <ul class="star_happy_box"> 50 <ul class="star_happy_box">
51 <volist name="res_city.south" id="vo"> 51 <volist name="res_city.south" id="vo">
52 - <li><a href="javascript:void(0);">{$vo.name}</a></li> 52 + <li><a href="/portal/star/index?city_id={$vo.id}">{$vo.name}</a></li>
53 </volist> 53 </volist>
54 </ul> 54 </ul>
55 </em> 55 </em>
@@ -58,7 +58,7 @@ @@ -58,7 +58,7 @@
58 <p>南极洲</p> 58 <p>南极洲</p>
59 <ul class="star_happy_box"> 59 <ul class="star_happy_box">
60 <volist name="res_city.antarctica" id="vo"> 60 <volist name="res_city.antarctica" id="vo">
61 - <li><a href="javascript:void(0);">{$vo.name}</a></li> 61 + <li><a href="/portal/star/index?city_id={$vo.id}">{$vo.name}</a></li>
62 </volist> 62 </volist>
63 </ul> 63 </ul>
64 </em> 64 </em>
@@ -67,7 +67,7 @@ @@ -67,7 +67,7 @@
67 <p>欧洲</p> 67 <p>欧洲</p>
68 <ul class="star_happy_box"> 68 <ul class="star_happy_box">
69 <volist name="res_city.europe" id="vo"> 69 <volist name="res_city.europe" id="vo">
70 - <li><a href="javascript:void(0);">{$vo.name}</a></li> 70 + <li><a href="/portal/star/index?city_id={$vo.id}">{$vo.name}</a></li>
71 </volist> 71 </volist>
72 </ul> 72 </ul>
73 </em> 73 </em>
@@ -76,7 +76,7 @@ @@ -76,7 +76,7 @@
76 <p>非洲</p> 76 <p>非洲</p>
77 <ul class="star_happy_box"> 77 <ul class="star_happy_box">
78 <volist name="res_city.africa" id="vo"> 78 <volist name="res_city.africa" id="vo">
79 - <li><a href="javascript:void(0);">{$vo.name}</a></li> 79 + <li><a href="/portal/star/index?city_id={$vo.id}">{$vo.name}</a></li>
80 </volist> 80 </volist>
81 </ul> 81 </ul>
82 </em> 82 </em>
@@ -85,7 +85,7 @@ @@ -85,7 +85,7 @@
85 <p>亚洲</p> 85 <p>亚洲</p>
86 <ul class="star_happy_box"> 86 <ul class="star_happy_box">
87 <volist name="res_city.asia" id="vo"> 87 <volist name="res_city.asia" id="vo">
88 - <li><a href="javascript:void(0);">{$vo.name}</a></li> 88 + <li><a href="/portal/star/index?city_id={$vo.id}">{$vo.name}</a></li>
89 </volist> 89 </volist>
90 </ul> 90 </ul>
91 </em> 91 </em>
@@ -94,7 +94,7 @@ @@ -94,7 +94,7 @@
94 <p>大洋洲</p> 94 <p>大洋洲</p>
95 <ul class="star_happy_box"> 95 <ul class="star_happy_box">
96 <volist name="res_city.oceania" id="vo"> 96 <volist name="res_city.oceania" id="vo">
97 - <li><a href="javascript:void(0);">{$vo.name}</a></li> 97 + <li><a href="/portal/star/index?city_id={$vo.id}">{$vo.name}</a></li>
98 </volist> 98 </volist>
99 </ul> 99 </ul>
100 </em> 100 </em>
@@ -565,14 +565,25 @@ @@ -565,14 +565,25 @@
565 <!-- 视频 --> 565 <!-- 视频 -->
566 <div class="star_video"> 566 <div class="star_video">
567 <notempty name="res_xqyy"> 567 <notempty name="res_xqyy">
568 - <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> 568 + <video id="video" width="100%" height="675" src="{:cmf_get_file_download_url($res_xqyy.video)}"></video>
  569 + <img class="show_in_poster" src="{:cmf_get_image_url($res_xqyy.thumbnail)}" alt="">
569 <else/> 570 <else/>
570 - <video id="video" width="100%" height="678" poster="__TMPL__/public/assets/starImg/bicon_34.png" src="__TMPL__//public/assets/starImg/video.mp4"></video> 571 + <video id="video" width="100%" height="675" src="__TMPL__//public/assets/starImg/video.mp4"></video>
  572 + <img class="show_in_poster" src="__TMPL__/public/assets/starImg/bicon_34.png" alt="">
571 </notempty> 573 </notempty>
572 <img onclick="bofang()" class="show_in_banner2" src="__TMPL__/public/assets/starImg/aicon_30.png" alt=""> 574 <img onclick="bofang()" class="show_in_banner2" src="__TMPL__/public/assets/starImg/aicon_30.png" alt="">
573 </div> 575 </div>
574 <!-- 人物简介 --> 576 <!-- 人物简介 -->
  577 + <notempty name="res_mxft">
  578 + <!-- 标题 -->
  579 +
575 <div class="star_personal clearfix star_ming"> 580 <div class="star_personal clearfix star_ming">
  581 + <div class="star_title clearfix">
  582 + <span>
  583 + <p>明星<i>访谈</i></p>
  584 + <p>Star Interview</p>
  585 + </span>
  586 + </div>
576 <!-- 左侧头像 --> 587 <!-- 左侧头像 -->
577 <input type="hidden" id="star_id" value="{$res_mxft.id}"> 588 <input type="hidden" id="star_id" value="{$res_mxft.id}">
578 <div class="personal_left"> 589 <div class="personal_left">
@@ -595,9 +606,9 @@ @@ -595,9 +606,9 @@
595 </p> 606 </p>
596 </div> 607 </div>
597 </div> 608 </div>
598 -  
599 </div> 609 </div>
600 </div> 610 </div>
  611 + </notempty>
601 </div> 612 </div>
602 </div> 613 </div>
603 <!-- 星域画廊 --> 614 <!-- 星域画廊 -->
@@ -711,12 +722,12 @@ @@ -711,12 +722,12 @@
711 $('.africa p,.asia p,.north p,.south p,.antarctica p,.europe p,.oceania p').click(function() { 722 $('.africa p,.asia p,.north p,.south p,.antarctica p,.europe p,.oceania p').click(function() {
712 if ($(this).prev('img').attr('src') == "__TMPL__/public/assets/starImg/aicon_41.png") { 723 if ($(this).prev('img').attr('src') == "__TMPL__/public/assets/starImg/aicon_41.png") {
713 $(this).prev('img').attr('src', "__TMPL__/public/assets/starImg/aicon_42.png"); 724 $(this).prev('img').attr('src', "__TMPL__/public/assets/starImg/aicon_42.png");
714 - $(this).next('ul').toggle(); 725 + $(this).next('ul').show();
715 } else { 726 } else {
716 $(this).prev('img').attr('src', "__TMPL__/public/assets/starImg/aicon_41.png"); 727 $(this).prev('img').attr('src', "__TMPL__/public/assets/starImg/aicon_41.png");
717 - $(this).next('ul').toggle(); 728 + $(this).next('ul').hide();
718 } 729 }
719 - }) 730 + });
720 // tab切换 731 // tab切换
721 $('.star_happy_box li').click(function() { 732 $('.star_happy_box li').click(function() {
722 $(this).addClass('active').siblings().removeClass('active'); 733 $(this).addClass('active').siblings().removeClass('active');
@@ -758,6 +769,7 @@ @@ -758,6 +769,7 @@
758 video.play(); 769 video.play();
759 $('#video').attr('controls', 'controls') 770 $('#video').attr('controls', 'controls')
760 $('.show_in_banner2').hide(); 771 $('.show_in_banner2').hide();
  772 + $('.show_in_poster').hide();
761 } 773 }
762 </script> 774 </script>
763 </body> 775 </body>
  1 +<!DOCTYPE html>
  2 +<html lang="en">
  3 +
  4 +<head>
  5 + <meta charset="UTF-8">
  6 + <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7 + <meta http-equiv="X-UA-Compatible" content="ie=edge">
  8 + <title>个人中心</title>
  9 + <link rel="stylesheet" href="__TMPL__/public/assets/css/login.css">
  10 + <link rel="stylesheet" href="__TMPL__/public/assets/css/person.css">
  11 + <link rel="stylesheet" href="__TMPL__/public/assets/css/mask.css">
  12 +</head>
  13 +
  14 +<body>
  15 + <!--头部 -->
  16 + <include file="public@header"/>
  17 + <main>
  18 + <!--彈出框-->
  19 + <div class="mask">
  20 +
  21 + </div>
  22 + <div class="personal_center" style="height:273px;">
  23 + <!--頭像-->
  24 + <div class="personal_center_avatar">
  25 + <notempty name="user.avatar">
  26 + <img src="{:cmf_get_image_url($user.avatar)}" alt="">
  27 + <else/>
  28 + <img src="__TMPL__/public/assets/starImg/aicon_83.png" alt="">
  29 + </notempty>
  30 + </div>
  31 + <div class="updateInfo">
  32 + <span class="nickname" >昵称</span>
  33 + <notempty name="user.user_nickname">
  34 + <input type="text" value="{$user.user_nickname}" id="nickname"/>
  35 + <else/>
  36 + <input type="text" value="随风漂泊" id="nickname"/>
  37 + </notempty>
  38 + </div>
  39 + <!--編輯頭像-->
  40 + <div class="save_info">
  41 + <span>保存</span>
  42 + </div>
  43 + </div>
  44 +
  45 + </main>
  46 + <div class="Keep" style="margin-top:157px;">
  47 + Copyright © 2004-2019 独角星球 版权所有
  48 + </div>
  49 +</body>
  50 +</html>
  51 +<script src="__TMPL__/public/assets/js/jquery-3.2.1.min.js"></script>
  52 +<script src="__TMPL__/public/assets/js/public.js"></script>
  53 +<script>
  54 + $(function(){
  55 + $('.save_info').click(function(){
  56 + var nickname = $('#nickname').val();
  57 + $.ajax({
  58 + type: 'POST',
  59 + url: "/portal/login/updateNickname",
  60 + data: {
  61 + 'nickname': nickname,
  62 + },
  63 + dataType: 'json',
  64 + success: function (data) {
  65 + console.log(data);
  66 + if (data.code == 1) {
  67 + mask(data.msg);
  68 + window.location.href = '/';
  69 + } else {
  70 + mask(data.msg);
  71 + }
  72 + }
  73 + });
  74 + });
  75 + });
  76 +</script>
  1 +<!DOCTYPE html>
  2 +<html lang="en">
  3 +
  4 +<head>
  5 + <meta charset="UTF-8">
  6 + <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7 + <meta http-equiv="X-UA-Compatible" content="ie=edge">
  8 + <title>个人中心</title>
  9 + <link rel="stylesheet" href="__TMPL__/public/assets/css/login.css">
  10 + <link rel="stylesheet" href="__TMPL__/public/assets/css/person.css">
  11 + <link rel="stylesheet" href="__TMPL__/public/assets/css/mask.css">
  12 +</head>
  13 +
  14 +<body>
  15 + <!--头部 -->
  16 + <include file="public@header"/>
  17 + <main>
  18 + <!--彈出框-->
  19 + <div class="mask">
  20 +
  21 + </div>
  22 + <div class="personal_center">
  23 + <!--頭像-->
  24 + <div class="personal_center_avatar">
  25 + <notempty name="user.avatar">
  26 + <img src="{:cmf_get_image_url($user.avatar)}" alt="">
  27 + <else/>
  28 + <img src="__TMPL__/public/assets/starImg/aicon_83.png" alt="">
  29 + </notempty>
  30 + </div>
  31 + <!--編輯頭像-->
  32 + <div class="Editor_avatar clearfix">
  33 + <div class="Editor_avatar_icon">
  34 + <img src="__TMPL__/public/assets/starImg/aicon_84.png" alt="">
  35 + </div>
  36 + <span><input type="file" id="personal-photo" name="avatar">编辑头像</span>
  37 + </div>
  38 + <!--修改資料-->
  39 + <div class="Modifying clearfix" id="editInfo">
  40 + <div class="Modifying_icon">
  41 + <img src="__TMPL__/public/assets/starImg/aicon_85.png" alt="">
  42 + </div>
  43 + <span>修改资料</span>
  44 + </div>
  45 + <!--我的收藏-->
  46 + <div class="Collection clearfix">
  47 + <div class="Collection_icon">
  48 + <img src="__TMPL__/public/assets/starImg/aicon_86.png" alt="">
  49 + </div>
  50 + <span>我的收藏</span>
  51 + </div>
  52 + </div>
  53 +
  54 + </main>
  55 + <div class="Keep">
  56 + Copyright © 2004-2019 独角星球 版权所有
  57 + </div>
  58 +</body>
  59 +</html>
  60 +<script src="__TMPL__/public/assets/js/jquery-3.2.1.min.js"></script>
  61 +<script src="__TMPL__/public/assets/js/public.js"></script>
  62 +<script src="__TMPL__/public/assets/js/uploadfile.js"></script>
  63 +<script>
  64 + $(function(){
  65 + $("#personal-photo").on("change",function(){
  66 + var img_size = $("input[type=file]").get(0).files[0].size;
  67 + if (img_size > 1024000){
  68 + mask("上传图片过大,请上传小于1M的图片");
  69 + }else {
  70 + $.ajaxFileUpload({
  71 + url: '/portal/login/updateAvatar', //用于文件上传的服务器端请求地址
  72 + secureuri: false, //是否需要安全协议,一般设置为false
  73 + fileElementId: 'personal-photo', //文件上传域的ID
  74 + dataType: 'json', //返回值类型 一般设置为json
  75 + success: function (data){ //服务器成功响应处理函数
  76 + mask(data.msg);
  77 + window.location.href = '/';
  78 + }
  79 + });
  80 + }
  81 + });
  82 + });
  83 +</script>
@@ -91,7 +91,7 @@ @@ -91,7 +91,7 @@
91 success: function (data) { 91 success: function (data) {
92 if (data.code == 1) { 92 if (data.code == 1) {
93 mask(data.msg); 93 mask(data.msg);
94 -// window.location.href = '/'; 94 + window.location.href = '/';
95 } else { 95 } else {
96 mask(data.msg); 96 mask(data.msg);
97 } 97 }
@@ -7,11 +7,16 @@ @@ -7,11 +7,16 @@
7 <meta http-equiv="X-UA-Compatible" content="ie=edge"> 7 <meta http-equiv="X-UA-Compatible" content="ie=edge">
8 <title>童趣未来详情</title> 8 <title>童趣未来详情</title>
9 <link rel="stylesheet" href="__TMPL__/public/assets/css/show.css"> 9 <link rel="stylesheet" href="__TMPL__/public/assets/css/show.css">
  10 + <link rel="stylesheet" href="__TMPL__/public/assets/css/mask.css">
10 </head> 11 </head>
11 12
12 <body> 13 <body>
13 <!--头部--> 14 <!--头部-->
14 <include file="public@header"/> 15 <include file="public@header"/>
  16 + <!--彈出框-->
  17 + <div class="mask">
  18 +
  19 + </div>
15 <!--主体内容--> 20 <!--主体内容-->
16 <div class="show_2"> 21 <div class="show_2">
17 <!--banner--> 22 <!--banner-->
  1 +<!DOCTYPE html>
  2 +<html lang="en">
  3 +
  4 +<head>
  5 + <meta charset="UTF-8">
  6 + <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7 + <meta http-equiv="X-UA-Compatible" content="ie=edge">
  8 + <title>星域秀场--星球影院</title>
  9 + <link rel="stylesheet" href="__TMPL__/public/assets/css/show.css">
  10 +</head>
  11 +
  12 +<body>
  13 + <!-- 弹出框 -->
  14 + <div class="video_mask">
  15 + 您还不是VIP,可试看15秒
  16 + </div>
  17 + <div class="show_9 clearfix">
  18 + <!-- 视频 -->
  19 + <div class="show_9_video">
  20 + <img class="video_poster" src="__TMPL__/public/assets/starImg/bicon_28.png" alt="">
  21 + <video id="video" width="100%" height="426" src="__TMPL__/public/assets/starImg/video.mp4"></video>
  22 + <img class="play_button" onclick="bofang()" src="__TMPL__/public/assets/starImg/aicon_30.png" alt="">
  23 + </div>
  24 + <!-- 视频侧边选择 -->
  25 + <div class="show_9_video_aside">
  26 + <!-- 顶部 -->
  27 + <div class="show_9_video_asideTie clearfix">
  28 + <p>专辑</p>
  29 + <div class="select">
  30 + <input type="text" value="中国" readonly="readonly">
  31 + <img src="__TMPL__/public/assets/starImg/down.png" alt="">
  32 + <ul>
  33 + <li>中国</li>
  34 + <li>美国</li>
  35 + </ul>
  36 + </div>
  37 + </div>
  38 + <!-- 视频 -->
  39 + <div class="show_9_video_asideCon">
  40 + <ul class="curren video_active">
  41 + <li class="clearfix">
  42 + <img src="__TMPL__/public/assets/starImg/bicon_29.png" alt="">
  43 + <p>
  44 + 令人神往的 蒙大拿州
  45 + </p>
  46 + </li>
  47 + <li class="clearfix">
  48 + <img src="__TMPL__/public/assets/starImg/bicon_29.png" alt="">
  49 + <p>
  50 + 令人神往的 蒙大拿州
  51 + </p>
  52 + </li>
  53 + <li class="clearfix">
  54 + <img src="__TMPL__/public/assets/starImg/bicon_29.png" alt="">
  55 + <p>
  56 + 令人神往的 蒙大拿州
  57 + </p>
  58 + </li>
  59 + <li class="clearfix">
  60 + <img src="__TMPL__/public/assets/starImg/bicon_29.png" alt="">
  61 + <p>
  62 + 令人神往的 蒙大拿州
  63 + </p>
  64 + </li>
  65 + <li class="clearfix">
  66 + <img src="__TMPL__/public/assets/starImg/bicon_29.png" alt="">
  67 + <p>
  68 + 令人神往的 蒙大拿州
  69 + </p>
  70 + </li>
  71 + </ul>
  72 + <ul class="curren">
  73 + <li class="clearfix">
  74 + <img src="__TMPL__/public/assets/starImg/bicon_29.png" alt="">
  75 + <p>
  76 + 令人神往的 蒙大拿州
  77 + </p>
  78 + </li>
  79 + </ul>
  80 + </div>
  81 + </div>
  82 + <!-- 底部 -->
  83 + <div class="show_9_video_asideTxt clearfix">
  84 + <!-- 标题 -->
  85 + <h1>令人神往的蒙大拿州弗里德黑德湖</h1>
  86 + <!-- 国家 -->
  87 + <div class="show_9_video_asideTxt2">
  88 + <p>国家:美国</p>
  89 + <p>取景:蒙大拿州弗里德黑德湖</p>
  90 + <p>上映时间:2019-11-12</p>
  91 + </div>
  92 + <!-- 分享 -->
  93 + <div class="show_9_video_asideTxt3 clearfix">
  94 + <p>分享:</p>
  95 + <img src="__TMPL__/public/assets/starImg/aicon_89.png" alt="">
  96 + <img src="__TMPL__/public/assets/starImg/aicon_90.png" alt="">
  97 + </div>
  98 + </div>
  99 + </div>
  100 + <script src="__TMPL__/public/assets/js/jquery-3.2.1.min.js"></script>
  101 + <script>
  102 + // 星域秀场视频
  103 + $(function() {
  104 + $('.select input').click(function() {
  105 + if ($(this).next('img').attr('src') == "__TMPL__/public/assets/starImg/down.png") {
  106 + $(this).next('img').attr('src', "__TMPL__/public/assets/starImg/up.png")
  107 + $('.select ul').toggle();
  108 + } else {
  109 + $(this).next('img').attr('src', "__TMPL__/public/assets/starImg/down.png")
  110 + $('.select ul').toggle();
  111 + }
  112 +
  113 + })
  114 +
  115 + $('.select ul li').click(function() {
  116 + $('.select input').val($(this).text());
  117 + $('.select ul').hide();
  118 + var index = $(this).index();
  119 + $('.curren').eq(index).addClass('video_active').siblings().removeClass('video_active');
  120 + });
  121 +
  122 + $(document).ready(function() {
  123 + var val = $('.select input').val();
  124 + var val2 = $('.select ul li:first-child').text();
  125 + val = val2;
  126 + $('.select input').val(val)
  127 + })
  128 +
  129 + // 弹出框
  130 + setInterval(function() {
  131 + $('.video_mask').hide();
  132 + }, 4000)
  133 + })
  134 + // 点击播放
  135 + function bofang() {
  136 + video.play();
  137 + $('#video').attr('controls', 'controls')
  138 + $('.show_9_video img').hide();
  139 + }
  140 + </script>
  141 +</body>
  142 +
  143 +</html>
@@ -7,10 +7,15 @@ @@ -7,10 +7,15 @@
7 <meta http-equiv="X-UA-Compatible" content="ie=edge"> 7 <meta http-equiv="X-UA-Compatible" content="ie=edge">
8 <title>独角日志详情</title> 8 <title>独角日志详情</title>
9 <link rel="stylesheet" href="__TMPL__/public/assets/css/show.css"> 9 <link rel="stylesheet" href="__TMPL__/public/assets/css/show.css">
  10 + <link rel="stylesheet" href="__TMPL__/public/assets/css/mask.css">
10 </head> 11 </head>
11 12
12 <body> 13 <body>
13 <include file="public@header"/> 14 <include file="public@header"/>
  15 + <!--彈出框-->
  16 + <div class="mask">
  17 +
  18 + </div>
14 <!-- 侧边栏 --> 19 <!-- 侧边栏 -->
15 <div class="sidebar"> 20 <div class="sidebar">
16 <!-- 收藏 --> 21 <!-- 收藏 -->
@@ -7,10 +7,15 @@ @@ -7,10 +7,15 @@
7 <meta http-equiv="X-UA-Compatible" content="ie=edge"> 7 <meta http-equiv="X-UA-Compatible" content="ie=edge">
8 <title>明星访谈详情</title> 8 <title>明星访谈详情</title>
9 <link rel="stylesheet" href="__TMPL__/public/assets/css/show.css"> 9 <link rel="stylesheet" href="__TMPL__/public/assets/css/show.css">
  10 + <link rel="stylesheet" href="__TMPL__/public/assets/css/mask.css">
10 </head> 11 </head>
11 12
12 <body> 13 <body>
13 <include file="public@header"/> 14 <include file="public@header"/>
  15 + <!--彈出框-->
  16 + <div class="mask">
  17 +
  18 + </div>
14 <!-- 侧边栏 --> 19 <!-- 侧边栏 -->
15 <div class="sidebar"> 20 <div class="sidebar">
16 <!-- 收藏 --> 21 <!-- 收藏 -->
@@ -8,8 +8,6 @@ @@ -8,8 +8,6 @@
8 <link rel="stylesheet" href="__TMPL__/public/assets/js/swiper4/swiper.min.css"> 8 <link rel="stylesheet" href="__TMPL__/public/assets/js/swiper4/swiper.min.css">
9 <link rel="stylesheet" href="__TMPL__/public/assets/css/activity_Travel.css"> 9 <link rel="stylesheet" href="__TMPL__/public/assets/css/activity_Travel.css">
10 </head> 10 </head>
11 -  
12 -<>  
13 <include file="public@header"/> 11 <include file="public@header"/>
14 <main> 12 <main>
15 <div class="container"> 13 <div class="container">
  1 +<!DOCTYPE html>
  2 +<html lang="en">
  3 +
  4 +<head>
  5 + <meta charset="UTF-8">
  6 + <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7 + <meta http-equiv="X-UA-Compatible" content="ie=edge">
  8 + <title>良宿美寝更多</title>
  9 + <link rel="stylesheet" href="__TMPL__/public/assets/css/layui.css">
  10 + <link rel="stylesheet" href="__TMPL__/public/assets/css/happy.css">
  11 +</head>
  12 +
  13 +<body>
  14 + <include file="public@header"/>
  15 + <div class="happy_live">
  16 + <!-- 选择区域 -->
  17 + <div class="happy_select clearfix">
  18 + <img src="__TMPL__/public/assets/starImg/aicon_42.png" alt="">
  19 + <p>澳大利亚</p>
  20 + </div>
  21 + <!-- 顶部标题 -->
  22 + <div class="show_INMain_tit clearfix">
  23 + <div class="show_IN1 clearfix">
  24 + <img src="__TMPL__/public/assets/starImg/aicon_17.png" alt="" style="margin-top:7px">
  25 + <p>良宿<span>美寝</span></p>
  26 + <h2>Accommodation</h2>
  27 + </div>
  28 + </div>
  29 + <!-- 盒子 -->
  30 + <div class="happy_live_box">
  31 + <!-- 内容 -->
  32 + <div class="happy_live_con">
  33 + <!-- 第一部分 -->
  34 + <div class="happy_live_con_1">
  35 + <div class="happy_live_con_1Img">
  36 + <img src="__TMPL__/public/assets/starImg/aicon_13.png" alt="">
  37 + </div>
  38 + <p>全球唯一漂浮在海上的梦幻酒店,此生必打卡!</p>
  39 + <div class="happy_live_con_1_introduce">
  40 + 酒店功能完善,设有包括总统套房、豪华商务套房等各色客房297间,酒店拥有中餐厅、西餐厅、韩国餐厅、火锅餐厅四个不同风味的餐饮场所,就餐总座位数1600余位,另设有可接待500人的宴会厅、可容纳400人的国际会议中心以及夜总会.
  41 + </div>
  42 + </div>
  43 + <!-- 第二部分 -->
  44 + <div class="happy_live_con_2">
  45 + <ul class="clearfix">
  46 + <li>
  47 + <div class="happy_live_con_2Img">
  48 + <img src="__TMPL__/public/assets/starImg/aicon_13.png" alt="">
  49 + </div>
  50 + <div class="happy_live_con_2Txt">
  51 + <h1>广州圣丰索菲特大酒店</h1>
  52 + <p>作为经济文化中心,不乏豪华特色酒店。或坐落庭院之中,亭台楼阁,竹影婆娑__TMPL__/public/assets.</p>
  53 + </div>
  54 + </li>
  55 + <li>
  56 + <div class="happy_live_con_2Img">
  57 + <img src="__TMPL__/public/assets/starImg/aicon_13.png" alt="">
  58 + </div>
  59 + <div class="happy_live_con_2Txt">
  60 + <h1>广州圣丰索菲特大酒店</h1>
  61 + <p>作为经济文化中心,不乏豪华特色酒店。或坐落庭院之中,亭台楼阁,竹影婆娑__TMPL__/public/assets.</p>
  62 + </div>
  63 + </li>
  64 + <li>
  65 + <div class="happy_live_con_2Img">
  66 + <img src="__TMPL__/public/assets/starImg/aicon_13.png" alt="">
  67 + </div>
  68 + <div class="happy_live_con_2Txt">
  69 + <h1>广州圣丰索菲特大酒店</h1>
  70 + <p>作为经济文化中心,不乏豪华特色酒店。或坐落庭院之中,亭台楼阁,竹影婆娑__TMPL__/public/assets.</p>
  71 + </div>
  72 + </li>
  73 + </ul>
  74 + </div>
  75 + <!-- 第一部分 -->
  76 + <div class="happy_live_con_1">
  77 + <div class="happy_live_con_1Img">
  78 + <img src="__TMPL__/public/assets/starImg/aicon_13.png" alt="">
  79 + </div>
  80 + <p>全球唯一漂浮在海上的梦幻酒店,此生必打卡!</p>
  81 + <div class="happy_live_con_1_introduce">
  82 + 酒店功能完善,设有包括总统套房、豪华商务套房等各色客房297间,酒店拥有中餐厅、西餐厅、韩国餐厅、火锅餐厅四个不同风味的餐饮场所,就餐总座位数1600余位,另设有可接待500人的宴会厅、可容纳400人的国际会议中心以及夜总会.
  83 + </div>
  84 + </div>
  85 + <!-- 第二部分 -->
  86 + <div class="happy_live_con_2">
  87 + <ul class="clearfix">
  88 + <li>
  89 + <div class="happy_live_con_2Img">
  90 + <img src="__TMPL__/public/assets/starImg/aicon_13.png" alt="">
  91 + </div>
  92 + <div class="happy_live_con_2Txt">
  93 + <h1>广州圣丰索菲特大酒店</h1>
  94 + <p>作为经济文化中心,不乏豪华特色酒店。或坐落庭院之中,亭台楼阁,竹影婆娑__TMPL__/public/assets.</p>
  95 + </div>
  96 + </li>
  97 + <li>
  98 + <div class="happy_live_con_2Img">
  99 + <img src="__TMPL__/public/assets/starImg/aicon_13.png" alt="">
  100 + </div>
  101 + <div class="happy_live_con_2Txt">
  102 + <h1>广州圣丰索菲特大酒店</h1>
  103 + <p>作为经济文化中心,不乏豪华特色酒店。或坐落庭院之中,亭台楼阁,竹影婆娑__TMPL__/public/assets.</p>
  104 + </div>
  105 + </li>
  106 + <li>
  107 + <div class="happy_live_con_2Img">
  108 + <img src="__TMPL__/public/assets/starImg/aicon_13.png" alt="">
  109 + </div>
  110 + <div class="happy_live_con_2Txt">
  111 + <h1>广州圣丰索菲特大酒店</h1>
  112 + <p>作为经济文化中心,不乏豪华特色酒店。或坐落庭院之中,亭台楼阁,竹影婆娑__TMPL__/public/assets.</p>
  113 + </div>
  114 + </li>
  115 + </ul>
  116 + </div>
  117 + </div>
  118 + <!-- 分页 -->
  119 + <div id="page">
  120 + 123456
  121 + </div>
  122 + </div>
  123 + </div>
  124 +
  125 + <include file="public@footer"/>
  126 + <script src="__TMPL__/public/assets/js/jquery-3.2.1.min.js"></script>
  127 + <script src="__TMPL__/public/assets/js/public.js"></script>
  128 +</body>
  129 +
  130 +</html>
  1 +<!DOCTYPE html>
  2 +<html lang="en">
  3 +
  4 +<head>
  5 + <meta charset="UTF-8">
  6 + <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7 + <meta http-equiv="X-UA-Compatible" content="ie=edge">
  8 + <title>便利出行更多</title>
  9 + <link rel="stylesheet" href="__TMPL__/public/assets/css/bootstrap4.0.css">
  10 + <link rel="stylesheet" href="__TMPL__/public/assets/css/happy.css">
  11 +</head>
  12 +
  13 +<body>
  14 + <include file="public@header"/>
  15 + <div class="happy_convenient">
  16 + <!-- 选择区域 -->
  17 + <div class="happy_select clearfix">
  18 + <img src="__TMPL__/public/assets/starImg/aicon_42.png" alt="">
  19 + <p>{$city_name}</p>
  20 + </div>
  21 + <!-- 顶部标题 -->
  22 + <div class="show_INMain_tit clearfix">
  23 + <div class="show_IN1 clearfix">
  24 + <img src="__TMPL__/public/assets/starImg/aicon_19.png" alt="" style="width:34px;margin-top: 2px;">
  25 + <p>便利<span>出行</span></p>
  26 + <h2>Easy Travel</h2>
  27 + </div>
  28 + </div>
  29 + <!-- 盒子 -->
  30 + <div class="happy_convenient_box">
  31 + <!-- 内容 -->
  32 + <div class="happy_convenient_con">
  33 + <!-- 内容一 -->
  34 + <div class="happy_convenient_con_1 clearfix">
  35 + <volist name="res['data']" id="vo" length="3">
  36 + <div class="happy_convenient_con_1Img">
  37 + <img src="{:cmf_get_image_url($vo.thumbnail)}" alt="">
  38 + <span></span>
  39 + </div>
  40 + </volist>
  41 + </div>
  42 + <!-- 内容二 -->
  43 + <div class="happy_convenient_con_2">
  44 + <ul>
  45 + <volist name="res['data']" id="vo">
  46 + <li class="clearfix">
  47 + <a href="/portal/star/getTravelDetail?id={$vo.id}">
  48 + <div class="happy_convenient_con_2Img">
  49 + <img src="{:cmf_get_image_url($vo.thumbnail)}" alt="">
  50 + </div>
  51 + <div class="happy_convenient_con_2_txt">
  52 + <h1>{$vo.post_title}</h1>
  53 + <p>
  54 + {$vo.post_excerpt}
  55 + </p>
  56 + </div>
  57 + </a>
  58 + </li>
  59 + </volist>
  60 + </ul>
  61 + </div>
  62 + </div>
  63 + </div>
  64 +
  65 + <!--分页-->
  66 + <div class="pagination">
  67 + {$page|default=''}
  68 + </div>
  69 + </div>
  70 + <include file="public@footer"/>
  71 + <script src="__TMPL__/public/assets/js/jquery-3.2.1.min.js"></script>
  72 + <script src="__TMPL__/public/assets/js/public.js"></script>
  73 +</body>
  74 +
  75 +</html>
@@ -8,10 +8,15 @@ @@ -8,10 +8,15 @@
8 <title>星球故事详情</title> 8 <title>星球故事详情</title>
9 <link rel="stylesheet" href="__TMPL__/public/assets/js/swiper4/swiper.min.css"> 9 <link rel="stylesheet" href="__TMPL__/public/assets/js/swiper4/swiper.min.css">
10 <link rel="stylesheet" href="__TMPL__/public/assets/css/show.css"> 10 <link rel="stylesheet" href="__TMPL__/public/assets/css/show.css">
  11 + <link rel="stylesheet" href="__TMPL__/public/assets/css/mask.css">
11 </head> 12 </head>
12 13
13 <body> 14 <body>
14 <include file="public@header"/> 15 <include file="public@header"/>
  16 + <!--弹出框-->
  17 + <div class="mask">
  18 +
  19 + </div>
15 <!-- 侧边栏 --> 20 <!-- 侧边栏 -->
16 <div class="sidebar"> 21 <div class="sidebar">
17 <!-- 收藏 --> 22 <!-- 收藏 -->
  1 +<!DOCTYPE html>
  2 +<html lang="en">
  3 +
  4 +<head>
  5 + <meta charset="UTF-8">
  6 + <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7 + <meta http-equiv="X-UA-Compatible" content="ie=edge">
  8 + <title>便利出行详情</title>
  9 + <link rel="stylesheet" href="__TMPL__/public/assets/css/happy.css">
  10 + <link rel="stylesheet" href="__TMPL__/public/assets/css/mask.css">
  11 +</head>
  12 +
  13 +<body>
  14 + <include file="public@header"/>
  15 + <!--弹窗-->
  16 + <div class="mask">
  17 +
  18 + </div>
  19 + <!-- 侧边栏 -->
  20 + <div class="sidebar">
  21 + <!-- 收藏 -->
  22 + <div class="collections">
  23 + <img src="__TMPL__/public/assets/starImg/bicon_02.png" alt="">
  24 + </div>
  25 + <!-- 喜欢 -->
  26 + <div class="likes">
  27 + <img src="__TMPL__/public/assets/starImg/bicon_03.png" alt="">
  28 + </div>
  29 + <!-- wx分享 -->
  30 + <div class="wx_go">
  31 + <img src="__TMPL__/public/assets/starImg/bicon_04.png" alt="">
  32 + <p>168</p>
  33 + </div>
  34 + <!-- wb分享 -->
  35 + <div class="wb_go">
  36 + <img src="__TMPL__/public/assets/starImg/bicon_05.png" alt="">
  37 + <p>168</p>
  38 + </div>
  39 + </div>
  40 + <div class="happy_travel">
  41 + <div class="happy_travel_con1 clearfix">
  42 + <!-- 图片 -->
  43 + <div class="happy_travel_con1_img">
  44 + <img src="{:cmf_get_image_url($res.thumbnail)}" alt="">
  45 + </div>
  46 + <!-- 文字 -->
  47 + <div class="happy_travel_con1_txt">
  48 + <h1>
  49 + {$res.post_title}
  50 + </h1>
  51 + <p>
  52 + {$res.post_excerpt}
  53 + </p>
  54 + </div>
  55 + </div>
  56 + <!-- 副文本 -->
  57 + <div class="happy_travel_con2">
  58 + {$res.post_content}
  59 + </div>
  60 + </div>
  61 + <!-- 评论 -->
  62 + <include file="public@comment"/>
  63 +
  64 + <include file="public@footer"/>
  65 + <script src="__TMPL__/public/assets/js/jquery-3.2.1.min.js"></script>
  66 + <script src="__TMPL__/public/assets/js/public.js"></script>
  67 +</body>
  68 +
  69 +</html>
  1 +<!DOCTYPE html>
  2 +<html lang="en">
  3 +
  4 +<head>
  5 + <meta charset="UTF-8" />
  6 + <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  7 + <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  8 + <title>星球奇境</title>
  9 + <link rel="stylesheet" href="__TMPL__/public/assets/js/swiper4/swiper.min.css" />
  10 + <link rel="stylesheet" href="__TMPL__/public/assets/css/happy_index.css" />
  11 +</head>
  12 +
  13 +<body>
  14 + <include file="public@header"/>
  15 + <div class="happy_index">
  16 + <!-- banner轮播图 -->
  17 + <div class="happy_banner">
  18 + <img src="__TMPL__/public/assets/starImg/aicon_01.png" alt="" />
  19 + <h3>Planet Discovery</h3>
  20 + </div>
  21 + <!-- main 背景 -->
  22 + <div class="happy_InMain">
  23 + <!-- 搜索框 -->
  24 + <div class="happy_search">
  25 + <input type="text" />
  26 + <div class="happy_search_icon">
  27 + <span><img src="__TMPL__/public/assets/starImg/aicon_42.png" alt=""/></span>
  28 + <span class="address">{$city_name}</span>
  29 + </div>
  30 + </div>
  31 + <!-- 星球故事盒子 -->
  32 + <div class="show_InMain_box show_InMain_box2">
  33 + <!-- 顶部标题 -->
  34 + <div class="happy_INMain_tit clearfix">
  35 + <div class="happy_IN1 clearfix">
  36 + <img src="__TMPL__/public/assets/starImg/aicon_03.png" alt="">
  37 + <p>星球<span>故事</span></p>
  38 + <h2>Planet Story</h2>
  39 + </div>
  40 + <!-- 更多 -->
  41 + <!--<div class="happy_IN2">-->
  42 + <!--<a href=""> MORE+ </a>-->
  43 + <!--</div>-->
  44 + </div>
  45 + <!-- 内容 -->
  46 + <div class="show_INMain_con2_2">
  47 + <notempty name="res_xqgs">
  48 + <div class="swiper-slide">
  49 + <div class="show_index_con2Txt clearfix">
  50 + <!-- 左侧图片 -->
  51 + <img class="show_indexImg1" src="{:cmf_get_image_url($res_xqgs.thumbnail)}" alt="">
  52 + <!-- 文字 -->
  53 + <div class="show_index_con2Txt2">
  54 + {$res_xqgs.post_excerpt}
  55 + </div>
  56 + <!-- 进度条 -->
  57 + <div class="show_index_progress">
  58 + <img src="__TMPL__/public/assets/starImg/aicon_15.png" alt="">
  59 + </div>
  60 + </div>
  61 + </div>
  62 + </notempty>
  63 + </div>
  64 + </div>
  65 + <!-- 网红美景 -->
  66 + <div class="happy_InMain_box2 show_InMain_box2">
  67 + <!-- 顶部标题 -->
  68 + <div class="happy_INMain_tit clearfix">
  69 + <div class="happy_IN1 clearfix">
  70 + <img style="width:28px;" src="__TMPL__/public/assets/starImg/aicon_06.png" alt="" />
  71 + <p>网红<span>美景</span></p>
  72 + <h2>Top Attraction</h2>
  73 + </div>
  74 + <!-- 更多 -->
  75 + <div class="happy_IN2">
  76 + <a href=""> MORE+ </a>
  77 + </div>
  78 + </div>
  79 + <!-- 第二部分 -->
  80 + <div class="happy_food_con2_2 clearfix swiper-container2">
  81 + <ul class="swiper-wrapper">
  82 + <volist name="res_whmj" id="vo">
  83 + <li class="swiper-slide ">
  84 + <div class="happy_food_con2_2Img">
  85 + <img src="{:cmf_get_image_url($vo.thumbnail)}" alt="">
  86 + </div>
  87 + <div class="happy_food_con2_2Txt2 clearfix">
  88 + <h2>{$vo.post_title}</h2>
  89 + <div>
  90 + <img src="__TMPL__/public/assets/starImg/bicon_14.png" alt="">
  91 + <p>{$vo.post_hits}</p>
  92 + </div>
  93 + <div>
  94 + <img src="__TMPL__/public/assets/starImg/bicon_13.png" alt="">
  95 + <p>{$vo.post_favorites}</p>
  96 + </div>
  97 + </div>
  98 + </li>
  99 + </volist>
  100 + </ul>
  101 + <div class="show_swiper2_btn clearfix">
  102 +
  103 + <div class="swiper-button-prev2"></div>
  104 + <div class="swiper-pagination">
  105 +
  106 + </div>
  107 + <div class="swiper-button-next2"></div>
  108 + </div>
  109 + </div>
  110 + </div>
  111 + <!-- 异域珍馐 -->
  112 + <div class="show_InMain_box3 show_InMain_box2">
  113 + <!-- 顶部标题 -->
  114 + <div class="happy_INMain_tit clearfix">
  115 + <div class="happy_IN1 clearfix">
  116 + <img style="width:38px;" src="__TMPL__/public/assets/starImg/aicon_11.png" alt="" />
  117 + <p>异域<span>珍馐</span></p>
  118 + <h2>Gastronomy</h2>
  119 + </div>
  120 + <!-- 更多 -->
  121 + <div class="happy_IN2">
  122 + <a href=""> MORE+ </a>
  123 + </div>
  124 + </div>
  125 + <!-- 第一部分 -->
  126 + <div class="happy_food_con2_1 swiper-container3">
  127 + <ul class="clearfix swiper-wrapper">
  128 + <volist name="res_yyzx" id="vo">
  129 + <li class="swiper-slide">
  130 + <div class="happy_food_con2_1Img">
  131 + <img src="{:cmf_get_image_url($vo.thumbnail)}" alt="">
  132 + </div>
  133 + <div class="happy_food_con2_1Txt clearfix">
  134 + <h2>{$vo.post_title}</h2>
  135 + </div>
  136 + </li>
  137 + </volist>
  138 + </ul>
  139 + <div class="show_swiper2_btn clearfix">
  140 +
  141 + <div class="swiper-button-prev2"></div>
  142 + <div class="swiper-pagination">
  143 +
  144 + </div>
  145 + <div class="swiper-button-next2"></div>
  146 + </div>
  147 + </div>
  148 + </div>
  149 + <!-- 良宿美寝 -->
  150 + <div class="show_InMain_box4 show_InMain_box2">
  151 + <!-- 顶部标题 -->
  152 + <div class="happy_INMain_tit clearfix">
  153 + <div class="happy_IN1 clearfix">
  154 + <img style="width:38px;" src="__TMPL__/public/assets/starImg/aicon_17.png" alt="" />
  155 + <p>良宿<span>美寝</span></p>
  156 + <h2>Accommodation</h2>
  157 + </div>
  158 + <!-- 更多 -->
  159 + <div class="happy_IN2">
  160 + <a href="/portal/star/getMoreHotel?city_id={$city_id}"> MORE+ </a>
  161 + </div>
  162 + </div>
  163 + <!-- 第一部分 -->
  164 + <div class="happy_live_con_1 swiper-container4">
  165 + <div class="swiper-wrapper">
  166 + <volist name="res_lsmq" id="vo">
  167 + <div class="swiper-slide">
  168 + <div class="happy_live_con_1Img">
  169 + <img src="{:cmf_get_image_url($vo.thumbnail)}" alt="">
  170 + </div>
  171 + <p>{$vo.post_title}</p>
  172 + </div>
  173 + </volist>
  174 + </div>
  175 + <div class="show_swiper2_btn clearfix">
  176 +
  177 + <div class="swiper-button-prev2"></div>
  178 + <div class="swiper-pagination">
  179 +
  180 + </div>
  181 + <div class="swiper-button-next2"></div>
  182 + </div>
  183 + </div>
  184 + </div>
  185 + <!-- 活力生态 -->
  186 + <div class="show_InMain_box5 show_InMain_box2">
  187 + <!-- 顶部标题 -->
  188 + <div class="happy_INMain_tit clearfix">
  189 + <div class="happy_IN1 clearfix">
  190 + <img style="width:38px;" src="__TMPL__/public/assets/starImg/aicon_18.png" alt="" />
  191 + <p>活力<span>生态</span></p>
  192 + <h2>Responsible Tourism</h2>
  193 + </div>
  194 + <!-- 更多 -->
  195 + <div class="happy_IN2">
  196 + <a href=""> MORE+ </a>
  197 + </div>
  198 + </div>
  199 + <!-- 第一部分 -->
  200 + <div class="happy_ecological_con2_1">
  201 + <ul class="clearfix">
  202 + <volist name="res_hlst" id="vo">
  203 + <li>
  204 + <div class="happy_ecological_con2_1Img">
  205 + <img src="{:cmf_get_image_url($vo.thumbnail)}" alt="">
  206 + </div>
  207 + <div class="happy_ecological_con2_1Txt">
  208 + <h1>{$vo.post_title}</h1>
  209 + <p>
  210 + {$vo.post_excerpt}
  211 + </p>
  212 + </div>
  213 + </li>
  214 + </volist>
  215 + </ul>
  216 + </div>
  217 + </div>
  218 + <!-- 便利出行 -->
  219 + <div class="show_InMain_box6 show_InMain_box2">>
  220 + <!-- 顶部标题 -->
  221 + <div class="happy_INMain_tit clearfix">
  222 + <div class="happy_IN1 clearfix">
  223 + <img src="__TMPL__/public/assets/starImg/aicon_19.png" alt="" style="width:34px;margin-top: 2px;">
  224 + <p>便利<span>出行</span></p>
  225 + <h2>Easy Travel</h2>
  226 + </div>
  227 + <!-- 更多 -->
  228 + <div class="happy_IN2">
  229 + <a href="/portal/star/getMoreTravel?city_id={$city_id}"> MORE+ </a>
  230 + </div>
  231 + </div>
  232 + <!-- 内容一 -->
  233 + <div class="happy_convenient_con_1 clearfix">
  234 + <volist name="res_blcx" id="vo">
  235 + <a href="/portal/star/getTravelDetail?id={$vo.id}">
  236 + <div class="happy_convenient_con_1Img">
  237 + <img src="{:cmf_get_image_url($vo.thumbnail)}" alt="">
  238 + </div>
  239 + </a>
  240 + </volist>
  241 + </div>
  242 + </div>
  243 + </div>
  244 + </div>
  245 + <include file="public@footer"/>
  246 + <script src="__TMPL__/public/assets/js/jquery-3.2.1.min.js"></script>
  247 + <script src="__TMPL__/public/assets/js/swiper4/swiper.min.js"></script>
  248 + <script src="__TMPL__/public/assets/js/public.js"></script>
  249 + <script>
  250 + // swiper
  251 + var swiper = new Swiper(".swiper-container", {
  252 + slidesPerView: 4,
  253 + spaceBetween: 53,
  254 + pagination: {
  255 + el: ".swiper-pagination",
  256 + clickable: true
  257 + },
  258 + navigation: {
  259 + nextEl: ".swiper-button-next",
  260 + prevEl: ".swiper-button-prev"
  261 + }
  262 + });
  263 + // 星球故事swiper
  264 + var swiper = new Swiper('.swiper-container2', {
  265 + slidesPerView: 4,
  266 + spaceBetween: 16,
  267 + // loop: true,
  268 + pagination: {
  269 + el: '.swiper-pagination',
  270 + clickable: true,
  271 + },
  272 + navigation: {
  273 + nextEl: '.swiper-button-next2',
  274 + prevEl: '.swiper-button-prev2',
  275 + },
  276 + });
  277 + // 异域珍馐swiper
  278 + var swiper = new Swiper('.swiper-container3', {
  279 + slidesPerView: 2,
  280 + spaceBetween: 16,
  281 + // loop: true,
  282 + pagination: {
  283 + el: '.swiper-pagination',
  284 + clickable: true,
  285 + },
  286 + navigation: {
  287 + nextEl: '.swiper-button-next2',
  288 + prevEl: '.swiper-button-prev2',
  289 + },
  290 + });
  291 + // 良宿美寝swiper
  292 + var swiper = new Swiper('.swiper-container4', {
  293 + slidesPerView: 1,
  294 + spaceBetween: 16,
  295 + // loop: true,
  296 + pagination: {
  297 + el: '.swiper-pagination',
  298 + clickable: true,
  299 + },
  300 + navigation: {
  301 + nextEl: '.swiper-button-next2',
  302 + prevEl: '.swiper-button-prev2',
  303 + },
  304 + });
  305 + // banner视频
  306 + var video = document.getElementById("video");
  307 +
  308 + function bofang() {
  309 + video.play();
  310 + $("#video").attr("controls", "controls");
  311 + $(".show_in_banner2").hide();
  312 + }
  313 + </script>
  314 +</body>
  315 +
  316 +</html>
@@ -145,6 +145,8 @@ body { @@ -145,6 +145,8 @@ body {
145 .show_comments_icon { 145 .show_comments_icon {
146 width: 44px; 146 width: 44px;
147 float: left; 147 float: left;
  148 + height:44px;
  149 + border-radius:50%;
148 } 150 }
149 151
150 .show_main2_show ul li { 152 .show_main2_show ul li {
@@ -153,6 +155,7 @@ body { @@ -153,6 +155,7 @@ body {
153 padding-bottom: 30px; 155 padding-bottom: 30px;
154 box-sizing: border-box; 156 box-sizing: border-box;
155 border-bottom: 1px solid #EBEBEB; 157 border-bottom: 1px solid #EBEBEB;
  158 + height:146px;
156 } 159 }
157 160
158 .show_comments_con { 161 .show_comments_con {
@@ -173,6 +176,7 @@ body { @@ -173,6 +176,7 @@ body {
173 line-height: 24px; 176 line-height: 24px;
174 margin-top: 4px; 177 margin-top: 4px;
175 color: rgba(102, 102, 102, 1); 178 color: rgba(102, 102, 102, 1);
  179 + height:48px;
176 } 180 }
177 181
178 .show_comments_con p { 182 .show_comments_con p {
  1 +/*公共Css样式*/
  2 +
  3 +body,
  4 +ol,
  5 +ul,
  6 +h1,
  7 +h2,
  8 +h3,
  9 +h4,
  10 +h5,
  11 +h6,
  12 +p,
  13 +th,
  14 +td,
  15 +dl,
  16 +dd,
  17 +form,
  18 +fieldset,
  19 +legend,
  20 +input,
  21 +textarea,
  22 +select {
  23 + margin: 0;
  24 + padding: 0
  25 +}
  26 +
  27 +body {
  28 + font: 12px "微软雅黑", "MicrosoftYaHei", HELVETICA;
  29 + background: #fff;
  30 + -webkit-text-size-adjust: 100%;
  31 +}
  32 +
  33 +a {
  34 + color: #2d374b;
  35 + text-decoration: none
  36 +}
  37 +
  38 +em,
  39 +i {
  40 + font-style: normal
  41 +}
  42 +
  43 +li {
  44 + list-style: none
  45 +}
  46 +
  47 +img {
  48 + border: 0;
  49 + vertical-align: middle
  50 +}
  51 +
  52 +table {
  53 + border-collapse: collapse;
  54 + border-spacing: 0
  55 +}
  56 +
  57 +p {
  58 + word-wrap: break-word
  59 +}
  60 +
  61 +body {
  62 + background-color: #3C3C94;
  63 +}
  64 +
  65 +.clearfix::after {
  66 + content: ".";
  67 + clear: both;
  68 + display: block;
  69 + overflow: hidden;
  70 + font-size: 0;
  71 + height: 0;
  72 +}
  73 +
  74 +.clearfix {
  75 + zoom: 1;
  76 +}
  77 +
  78 +
  79 +/*公共Css样式*/
  80 +
  81 +
  82 +/* 侧边栏 */
  83 +
  84 +.sidebar {
  85 + position: fixed;
  86 + top: 200px;
  87 + right: 206px;
  88 +}
  89 +
  90 +.collections,
  91 +.likes {
  92 + width: 60px;
  93 + padding: 15px 0;
  94 + background: rgba(84, 84, 175, 1);
  95 + border-radius: 4px;
  96 + margin-bottom: 10px;
  97 +}
  98 +
  99 +.collections img,
  100 +.likes img,
  101 +.wx_go img,
  102 +.wb_go img {
  103 + width: 30px;
  104 + display: block;
  105 + margin: auto;
  106 +}
  107 +
  108 +.wx_go {
  109 + width: 60px;
  110 + padding: 10px 0;
  111 + margin-bottom: 10px;
  112 + background: rgba(51, 194, 82, 1);
  113 + border-radius: 4px;
  114 +}
  115 +
  116 +.wb_go {
  117 + width: 60px;
  118 + padding: 10px 0;
  119 + background: rgba(253, 99, 73, 1);
  120 + border-radius: 4px;
  121 +}
  122 +
  123 +.wx_go p,
  124 +.wb_go p {
  125 + text-align: center;
  126 + font-size: 16px;
  127 + color: rgba(255, 255, 255, 1);
  128 +}
  129 +
  130 +
  131 +/* page */
  132 +
  133 +.layui-laypage a,
  134 +.layui-laypage span {
  135 + margin-right: 6px;
  136 +}
  137 +
  138 +#page {
  139 + text-align: center;
  140 + margin-top: 30px;
  141 +}
  142 +
  143 +.layui-laypage-curr em {
  144 + color: black !important;
  145 + background: #09FF8E !important;
  146 +}
  147 +
  148 +.layui-laypage a,
  149 +.layui-laypage span {
  150 + padding: 4px 15px;
  151 +}
  152 +
  153 +
  154 +/* 星球画廊页面 */
  155 +
  156 +.happy_gallery_banner img {
  157 + width: 100%;
  158 +}
  159 +
  160 +.happy_gallery_con {
  161 + width: 1200px;
  162 + margin: 142px auto 100px;
  163 +}
  164 +
  165 +.show_IN1 {
  166 + float: left;
  167 + line-height: 1;
  168 +}
  169 +
  170 +.show_IN1 img {
  171 + width: 36px;
  172 + float: left;
  173 + margin-top: 4px;
  174 +}
  175 +
  176 +.show_IN1 p {
  177 + cursor: pointer;
  178 + float: left;
  179 + margin-left: 20px;
  180 + font-size: 40px;
  181 + font-weight: bold;
  182 + color: rgba(255, 255, 255, 1);
  183 +}
  184 +
  185 +.show_IN1 p span {
  186 + color: #09FF8E;
  187 +}
  188 +
  189 +.show_IN1 h2 {
  190 + float: left;
  191 + margin-left: 20px;
  192 + margin-top: 22px;
  193 + font-size: 20px;
  194 + font-weight: bold;
  195 + color: rgba(255, 255, 255, .8);
  196 +}
  197 +
  198 +.happy_gallery_con2 ul {
  199 + width: calc(100% + 53px);
  200 +}
  201 +
  202 +.happy_gallery_con2 ul li {
  203 + float: left;
  204 + margin-top: 40px;
  205 + margin-right: 53px;
  206 +}
  207 +
  208 +.happy_gallery_con2 ul li img {
  209 + width: 260px;
  210 +}
  211 +
  212 +
  213 +/* 良宿美寝页面 */
  214 +
  215 +.happy_house {
  216 + width: 1200px;
  217 + padding: 32px;
  218 + box-sizing: border-box;
  219 + margin: 78px auto 100px;
  220 + background: white;
  221 +}
  222 +
  223 +.happy_house h1 {
  224 + text-align: center;
  225 + font-size: 28px;
  226 + font-weight: bold;
  227 + color: rgba(26, 26, 26, 1);
  228 +}
  229 +
  230 +
  231 +/* 左侧 */
  232 +
  233 +.happy_house_left {
  234 + float: left;
  235 + width: 750px;
  236 + margin-top: 30px;
  237 +}
  238 +
  239 +.happy_house_leftImg1 {
  240 + width: 750px;
  241 + height: 444px;
  242 +}
  243 +
  244 +.happy_house_leftImg1 img {
  245 + width: 100%;
  246 + height: 100%;
  247 +}
  248 +
  249 +.happy_house_leftImg2 {
  250 + margin-top: 14px;
  251 + overflow: hidden;
  252 + width: calc(100% + 15px);
  253 +}
  254 +
  255 +.happy_house_leftImg2 div {
  256 + width: 240px;
  257 + height: 142px;
  258 + float: left;
  259 + cursor: pointer;
  260 + margin-right: 15px;
  261 + position: relative;
  262 +}
  263 +
  264 +.happy_house_leftImg2 img {
  265 + opacity: 0.9;
  266 + width: 100%;
  267 + height: 100%;
  268 +}
  269 +
  270 +.happy_house_leftImg2 div:hover:after {
  271 + opacity: 0;
  272 +}
  273 +
  274 +.happy_house_leftImg2 div:after {
  275 + content: "";
  276 + display: block;
  277 + width: 100%;
  278 + height: 100%;
  279 + position: absolute;
  280 + top: 0;
  281 + opacity: 0.6;
  282 + background: black;
  283 +}
  284 +
  285 +
  286 +/* 右侧 */
  287 +
  288 +.happy_house_right {
  289 + float: left;
  290 + margin-top: 8px;
  291 + margin-left: 35px;
  292 +}
  293 +
  294 +.happy_house_right ul li img {
  295 + width: 20px;
  296 +}
  297 +
  298 +.happy_house_right1 {
  299 + float: left;
  300 +}
  301 +
  302 +.happy_house_right ul li {
  303 + padding-bottom: 26px;
  304 + margin-top: 26px;
  305 + border-bottom: 1px dashed #CFCFCF;
  306 +}
  307 +
  308 +.happy_house_right ul li span {
  309 + font-size: 18px;
  310 + margin-left: 15px;
  311 + vertical-align: middle;
  312 + color: rgba(26, 26, 26, 1);
  313 +}
  314 +
  315 +.happy_house_right ul li p {
  316 + width: 240px;
  317 + vertical-align: middle;
  318 + display: inline-block;
  319 + font-size: 18px;
  320 + color: rgba(26, 26, 26, 1);
  321 +}
  322 +
  323 +.happy_house_rightTxt {
  324 + width: 350px;
  325 + height: 320px;
  326 + font-size: 16px;
  327 + margin-top: 29px;
  328 + color: rgba(102, 102, 102, 1);
  329 + line-height: 32px;
  330 + overflow: hidden;
  331 + text-overflow: ellipsis;
  332 + display: -webkit-box;
  333 + -webkit-line-clamp: 10;
  334 + -webkit-box-orient: vertical;
  335 +}
  336 +
  337 +
  338 +/* 评论 */
  339 +
  340 +.show_main2 {
  341 + width: 1200px;
  342 + margin: auto;
  343 +}
  344 +
  345 +.show_main2 textarea {
  346 + width: 100%;
  347 + height: 120px;
  348 + padding: 24px;
  349 + border: 0;
  350 + resize: none;
  351 + margin-top: 40px;
  352 + box-sizing: border-box;
  353 + background: rgba(255, 255, 255, 1);
  354 +}
  355 +
  356 +.show_main2_bottom {
  357 + line-height: 40px;
  358 + margin-top: 20px;
  359 +}
  360 +
  361 +.show_main2_bottom p {
  362 + float: left;
  363 + font-size: 14px;
  364 + color: rgba(255, 255, 255, 1);
  365 +}
  366 +
  367 +.show_main2_btn {
  368 + float: right;
  369 + width: 111px;
  370 + height: 42px;
  371 + border: 0;
  372 + cursor: pointer;
  373 + background: rgba(9, 255, 142, 1);
  374 + border-radius: 21px;
  375 + font-size: 20px;
  376 + color: rgba(26, 26, 26, 1);
  377 + line-height: 42px;
  378 + text-align: center;
  379 +}
  380 +
  381 +.layui-laypage a,
  382 +.layui-laypage span {
  383 + margin-right: 6px;
  384 +}
  385 +
  386 +.show_main2_show_H {
  387 + height: 352px;
  388 + overflow: hidden;
  389 +}
  390 +
  391 +.show_main2_show {
  392 + width: 100%;
  393 + background-color: white;
  394 + margin-top: 40px;
  395 + padding: 30px;
  396 + box-sizing: border-box;
  397 + margin-bottom: 100px;
  398 +}
  399 +
  400 +.show_comments_icon {
  401 + width: 44px;
  402 + float: left;
  403 +}
  404 +
  405 +.show_main2_show ul li {
  406 + margin: 0 30px 30px;
  407 + cursor: pointer;
  408 + padding-bottom: 30px;
  409 + box-sizing: border-box;
  410 + border-bottom: 1px solid #EBEBEB;
  411 +}
  412 +
  413 +.show_comments_con {
  414 + float: left;
  415 + width: 1000px;
  416 + margin-left: 24px;
  417 +}
  418 +
  419 +.show_comments_con h1 {
  420 + font-size: 18px;
  421 + font-weight: bold;
  422 + color: rgba(62, 228, 152, 1);
  423 +}
  424 +
  425 +.show_comments_con h2 {
  426 + font-size: 16px;
  427 + font-weight: 400;
  428 + line-height: 24px;
  429 + margin-top: 4px;
  430 + color: rgba(102, 102, 102, 1);
  431 +}
  432 +
  433 +.show_comments_con p {
  434 + font-size: 14px;
  435 + margin-top: 20px;
  436 + color: rgba(153, 153, 153, 1);
  437 +}
  438 +
  439 +.show_main_more {
  440 + cursor: pointer;
  441 + text-align: center;
  442 + font-size: 18px;
  443 + color: rgba(62, 228, 152, 1);
  444 +}
  445 +
  446 +
  447 +/* 便利出行页面 */
  448 +
  449 +.happy_travel {
  450 + width: 1200px;
  451 + padding: 40px 34px;
  452 + box-sizing: border-box;
  453 + margin: 78px auto;
  454 + background-color: white;
  455 +}
  456 +
  457 +.happy_travel_con1_img {
  458 + width: 620px;
  459 + height: 404px;
  460 + float: left;
  461 +}
  462 +
  463 +.happy_travel_con1_img img {
  464 + width: 100%;
  465 + height: 100%;
  466 +}
  467 +
  468 +.happy_travel_con1_txt {
  469 + width: 449px;
  470 + float: left;
  471 + margin-top: 30px;
  472 + margin-left: 55px;
  473 +}
  474 +
  475 +.happy_travel_con1_txt h1 {
  476 + font-size: 28px;
  477 + cursor: pointer;
  478 + color: rgba(26, 26, 26, 1);
  479 +}
  480 +
  481 +.happy_travel_con1_txt p {
  482 + font-size: 16px;
  483 + margin-top: 22px;
  484 + color: rgba(102, 102, 102, 1);
  485 + line-height: 32px;
  486 + height:256px;
  487 + overflow: hidden;
  488 + text-overflow: ellipsis;
  489 + display: -webkit-box;
  490 + -webkit-line-clamp: 8;
  491 + -webkit-box-orient: vertical;
  492 +}
  493 +
  494 +.happy_travel_con2 {
  495 + margin-top: 50px;
  496 + font-size: 16px;
  497 + color: rgba(102, 102, 102, 1);
  498 + line-height: 32px;
  499 +}
  500 +
  501 +
  502 +/* 活力生态页面 */
  503 +
  504 +.happy_ecological {
  505 + width: 1200px;
  506 + margin: 30px auto 100px;
  507 +}
  508 +
  509 +.happy_select {
  510 + width: 316px;
  511 + padding: 22px 0;
  512 + outline: none;
  513 + cursor: pointer;
  514 + background: rgba(255, 255, 255, 0.1);
  515 + border-radius: 30px;
  516 +}
  517 +
  518 +.happy_select img {
  519 + float: left;
  520 + margin-top: 4px;
  521 + padding-left: 30px;
  522 + box-sizing: border-box;
  523 +}
  524 +
  525 +.happy_select p {
  526 + float: left;
  527 + font-size: 18px;
  528 + margin-left: 14px;
  529 + color: rgba(255, 255, 255, 1);
  530 +}
  531 +
  532 +.happy_ecological_con2 {
  533 + margin-top: 40px;
  534 +}
  535 +
  536 +.happy_ecological_con2_1,
  537 +.happy_ecological_con2_2 {
  538 + margin-top: 18px;
  539 +}
  540 +
  541 +.happy_ecological_con2_1Img {
  542 + width: 388px;
  543 + height: 218px;
  544 +}
  545 +
  546 +.happy_ecological_con2_2Img {
  547 + width: 591px;
  548 + height: 332px;
  549 +}
  550 +
  551 +.happy_ecological_con2_1Img img,
  552 +.happy_ecological_con2_2Img img {
  553 + width: 100%;
  554 + height: 100%;
  555 +}
  556 +
  557 +.happy_ecological_con2_1 ul,
  558 +.happy_ecological_con2_2 ul {
  559 + width: calc(100% + 18px);
  560 +}
  561 +
  562 +.happy_ecological_con2_1 ul li {
  563 + width: 388px;
  564 +}
  565 +
  566 +.happy_ecological_con2_2 ul li {
  567 + width: 591px;
  568 +}
  569 +
  570 +.happy_ecological_con2_1 ul li,
  571 +.happy_ecological_con2_2 ul li {
  572 + cursor: pointer;
  573 + float: left;
  574 + margin-right: 18px;
  575 + background-color: white;
  576 +}
  577 +
  578 +.happy_ecological_con2_1Txt {
  579 + margin: auto;
  580 + padding: 14px 23px;
  581 +}
  582 +
  583 +.happy_ecological_con2_1Txt h1 {
  584 + height: 19px;
  585 + cursor: pointer;
  586 + font-weight: 600;
  587 + font-size: 16px;
  588 + overflow: hidden;
  589 + text-overflow: ellipsis;
  590 + white-space: nowrap;
  591 + color: rgba(26, 26, 26, 1);
  592 +}
  593 +
  594 +.happy_ecological_con2_1Txt p,
  595 +.happy_ecological_con2_2Txt p {
  596 + height: 48px;
  597 + overflow: hidden;
  598 + display: -webkit-box;
  599 + text-overflow: ellipsis;
  600 + -webkit-line-clamp: 2;
  601 + -webkit-box-orient: vertical;
  602 + font-size: 14px;
  603 + margin-top: 10px;
  604 + color: rgba(153, 153, 153, 1);
  605 + line-height: 24px;
  606 +}
  607 +
  608 +
  609 +/* 异域珍馐页面 */
  610 +
  611 +.happy_food {
  612 + width: 1200px;
  613 + margin: 30px auto 100px;
  614 +}
  615 +
  616 +.show_INMain_tit {
  617 + margin-top: 55px;
  618 +}
  619 +
  620 +.happy_food_con {
  621 + margin-top: 55px;
  622 +}
  623 +
  624 +.happy_food_con2 {
  625 + margin-top: 40px;
  626 +}
  627 +
  628 +.happy_food_con2_1 ul {
  629 + width: calc(100% + 16px);
  630 +}
  631 +
  632 +.happy_food_con2_1 ul li {
  633 + width: 592px;
  634 + float: left;
  635 + margin-right: 16px;
  636 + background-color: white;
  637 +}
  638 +
  639 +.happy_food_con2_1Img {
  640 + width: 592px;
  641 + height: 300px;
  642 +}
  643 +
  644 +.happy_food_con2_1Img img,
  645 +.happy_food_con2_2Img img {
  646 + width: 100%;
  647 + height: 100%;
  648 +}
  649 +
  650 +.happy_food_con2_1Txt {
  651 + padding: 14px 22px;
  652 + box-sizing: border-box;
  653 +}
  654 +
  655 +.happy_food_con2_1Txt h2 {
  656 + float: left;
  657 + cursor: pointer;
  658 + font-weight: 400;
  659 + font-size: 16px;
  660 + color: rgba(26, 26, 26, 1);
  661 +}
  662 +
  663 +.happy_food_con2_1Txt2 {
  664 + float: right;
  665 +}
  666 +
  667 +.happy_food_con2_1Txt2 div {
  668 + float: left;
  669 + cursor: pointer;
  670 + margin-left: 15px;
  671 +}
  672 +
  673 +.happy_food_con2_1Txt2 div img {
  674 + width: 15px;
  675 + display: inline-block;
  676 + margin-right: 2px;
  677 +}
  678 +
  679 +.happy_food_con2_1Txt2 div p {
  680 + display: inline-block;
  681 + margin-top: -2px;
  682 + vertical-align: middle;
  683 +}
  684 +
  685 +.happy_food_con2_2 {
  686 + margin-top: 24px;
  687 +}
  688 +
  689 +.happy_food_con2_2 ul {
  690 + width: calc(100% + 16px);
  691 +}
  692 +
  693 +.happy_food_con2_2 ul li {
  694 + width: 288px;
  695 + float: left;
  696 + margin-top: 16px;
  697 + margin-right: 16px;
  698 + background-color: white;
  699 +}
  700 +
  701 +.happy_food_con2_2Img {
  702 + width: 288px;
  703 + height: 146px;
  704 +}
  705 +
  706 +.happy_food_con2_2Txt2 {
  707 + padding: 8px 22px;
  708 + box-sizing: border-box;
  709 +}
  710 +
  711 +.happy_food_con2_2Txt2 h2 {
  712 + font-size: 16px;
  713 + cursor: pointer;
  714 + font-weight: 400;
  715 + margin-bottom: 5px;
  716 + color: rgba(26, 26, 26, 1);
  717 +}
  718 +
  719 +.happy_food_con2_2Txt2 div {
  720 + float: left;
  721 + cursor: pointer;
  722 + margin-right: 15px;
  723 +}
  724 +
  725 +.happy_food_con2_2Txt2 div img {
  726 + width: 15px;
  727 + display: inline-block;
  728 + margin-right: 2px;
  729 +}
  730 +
  731 +.happy_food_con2_2Txt2 div p,
  732 +.happy_food_con2_1Txt2 div p {
  733 + display: inline-block;
  734 + vertical-align: middle;
  735 + margin-top: -2px;
  736 + font-size: 14px;
  737 + color: rgba(153, 153, 153, 1);
  738 +}
  739 +
  740 +
  741 +/* 良宿美寝页面 */
  742 +
  743 +.happy_live {
  744 + width: 1200px;
  745 + margin: 30px auto 100px;
  746 +}
  747 +
  748 +.happy_live_con {
  749 + margin-top: 40px;
  750 +}
  751 +
  752 +.happy_live_con_1,
  753 +.happy_live_con_2 {
  754 + margin-top: 14px;
  755 +}
  756 +
  757 +.happy_live_con_1 {
  758 + position: relative;
  759 + width: 100%;
  760 + background-color: white;
  761 +}
  762 +
  763 +.happy_live_con_1_introduce {
  764 + cursor: pointer;
  765 + position: absolute;
  766 + top: 254px;
  767 + right: 24px;
  768 + width: 365px;
  769 + padding: 24px 16px;
  770 + box-sizing: border-box;
  771 + height: 160px;
  772 + background: rgba(0, 0, 0, 0.7);
  773 + font-size: 14px;
  774 + color: rgba(255, 255, 255, 1);
  775 + line-height: 24px;
  776 +}
  777 +
  778 +.happy_live_con_1Img {
  779 + width: 100%;
  780 + height: 438px;
  781 +}
  782 +
  783 +.happy_live_con_1Img img {
  784 + width: 100%;
  785 + height: 100%;
  786 +}
  787 +
  788 +.happy_live_con_1 p {
  789 + cursor: pointer;
  790 + font-size: 16px;
  791 + padding: 13px 28px;
  792 + box-sizing: border-box;
  793 + color: rgba(26, 26, 26, 1);
  794 +}
  795 +
  796 +.happy_live_con_2 ul {
  797 + width: calc(100% + 18px);
  798 +}
  799 +
  800 +.happy_live_con_2 ul li {
  801 + width: 388px;
  802 + float: left;
  803 + background-color: white;
  804 + margin-right: 18px;
  805 +}
  806 +
  807 +.happy_live_con_2Img {
  808 + width: 388px;
  809 + height: 240px;
  810 +}
  811 +
  812 +.happy_live_con_2Img img {
  813 + width: 100%;
  814 + height: 100%;
  815 +}
  816 +
  817 +.happy_live_con_2Txt {
  818 + padding: 15px 24px;
  819 + box-sizing: border-box;
  820 +}
  821 +
  822 +.happy_live_con_2Txt h1 {
  823 + cursor: pointer;
  824 + font-size: 16px;
  825 + font-weight: 400;
  826 + padding-bottom: 14px;
  827 + border-bottom: 1px dashed #CFCFCF;
  828 + color: rgba(26, 26, 26, 1);
  829 +}
  830 +
  831 +.happy_live_con_2Txt p {
  832 + font-size: 14px;
  833 + color: rgba(153, 153, 153, 1);
  834 + line-height: 22px;
  835 + margin-top: 12px;
  836 +}
  837 +
  838 +
  839 +/* 网红美景页面 */
  840 +
  841 +.happy_beauty {
  842 + width: 1200px;
  843 + margin: 30px auto 100px;
  844 +}
  845 +
  846 +.happy_beauty_con {
  847 + margin-top: 46px;
  848 +}
  849 +
  850 +.happy_beauty_con_1 {
  851 + background-color: white;
  852 + padding-bottom: 24px;
  853 +}
  854 +
  855 +.happy_beauty_con_1topimg1 {
  856 + width: 1200px;
  857 + height: 426px;
  858 +}
  859 +
  860 +.happy_beauty_con_1top {
  861 + position: relative;
  862 + display: none;
  863 +}
  864 +
  865 +.happy_beauty_con_1topTxt {
  866 + position: absolute;
  867 + width: 100%;
  868 + padding: 12px 26px;
  869 + box-sizing: border-box;
  870 + bottom: 0;
  871 + background: rgba(0, 0, 0, 0.6);
  872 +}
  873 +
  874 +.happy_beauty_con_1topimg1 img {
  875 + width: 100%;
  876 + height: 100%;
  877 +}
  878 +
  879 +.happy_beauty_con_1topTxt h1 {
  880 + font-size: 22px;
  881 + float: left;
  882 + font-weight: 400;
  883 + color: rgba(255, 255, 255, 1);
  884 +}
  885 +
  886 +.happy_food_con2_1Txt2 {
  887 + margin-top: 7px;
  888 +}
  889 +
  890 +.happy_beauty_active {
  891 + display: block;
  892 +}
  893 +
  894 +.happy_beauty_conTab {
  895 + margin: 24px 24px 0;
  896 +}
  897 +
  898 +.happy_beauty_conTab ul {
  899 + width: calc(100% + 8px);
  900 +}
  901 +
  902 +.happy_beauty_conTab ul li {
  903 + width: 224px;
  904 + float: left;
  905 + cursor: pointer;
  906 + margin-right: 8px;
  907 +}
  908 +
  909 +.happy_beauty_conTab ul li:hover p {
  910 + color: white;
  911 + background: rgba(36, 41, 48, 1);
  912 +}
  913 +
  914 +.happy_beauty_conTab ul li:hover span {
  915 + opacity: 0;
  916 +}
  917 +
  918 +.happy_beauty_conTab ul li p {
  919 + width: 100%;
  920 + padding: 10px 0;
  921 + box-sizing: border-box;
  922 + text-align: center;
  923 + font-size: 14px;
  924 + color: rgba(36, 41, 48, 1);
  925 +}
  926 +
  927 +.happy_beauty_conTabImg {
  928 + position: relative;
  929 + width: 224px;
  930 + height: 120px;
  931 +}
  932 +
  933 +.happy_beauty_conTabImg img {
  934 + width: 100%;
  935 + height: 100%;
  936 +}
  937 +
  938 +.happy_beauty_conTabImg span {
  939 + display: block;
  940 + position: absolute;
  941 + width: 100%;
  942 + height: 100%;
  943 + top: 0;
  944 + left: 0;
  945 + background-color: rgba(0, 0, 0, 0.6);
  946 +}
  947 +
  948 +
  949 +/* 便利出行页面 */
  950 +
  951 +.happy_convenient {
  952 + width: 1200px;
  953 + margin: 30px auto 150px;
  954 +}
  955 +
  956 +.happy_convenient_con {
  957 + margin-top: 40px;
  958 +}
  959 +
  960 +.happy_convenient_con_1Img {
  961 + cursor: pointer;
  962 + position: relative;
  963 + width: 388px;
  964 + height: 200px;
  965 + float: left;
  966 +}
  967 +
  968 +.happy_convenient_con_1Img span {
  969 + display: block;
  970 + width: 100%;
  971 + height: 100%;
  972 + position: absolute;
  973 + top: 0;
  974 + left: 0;
  975 + background-color: rgba(255, 255, 255, 0.4)
  976 +}
  977 +
  978 +.happy_convenient_con_1Img:hover span {
  979 + opacity: 0;
  980 +}
  981 +
  982 +.happy_convenient_con_1Img img {
  983 + width: 100%;
  984 + height: 100%;
  985 +}
  986 +
  987 +.happy_convenient_con_1Img:nth-child(2) {
  988 + margin: 0 16px;
  989 +}
  990 +
  991 +.happy_convenient_con_2 {
  992 + width: 100%;
  993 + padding: 0 30px 30px;
  994 + box-sizing: border-box;
  995 + margin-top: 14px;
  996 + background-color: white;
  997 +}
  998 +
  999 +.happy_convenient_con_2 ul {
  1000 + overflow: hidden;
  1001 +}
  1002 +
  1003 +.happy_convenient_con_2 ul li {
  1004 + padding-bottom: 30px;
  1005 + margin-top: 30px;
  1006 + border-bottom: 1px solid #EBEBEB;
  1007 +}
  1008 +
  1009 +.happy_convenient_con_2 ul li:last-child {
  1010 + padding-bottom: 0;
  1011 + border-bottom: 0;
  1012 +}
  1013 +
  1014 +.happy_convenient_con_2Img {
  1015 + width: 230px;
  1016 + height: 150px;
  1017 + float: left;
  1018 +}
  1019 +
  1020 +.happy_convenient_con_2Img img {
  1021 + width: 100%;
  1022 + height: 100%;
  1023 +}
  1024 +
  1025 +.happy_convenient_con_2_txt {
  1026 + width: 870px;
  1027 + float: left;
  1028 + margin-left: 29px;
  1029 + margin-top: 36px;
  1030 +}
  1031 +
  1032 +.happy_convenient_con_2_txt h1 {
  1033 + font-size: 18px;
  1034 + color: rgba(26, 26, 26, 1);
  1035 +}
  1036 +
  1037 +.happy_convenient_con_2_txt p {
  1038 + font-size: 14px;
  1039 + margin-top: 10px;
  1040 + color: rgba(153, 153, 153, 1);
  1041 + line-height: 22px;
  1042 + height:44px;
  1043 + overflow: hidden;
  1044 + text-overflow: ellipsis;
  1045 + display: -webkit-box;
  1046 + -webkit-line-clamp: 2;
  1047 + -webkit-box-orient: vertical;
  1048 +}
  1 +/* css公共样式 */
  2 +
  3 +body,
  4 +ol,
  5 +ul,
  6 +h1,
  7 +h2,
  8 +h3,
  9 +h4,
  10 +h5,
  11 +h6,
  12 +p,
  13 +th,
  14 +td,
  15 +dl,
  16 +dd,
  17 +form,
  18 +fieldset,
  19 +legend,
  20 +input,
  21 +textarea,
  22 +select {
  23 + margin: 0;
  24 + padding: 0;
  25 +}
  26 +
  27 +body {
  28 + font: 12px "微软雅黑", "MicrosoftYaHei", HELVETICA;
  29 + background: #fff;
  30 + -webkit-text-size-adjust: 100%;
  31 +}
  32 +
  33 +a {
  34 + color: #2d374b;
  35 + text-decoration: none;
  36 +}
  37 +
  38 +em,
  39 +i {
  40 + font-style: normal;
  41 +}
  42 +
  43 +li {
  44 + list-style: none;
  45 +}
  46 +
  47 +img {
  48 + border: 0;
  49 + vertical-align: middle;
  50 +}
  51 +
  52 +table {
  53 + border-collapse: collapse;
  54 + border-spacing: 0;
  55 +}
  56 +
  57 +p {
  58 + word-wrap: break-word;
  59 +}
  60 +
  61 +body {
  62 + background-color: #3C3C94;
  63 +}
  64 +
  65 +.clearfix::after {
  66 + content: ".";
  67 + clear: both;
  68 + display: block;
  69 + overflow: hidden;
  70 + font-size: 0;
  71 + height: 0;
  72 +}
  73 +
  74 +.clearfix {
  75 + zoom: 1;
  76 +}
  77 +
  78 +
  79 +/* css公共样式 */
  80 +
  81 +
  82 +/* show_index */
  83 +
  84 +
  85 +/* banner轮播图 */
  86 +
  87 +.show_InMain_box {
  88 + margin-top: 51px !important;
  89 +}
  90 +
  91 +.happy_banner {
  92 + position: relative
  93 +}
  94 +
  95 +.happy_banner img {
  96 + width: 100%;
  97 + height: 678px;
  98 +}
  99 +
  100 +.happy_banner h3 {
  101 + width: 530px;
  102 + height: 42px;
  103 + font-size: 58px;
  104 + font-family: Quicksand-Bold;
  105 + font-weight: bold;
  106 + color: rgba(255, 255, 255, 1);
  107 + line-height: 48px;
  108 + text-shadow: 0px 6px 14px rgba(0, 0, 0, 0.3);
  109 + position: absolute;
  110 + top: 499px;
  111 + left: 365px
  112 +}
  113 +
  114 +
  115 +/* 搜索框 */
  116 +
  117 +.happy_search {
  118 + width: 1200px;
  119 + margin: 0 auto;
  120 + position: relative;
  121 + padding-top: 30px;
  122 +}
  123 +
  124 +.happy_search input {
  125 + width: 316px;
  126 + height: 60px;
  127 + background: rgba(255, 255, 255, 1);
  128 + opacity: 0.1;
  129 + border-radius: 30px;
  130 + padding-left: 60px
  131 +}
  132 +
  133 +
  134 +/* 搜索框图标 */
  135 +
  136 +.happy_search_icon {
  137 + position: absolute;
  138 + top: 25px;
  139 + left: 30px;
  140 +}
  141 +
  142 +.happy_search_icon img {
  143 + width: 16px;
  144 + height: 18px;
  145 + margin-right: 14px;
  146 + margin-bottom: 5px
  147 +}
  148 +
  149 +.happy_search_icon .address {
  150 + width: 72px;
  151 + height: 18px;
  152 + font-size: 18px;
  153 + font-family: MicrosoftYaHei;
  154 + font-weight: 400;
  155 + color: rgba(255, 255, 255, 1);
  156 + line-height: 73px;
  157 +}
  158 +
  159 +.show_in_banner2 {
  160 + width: 120px;
  161 + position: absolute;
  162 + top: 50%;
  163 + left: 50%;
  164 + transform: translate(-50%, -50%);
  165 + -ms-transform: translate(-50%, -50%);
  166 + -moz-transform: translate(-50%, -50%);
  167 + -webkit-transform: translate(-50%, -50%);
  168 + -o-transform: translate(-50%, -50%);
  169 +}
  170 +
  171 +#video {
  172 + display: block;
  173 +}
  174 +
  175 +.happy_InMain {
  176 + margin-bottom: 100px;
  177 + overflow: hidden;
  178 + width: 100%;
  179 + background-image: url("../starImg/aicon_04.png")
  180 +}
  181 +
  182 +.happy_InMain_box {
  183 + width: 1200px;
  184 + margin: auto;
  185 + margin-top: 51px;
  186 +}
  187 +
  188 +.happy_IN1 {
  189 + float: left;
  190 + line-height: 1;
  191 + margin-bottom: 40px;
  192 +}
  193 +
  194 +.happy_IN1 img {
  195 + width: 36px;
  196 + float: left;
  197 + margin-top: 4px;
  198 +}
  199 +
  200 +.happy_IN1 p {
  201 + float: left;
  202 + margin-left: 20px;
  203 + font-size: 40px;
  204 + font-weight: bold;
  205 + color: rgba(255, 255, 255, 1);
  206 +}
  207 +
  208 +.happy_IN1 p span {
  209 + color: #09FF8E;
  210 +}
  211 +
  212 +.happy_IN1 h2 {
  213 + float: left;
  214 + margin-left: 20px;
  215 + margin-top: 22px;
  216 + font-size: 20px;
  217 + font-weight: bold;
  218 + color: rgba(255, 255, 255, .8);
  219 +}
  220 +
  221 +.happy_IN2 {
  222 + float: right;
  223 + width: 125px;
  224 + height: 42px;
  225 + text-align: center;
  226 + line-height: 42px;
  227 + background: rgba(9, 255, 142, 1);
  228 + border-radius: 21px;
  229 + font-size: 24px;
  230 + font-family: Impact;
  231 + font-weight: 400;
  232 + color: rgba(26, 26, 26, 1);
  233 +}
  234 +
  235 +
  236 +/* 星球故事 */
  237 +
  238 +.show_InMain_box2 {
  239 + width: 1200px;
  240 + margin: auto;
  241 + margin-top: 100px;
  242 +}
  243 +
  244 +.swiper-container2 {
  245 + position: relative;
  246 + width: 1200px;
  247 + overflow: hidden;
  248 +}
  249 +
  250 +.swiper-container2 .swiper-wrapper {
  251 + height: 242px;
  252 +}
  253 +
  254 +.swiper-container2 ul li {
  255 + width: 288px !important;
  256 +}
  257 +
  258 +.show_index_con2Txt {
  259 + width: 1200px;
  260 + height: 400px;
  261 + background-color: white;
  262 +}
  263 +
  264 +.show_indexImg1 {
  265 + width: 400px;
  266 + float: left;
  267 + height:400px;
  268 +}
  269 +
  270 +.show_index_con2Txt2 {
  271 + width: 712px;
  272 + height: 252px;
  273 + float: left;
  274 + margin-left: 39px;
  275 + margin-top: 43px;
  276 + font-size: 16px;
  277 + color: rgba(102, 102, 102, 1);
  278 + line-height: 28px;
  279 + overflow: hidden;
  280 + text-overflow: ellipsis;
  281 + display: -webkit-box;
  282 + -webkit-line-clamp: 9;
  283 + -webkit-box-orient: vertical;
  284 +}
  285 +
  286 +.show_index_progress {
  287 + width: 800px;
  288 + height: 50px;
  289 + float: left;
  290 + margin-top: 55px;
  291 + background: rgba(225, 225, 230, 1);
  292 +}
  293 +
  294 +.show_index_progress img {
  295 + margin: 10px 0 0 45px;
  296 +}
  297 +
  298 +.swiper-button-next2,
  299 +.swiper-button-prev2 {
  300 + position: absolute;
  301 + width: 34px;
  302 + height: 34px;
  303 + z-index: 10;
  304 + cursor: pointer;
  305 + border-radius: 50%;
  306 + background-size: 34px 34x;
  307 + background-position: center;
  308 + background-repeat: no-repeat;
  309 +}
  310 +
  311 +.swiper-button-prev2,
  312 +.swiper-button-next2 {
  313 + background-color: rgba(9, 255, 142, 1);
  314 +}
  315 +
  316 +.swiper-button-next2.swiper-button-disabled,
  317 +.swiper-button-prev2.swiper-button-disabled {
  318 + opacity: 1;
  319 + cursor: auto;
  320 + pointer-events: none;
  321 + background-color: white;
  322 +}
  323 +
  324 +.swiper-button-prev2 {
  325 + position: static;
  326 + float: left;
  327 + background-size: 14px 14px;
  328 + background-image: url("../starImg/left.png")
  329 +}
  330 +
  331 +.swiper-button-next2 {
  332 + position: static;
  333 + float: left;
  334 + background-size: 14px 14px;
  335 + background-image: url("../starImg/right.png")
  336 +}
  337 +
  338 +.swiper-pagination {
  339 + position: static;
  340 + float: left;
  341 + margin: 9px 16px 0;
  342 +}
  343 +
  344 +.swiper-button-next2 {
  345 + position: static;
  346 + float: left;
  347 +}
  348 +
  349 +.swiper-pagination-clickable .swiper-pagination-bullet {
  350 + margin-right: 8px;
  351 +}
  352 +
  353 +.swiper-pagination-clickable .swiper-pagination-bullet:last-child {
  354 + margin-right: 0px;
  355 +}
  356 +
  357 +.swiper-pagination-bullet {
  358 + background: rgba(255, 255, 255, 1);
  359 + opacity: 0.6;
  360 +}
  361 +
  362 +.swiper-pagination-bullet-active {
  363 + background: rgba(9, 255, 142, 1);
  364 + opacity: 0.6;
  365 +}
  366 +
  367 +.show_swiper2_btn {
  368 + margin-top: 30px;
  369 + left: 45%;
  370 + z-index: 1;
  371 + position: relative;
  372 +}
  373 +
  374 +
  375 +/* 网红美景 */
  376 +
  377 +.happy_food_con2_2Img img {
  378 + width: 100%;
  379 + height: 100%;
  380 +}
  381 +
  382 +.happy_food_con2_2 ul {
  383 + width: calc(100% + 16px);
  384 +}
  385 +
  386 +.happy_food_con2_2 ul li {
  387 + width: 288px;
  388 + float: left;
  389 + margin-right: 16px;
  390 + background-color: white;
  391 +}
  392 +
  393 +.happy_food_con2_2Img {
  394 + width: 288px;
  395 + height: 180px;
  396 +}
  397 +
  398 +.happy_food_con2_2Txt2 {
  399 + padding: 8px 22px;
  400 + box-sizing: border-box;
  401 +}
  402 +
  403 +.happy_food_con2_2Txt2 h2 {
  404 + font-size: 16px;
  405 + cursor: pointer;
  406 + font-weight: 400;
  407 + margin-bottom: 5px;
  408 + color: rgba(26, 26, 26, 1);
  409 +}
  410 +
  411 +.happy_food_con2_2Txt2 div {
  412 + float: left;
  413 + cursor: pointer;
  414 + margin-right: 15px;
  415 +}
  416 +
  417 +.happy_food_con2_2Txt2 div img {
  418 + width: 15px;
  419 + display: inline-block;
  420 + margin-right: 2px;
  421 +}
  422 +
  423 +.happy_food_con2_2Txt2 div p {
  424 + display: inline-block;
  425 + vertical-align: middle;
  426 + margin-top: -2px;
  427 + font-size: 14px;
  428 + color: rgba(153, 153, 153, 1);
  429 +}
  430 +
  431 +
  432 +/*异域珍馐 */
  433 +
  434 +.swiper-container3 {
  435 + overflow: hidden;
  436 +}
  437 +
  438 +.happy_food_con2_1 ul {
  439 + width: calc(100% + 16px);
  440 +}
  441 +
  442 +.happy_food_con2_1 ul li {
  443 + width: 592px;
  444 + float: left;
  445 + margin-right: 16px;
  446 + background-color: white;
  447 +}
  448 +
  449 +.happy_food_con2_1Img {
  450 + width: 592px;
  451 + height: 300px;
  452 +}
  453 +
  454 +.happy_food_con2_1Img img {
  455 + width: 100%;
  456 + height: 100%;
  457 +}
  458 +
  459 +.happy_food_con2_1Txt {
  460 + padding: 14px 22px;
  461 + box-sizing: border-box;
  462 +}
  463 +
  464 +.happy_food_con2_1Txt h2 {
  465 + float: left;
  466 + cursor: pointer;
  467 + font-weight: 400;
  468 + font-size: 16px;
  469 + color: rgba(26, 26, 26, 1);
  470 +}
  471 +
  472 +
  473 +/* 良宿美寝 */
  474 +
  475 +.swiper-container4 {
  476 + overflow: hidden;
  477 +}
  478 +
  479 +.swiper-container4 .swiper-slide {
  480 + background-color: white;
  481 +}
  482 +
  483 +.happy_live_con_1 {
  484 + width: 100%;
  485 +}
  486 +
  487 +.happy_live_con_1Img {
  488 + width: 100%;
  489 + height: 438px;
  490 +}
  491 +
  492 +.happy_live_con_1Img img {
  493 + width: 100%;
  494 + height: 100%;
  495 +}
  496 +
  497 +.happy_live_con_1 p {
  498 + cursor: pointer;
  499 + font-size: 16px;
  500 + padding: 13px 28px;
  501 + box-sizing: border-box;
  502 + color: rgba(26, 26, 26, 1);
  503 +}
  504 +
  505 +
  506 +/* 活力生态 */
  507 +
  508 +.happy_ecological_con2_1Img {
  509 + width: 388px;
  510 + height: 218px;
  511 +}
  512 +
  513 +.happy_ecological_con2_2Img {
  514 + width: 591px;
  515 + height: 332px;
  516 +}
  517 +
  518 +.happy_ecological_con2_1Img img {
  519 + width: 100%;
  520 + height: 100%;
  521 +}
  522 +
  523 +.happy_ecological_con2_1 ul {
  524 + width: calc(100% + 18px);
  525 +}
  526 +
  527 +.happy_ecological_con2_1 ul li {
  528 + width: 388px;
  529 +}
  530 +
  531 +.happy_ecological_con2_2 ul li {
  532 + width: 591px;
  533 +}
  534 +
  535 +.happy_ecological_con2_1 ul li {
  536 + cursor: pointer;
  537 + float: left;
  538 + margin-right: 18px;
  539 + background-color: white;
  540 +}
  541 +
  542 +.happy_ecological_con2_1Txt {
  543 + margin: auto;
  544 + padding: 14px 23px;
  545 +}
  546 +
  547 +.happy_ecological_con2_1Txt h1 {
  548 + height: 19px;
  549 + cursor: pointer;
  550 + font-weight: 600;
  551 + font-size: 16px;
  552 + overflow: hidden;
  553 + text-overflow: ellipsis;
  554 + white-space: nowrap;
  555 + color: rgba(26, 26, 26, 1);
  556 +}
  557 +
  558 +.happy_ecological_con2_1Txt p {
  559 + height: 48px;
  560 + overflow: hidden;
  561 + display: -webkit-box;
  562 + text-overflow: ellipsis;
  563 + -webkit-line-clamp: 2;
  564 + -webkit-box-orient: vertical;
  565 + font-size: 14px;
  566 + margin-top: 10px;
  567 + color: rgba(153, 153, 153, 1);
  568 + line-height: 24px;
  569 +}
  570 +
  571 +
  572 +/* 便利出行 */
  573 +
  574 +.happy_convenient_con_1Img {
  575 + cursor: pointer;
  576 + position: relative;
  577 + width: 388px;
  578 + height: 200px;
  579 + float: left;
  580 +}
  581 +
  582 +.happy_convenient_con_1Img img {
  583 + width: 100%;
  584 + height: 100%;
  585 +}
  586 +
  587 +.happy_convenient_con_1Img:nth-child(2) {
  588 + margin: 0 16px;
  589 +}
  590 +
  591 +
  592 +/* 星球奇遇-异域珍馐 */
  593 +
  594 +
  595 +/* happy_foods */
  596 +
  597 +.happy_foods_banner img {
  598 + width: 100%;
  599 + height: 678px;
  600 +}
  601 +
  602 +
  603 +/* happy_foods*/
  604 +
  605 +.happy_foods {
  606 + width: 1200px;
  607 + margin: auto;
  608 +}
  609 +
  610 +.happy_foods_banner {
  611 + margin-top: 78px;
  612 +}
  613 +
  614 +
  615 +/*内容*/
  616 +
  617 +.happy_foodsCont {
  618 + width: 100%;
  619 + margin-top: 20px;
  620 + line-height: 30px;
  621 + padding: 0 50px 50px;
  622 + box-sizing: border-box;
  623 + background-color: white;
  624 +}
  625 +
  626 +.happy_foods_Tit {
  627 + padding-top: 54px;
  628 +}
  629 +
  630 +.happy_foods_Tit h1 {
  631 + float: left;
  632 + cursor: pointer;
  633 + font-size: 32px;
  634 + color: rgba(26, 26, 26, 1);
  635 +}
  636 +
  637 +.happy_foods_Tit p {
  638 + float: right;
  639 + cursor: pointer;
  640 + font-size: 22px;
  641 + line-height: 40px;
  642 + color: rgba(102, 102, 102, 1);
  643 +}
  644 +
  645 +
  646 +/* 文字内容 */
  647 +
  648 +.happy_foods_txt p {
  649 + margin-top: 30px;
  650 + font-size: 16px;
  651 + color: rgba(102, 102, 102, 1);
  652 + line-height: 32px;
  653 +}
  654 +
  655 +.happy_foods_banner {
  656 + width: 100%;
  657 + margin-top: 38px;
  658 +}
  659 +
  660 +.happy_foodes textarea {
  661 + width: 100%;
  662 + height: 120px;
  663 + padding: 24px;
  664 + border: 0;
  665 + margin-top: 40px;
  666 + box-sizing: border-box;
  667 + background: rgba(255, 255, 255, 1);
  668 +}
  669 +
  670 +.happy_foodes_bottom {
  671 + line-height: 40px;
  672 + margin-top: 20px;
  673 +}
  674 +
  675 +.happy_foodes_bottom p {
  676 + float: left;
  677 + font-size: 14px;
  678 + color: rgba(255, 255, 255, 1);
  679 +}
  680 +
  681 +.happy_foodes_btn {
  682 + float: right;
  683 + width: 111px;
  684 + height: 42px;
  685 + border: 0;
  686 + cursor: pointer;
  687 + background: rgba(9, 255, 142, 1);
  688 + border-radius: 21px;
  689 + font-size: 20px;
  690 + color: rgba(26, 26, 26, 1);
  691 + line-height: 42px;
  692 + text-align: center;
  693 +}
  694 +
  695 +.happy_foodes_show {
  696 + width: 100%;
  697 + background-color: white;
  698 + margin-top: 40px;
  699 + padding: 30px;
  700 + box-sizing: border-box;
  701 + margin-bottom: 100px;
  702 +}
  703 +
  704 +.happy_foodese_icon {
  705 + width: 44px;
  706 + float: left;
  707 +}
  708 +
  709 +.happy_foodes_show ul li {
  710 + margin: 0 30px 30px;
  711 + cursor: pointer;
  712 + padding-bottom: 30px;
  713 + box-sizing: border-box;
  714 + border-bottom: 1px solid #EBEBEB;
  715 +}
  716 +
  717 +.happy_foodese_con {
  718 + float: left;
  719 + width: 1000px;
  720 + margin-left: 24px;
  721 +}
  722 +
  723 +.happy_foodese_con h1 {
  724 + font-size: 18px;
  725 + font-weight: bold;
  726 + color: rgba(62, 228, 152, 1);
  727 +}
  728 +
  729 +.happy_foodese_con h2 {
  730 + font-size: 16px;
  731 + font-weight: 400;
  732 + line-height: 24px;
  733 + margin-top: 4px;
  734 + color: rgba(102, 102, 102, 1);
  735 +}
  736 +
  737 +.happy_foodese_con p {
  738 + font-size: 14px;
  739 + margin-top: 20px;
  740 + color: rgba(153, 153, 153, 1);
  741 +}
  742 +
  743 +.happy_foods_more {
  744 + text-align: center;
  745 + font-size: 18px;
  746 + color: rgba(62, 228, 152, 1);
  747 +}
@@ -178,6 +178,21 @@ @@ -178,6 +178,21 @@
178 /*margin-top: 20px*/ 178 /*margin-top: 20px*/
179 /*}*/ 179 /*}*/
180 180
181 -#register,#login{ 181 +#register,#login,.login_person{
182 cursor: pointer; 182 cursor: pointer;
183 } 183 }
  184 +.login_person{
  185 + margin-left: 13px;
  186 +}
  187 +.login_person img{
  188 + width: 44px;
  189 + height:44px;
  190 + border-radius:50%;
  191 +}
  192 +.login_person span{
  193 + font-size:14px;
  194 + color:rgba(51,51,51,1);
  195 + margin-left: 10px;
  196 + display: inline-block;
  197 + vertical-align:middle;
  198 +}
@@ -170,7 +170,8 @@ p { @@ -170,7 +170,8 @@ p {
170 } 170 }
171 171
172 #star_main .star_happy em p { 172 #star_main .star_happy em p {
173 - margin-left: 6px 173 + margin-left: 6px;
  174 +
174 } 175 }
175 176
176 177
@@ -379,19 +380,19 @@ p { @@ -379,19 +380,19 @@ p {
379 /*远近度*/ 380 /*远近度*/
380 perspective: 400px; 381 perspective: 400px;
381 -webkit-perspective: 400; 382 -webkit-perspective: 400;
382 - transition: all 1s;  
383 - -ms-transition: all 1s;  
384 - -moz-transition: all 1s;  
385 - -webkit-transition: all 1s;  
386 - -o-transition: all 1s; 383 + transition: all 2s;
  384 + -ms-transition: all 2s;
  385 + -moz-transition: all 2s;
  386 + -webkit-transition: all 2s;
  387 + -o-transition: all 2s;
387 } 388 }
388 389
389 .hovers { 390 .hovers {
390 - transition: all 1s;  
391 - -ms-transition: all 1s;  
392 - -moz-transition: all 1s;  
393 - -webkit-transition: all 1s;  
394 - -o-transition: all 1s; 391 + transition: all 2s;
  392 + -ms-transition: all 2s;
  393 + -moz-transition: all 2s;
  394 + -webkit-transition: all 2s;
  395 + -o-transition: all 2s;
395 /*背面不可视*/ 396 /*背面不可视*/
396 backface-visibility: hidden; 397 backface-visibility: hidden;
397 } 398 }
@@ -410,11 +411,11 @@ p { @@ -410,11 +411,11 @@ p {
410 -moz-transform: rotateY(180deg); 411 -moz-transform: rotateY(180deg);
411 -webkit-transform: rotateY(180deg); 412 -webkit-transform: rotateY(180deg);
412 -o-transform: rotateY(180deg); 413 -o-transform: rotateY(180deg);
413 - transition: all 1s;  
414 - -ms-transition: all 1s;  
415 - -moz-transition: all 1s;  
416 - -webkit-transition: all 1s;  
417 - -o-transition: all 1s; 414 + transition: all 2s;
  415 + -ms-transition: all 2s;
  416 + -moz-transition: all 2s;
  417 + -webkit-transition: all 2s;
  418 + -o-transition: all 2s;
418 position: absolute; 419 position: absolute;
419 top: 0px; 420 top: 0px;
420 left: 0px; 421 left: 0px;
@@ -578,7 +579,13 @@ p { @@ -578,7 +579,13 @@ p {
578 /* width:100%; 579 /* width:100%;
579 height:675px; */ 580 height:675px; */
580 } 581 }
581 - 582 +.show_in_poster{
  583 + width: 100%;
  584 + height: 100%;
  585 + position:absolute;
  586 + top:0;
  587 + left: 0;
  588 + }
582 589
583 /* 播放按钮 */ 590 /* 播放按钮 */
584 591
@@ -602,9 +609,8 @@ p { @@ -602,9 +609,8 @@ p {
602 /* 人物简介 */ 609 /* 人物简介 */
603 610
604 #star_main .star_planet .star_personal { 611 #star_main .star_planet .star_personal {
605 - margin-top: 40px; 612 + margin-top: 76px;
606 width: 1200px; 613 width: 1200px;
607 - height: 220px;  
608 } 614 }
609 615
610 616
1 .mask{ 1 .mask{
2 position:fixed; 2 position:fixed;
3 - left: 44%; 3 + /*left: 44%;*/
  4 + top: 40%;
  5 + left: 50%;
  6 + transform: translate(-50%,-50%);
  7 + -webkit-transform: translate(-50%,-50%);
  8 + -o-transform: translate(-50%,-50%);
  9 + -moz-transform: translate(-50%,-50%);
  10 + -ms-transform: translate(-50%,-50%);
4 display: none; 11 display: none;
5 - top: 300px; 12 + /*top: 300px;*/
6 padding: 24px 32px; 13 padding: 24px 32px;
7 box-sizing:border-box; 14 box-sizing:border-box;
8 background:rgba(0,0,0,0.6); 15 background:rgba(0,0,0,0.6);
9 border-radius:10px; 16 border-radius:10px;
10 font-size:18px; 17 font-size:18px;
11 color:rgba(255,255,255,1); 18 color:rgba(255,255,255,1);
  19 + z-index: 1000;
12 } 20 }
  1 +.personal_center {
  2 + width: 519px;
  3 + height: 432px;
  4 + background: rgba(255, 255, 255, 1);
  5 + box-shadow: 0px 32px 36px 2px rgba(0, 0, 0, 0.04);
  6 + border-radius: 20px;
  7 + margin: 0 auto;
  8 + position: relative;
  9 + padding: 0 160px;
  10 + padding-top: 116px;
  11 + box-sizing: border-box;
  12 +}
  13 +
  14 +.personal_center_avatar {
  15 + width: 150px;
  16 + height: 150px;
  17 + background: #fff;
  18 + border-radius: 50%;
  19 + top: -75px;
  20 + position: absolute;
  21 + left: 185px;
  22 +}
  23 +
  24 +.personal_center_avatar img {
  25 + margin: 5px;
  26 + width:140px;
  27 + height:140px;
  28 +}
  29 +
  30 +.Editor_avatar,
  31 +.Modifying,
  32 +.Collection {
  33 + height: 64px;
  34 + background: rgba(43, 213, 135, 1);
  35 + border-radius: 32px;
  36 + padding: 22px 41px;
  37 + box-sizing: border-box;
  38 + color: #fff;
  39 + font-size: 20px;
  40 + margin-bottom: 24px;
  41 + cursor: pointer;
  42 +}
  43 +
  44 +.Editor_avatar_icon,
  45 +.Modifying_icon,
  46 +.Collection_icon {
  47 + width: 20px;
  48 + height: 20px;
  49 + float: left;
  50 +}
  51 +
  52 +.personal_center img {
  53 + display: block;
  54 + vertical-align: middle;
  55 +}
  56 +
  57 +.Editor_avatar span ,.Modifying span ,.Collection span{
  58 + float: right;
  59 + line-height: 20px;
  60 +}
  61 +.updateInfo{
  62 + width:340px;
  63 + margin-bottom:50px;
  64 + margin-left:-60px;
  65 +}
  66 +.updateInfo span{
  67 + font-size:22px;
  68 + font-family:MicrosoftYaHei;
  69 + font-weight:400;
  70 + color:rgba(102,102,102,1);
  71 +}
  72 +.updateInfo input{
  73 + width:240px;
  74 + height:40px;
  75 + background:rgba(235,235,235,1);
  76 + border-radius:4px;
  77 + border:none;
  78 + outline:medium;
  79 + font-size:20px;
  80 + color:rgba(51,51,51,1);
  81 + margin-left:10px;
  82 + padding-left:10px;
  83 +}
  84 +.save_info{
  85 + color: rgba(26,26,26,1);;
  86 + font-size: 18px;
  87 + cursor: pointer;
  88 + text-align:center;
  89 + margin-left:35px;
  90 + width:125px;
  91 + height:42px;
  92 + background:rgba(9,255,142,1);
  93 + border-radius:21px;
  94 +}
  95 +.save_info span{
  96 + line-height:38px;
  97 + vertical-align: middle;
  98 +}
  99 +#personal-photo{
  100 + position: absolute;
  101 + width: 150px;
  102 + height: 55px;
  103 + font-size: 12px;
  104 + right: 185px;
  105 + top: 120px;
  106 + opacity: 0;
  107 + cursor: pointer;
  108 +}
@@ -998,3 +998,221 @@ body { @@ -998,3 +998,221 @@ body {
998 color: rgba(102, 102, 102, 1); 998 color: rgba(102, 102, 102, 1);
999 line-height: 32px; 999 line-height: 32px;
1000 } 1000 }
  1001 +/* 星球影院页 */
  1002 +
  1003 +.show_9 {
  1004 + width: 1200px;
  1005 + margin: 75px auto 100px;
  1006 +}
  1007 +
  1008 +.show_9_video {
  1009 + float: left;
  1010 + position: relative;
  1011 + width: 955px;
  1012 + height: 426px;
  1013 + background-color: black;
  1014 +}
  1015 +
  1016 +.video_poster {
  1017 + position: absolute;
  1018 + top: 0;
  1019 + width: 100%;
  1020 + height: 426px;
  1021 +}
  1022 +
  1023 +.show_9_video .play_button {
  1024 + position: absolute;
  1025 + left: 0;
  1026 + right: 0;
  1027 + margin: auto;
  1028 + top: 35%;
  1029 +}
  1030 +
  1031 +.show_9_video_aside {
  1032 + width: 245px;
  1033 + height: 426px;
  1034 + overflow-y: scroll;
  1035 + padding: 24px 10px 0;
  1036 + box-sizing: border-box;
  1037 + background: rgba(49, 49, 49, 1);
  1038 +}
  1039 +
  1040 +.show_9_video_aside::-webkit-scrollbar {
  1041 + width: 6px;
  1042 + background: rgba(73, 73, 73, 1);
  1043 +}
  1044 +
  1045 +.show_9_video_aside::-webkit-scrollbar-thumb {
  1046 + width: 6px;
  1047 + background: rgba(107, 107, 107, 1);
  1048 +}
  1049 +
  1050 +.show_9_video_asideTie {
  1051 + height: 32px;
  1052 + line-height: 32px;
  1053 + box-sizing: border-box;
  1054 +}
  1055 +
  1056 +.select {
  1057 + position: relative;
  1058 +}
  1059 +
  1060 +.select ul {
  1061 + display: none;
  1062 + position: absolute;
  1063 + width: 142px;
  1064 + top: 32px;
  1065 + left: 52px;
  1066 + z-index: 1;
  1067 +}
  1068 +
  1069 +.select ul li {
  1070 + cursor: pointer;
  1071 + border-bottom: 1px solid #EBEBEB;
  1072 + padding-left: 16px;
  1073 + background-color: white;
  1074 +}
  1075 +
  1076 +.select ul li:last-child {
  1077 + border-bottom: 0;
  1078 +}
  1079 +
  1080 +.select ul li:hover {
  1081 + background: #09FF8E;
  1082 +}
  1083 +
  1084 +.show_9_video_asideTie .select input {
  1085 + cursor: pointer;
  1086 + width: 169px;
  1087 + height: 32px;
  1088 + outline: none;
  1089 + border: 0;
  1090 + color: #1A1A1A;
  1091 + padding-left: 20px;
  1092 + box-sizing: border-box;
  1093 + margin-left: 11px;
  1094 + background-color: rgba(255, 255, 255, 1);
  1095 + box-shadow: -18px 18px 54px 0px rgba(0, 0, 0, 0.1);
  1096 + opacity: 0.9;
  1097 + border-radius: 16px;
  1098 +}
  1099 +
  1100 +.select img {
  1101 + position: absolute;
  1102 + top: 11px;
  1103 + right: 24px;
  1104 + width: 14px;
  1105 + height: 14px;
  1106 +}
  1107 +
  1108 +.curren {
  1109 + display: none;
  1110 +}
  1111 +
  1112 +.video_active {
  1113 + display: block !important;
  1114 +}
  1115 +
  1116 +.show_9_video_asideTie p {
  1117 + float: left;
  1118 + font-size: 14px;
  1119 + color: rgba(255, 255, 255, 1);
  1120 +}
  1121 +
  1122 +.show_9_video_asideCon {
  1123 + margin-top: 19px;
  1124 +}
  1125 +
  1126 +.show_9_video_asideCon ul {
  1127 + display: none;
  1128 +}
  1129 +
  1130 +.show_9_video_asideCon ul li {
  1131 + cursor: pointer;
  1132 + margin-bottom: 30px;
  1133 +}
  1134 +
  1135 +.show_9_video_asideCon ul li img {
  1136 + float: left;
  1137 + width: 128px;
  1138 + opacity: 0.3;
  1139 +}
  1140 +
  1141 +.show_9_video_asideCon ul li p {
  1142 + width: 70px;
  1143 + float: left;
  1144 + margin-left: 10px;
  1145 + font-size: 14px;
  1146 + color: rgba(153, 153, 153, 1);
  1147 + line-height: 22px;
  1148 +}
  1149 +
  1150 +.show_9_video_asideTxt {
  1151 + padding: 24px 32px;
  1152 + box-sizing: border-box;
  1153 + width: 100%;
  1154 + background: rgba(255, 255, 255, 1);
  1155 +}
  1156 +
  1157 +.show_9_video_asideTxt h1 {
  1158 + font-size: 16px;
  1159 + font-weight: 400;
  1160 + cursor: pointer;
  1161 + color: rgba(0, 0, 0, 1);
  1162 +}
  1163 +
  1164 +.show_9_video_asideTxt2 {
  1165 + float: left;
  1166 +}
  1167 +
  1168 +.show_9_video_asideTxt2 p {
  1169 + font-size: 14px;
  1170 + color: #858585;
  1171 + margin-top: 20px;
  1172 + display: inline-block;
  1173 + margin-right: 80px;
  1174 +}
  1175 +
  1176 +.show_9_video_asideTxt3 {
  1177 + float: right;
  1178 +}
  1179 +
  1180 +.show_9_video_asideTxt3 p {
  1181 + font-size: 16px;
  1182 + float: left;
  1183 + line-height: 42px;
  1184 + margin-right: 15px;
  1185 + color: rgba(26, 26, 26, 1);
  1186 +}
  1187 +
  1188 +.show_9_video_asideTxt3 img {
  1189 + width: 40px;
  1190 + cursor: pointer;
  1191 + border-radius: 50%;
  1192 + margin-right: 8px;
  1193 + display: inline-block;
  1194 +}
  1195 +
  1196 +.show_9_video_asideCon ul li:hover img {
  1197 + opacity: 1;
  1198 +}
  1199 +
  1200 +.show_9_video_asideCon ul li:hover p {
  1201 + color: #09FF8E;
  1202 +}
  1203 +.video_mask {
  1204 + position: fixed;
  1205 + top: 44%;
  1206 + left: 50%;
  1207 + transform: translate(-50%, -50%);
  1208 + -webkit-transform: translate(-50%, -50%);
  1209 + -moz-transform: translate(-50%, -50%);
  1210 + -ms-transform: translate(-50%, -50%);
  1211 + -o-transform: translate(-50%, -50%);
  1212 + padding: 24px 33px;
  1213 + background: rgba(0, 0, 0, 1);
  1214 + border-radius: 10px;
  1215 + z-index: 1;
  1216 + font-size: 18px;
  1217 + color: rgba(255, 255, 255, 1);
  1218 +}
1 -/** layui-v2.4.5 MIT License By https://www.layui.com */  
2 - ;!function(e,t){"use strict";var i,n,a=e.layui&&layui.define,o={getPath:function(){var e=document.currentScript?document.currentScript.src:function(){for(var e,t=document.scripts,i=t.length-1,n=i;n>0;n--)if("interactive"===t[n].readyState){e=t[n].src;break}return e||t[i].src}();return e.substring(0,e.lastIndexOf("/")+1)}(),config:{},end:{},minIndex:0,minLeft:[],btn:["&#x786E;&#x5B9A;","&#x53D6;&#x6D88;"],type:["dialog","page","iframe","loading","tips"],getStyle:function(t,i){var n=t.currentStyle?t.currentStyle:e.getComputedStyle(t,null);return n[n.getPropertyValue?"getPropertyValue":"getAttribute"](i)},link:function(t,i,n){if(r.path){var a=document.getElementsByTagName("head")[0],s=document.createElement("link");"string"==typeof i&&(n=i);var l=(n||t).replace(/\.|\//g,""),f="layuicss-"+l,c=0;s.rel="stylesheet",s.href=r.path+t,s.id=f,document.getElementById(f)||a.appendChild(s),"function"==typeof i&&!function u(){return++c>80?e.console&&console.error("layer.css: Invalid"):void(1989===parseInt(o.getStyle(document.getElementById(f),"width"))?i():setTimeout(u,100))}()}}},r={v:"3.1.1",ie:function(){var t=navigator.userAgent.toLowerCase();return!!(e.ActiveXObject||"ActiveXObject"in e)&&((t.match(/msie\s(\d+)/)||[])[1]||"11")}(),index:e.layer&&e.layer.v?1e5:0,path:o.getPath,config:function(e,t){return e=e||{},r.cache=o.config=i.extend({},o.config,e),r.path=o.config.path||r.path,"string"==typeof e.extend&&(e.extend=[e.extend]),o.config.path&&r.ready(),e.extend?(a?layui.addcss("modules/layer/"+e.extend):o.link("theme/"+e.extend),this):this},ready:function(e){var t="layer",i="",n=(a?"modules/layer/":"theme/")+"default/layer.css?v="+r.v+i;return a?layui.addcss(n,e,t):o.link(n,e,t),this},alert:function(e,t,n){var a="function"==typeof t;return a&&(n=t),r.open(i.extend({content:e,yes:n},a?{}:t))},confirm:function(e,t,n,a){var s="function"==typeof t;return s&&(a=n,n=t),r.open(i.extend({content:e,btn:o.btn,yes:n,btn2:a},s?{}:t))},msg:function(e,n,a){var s="function"==typeof n,f=o.config.skin,c=(f?f+" "+f+"-msg":"")||"layui-layer-msg",u=l.anim.length-1;return s&&(a=n),r.open(i.extend({content:e,time:3e3,shade:!1,skin:c,title:!1,closeBtn:!1,btn:!1,resize:!1,end:a},s&&!o.config.skin?{skin:c+" layui-layer-hui",anim:u}:function(){return n=n||{},(n.icon===-1||n.icon===t&&!o.config.skin)&&(n.skin=c+" "+(n.skin||"layui-layer-hui")),n}()))},load:function(e,t){return r.open(i.extend({type:3,icon:e||0,resize:!1,shade:.01},t))},tips:function(e,t,n){return r.open(i.extend({type:4,content:[e,t],closeBtn:!1,time:3e3,shade:!1,resize:!1,fixed:!1,maxWidth:210},n))}},s=function(e){var t=this;t.index=++r.index,t.config=i.extend({},t.config,o.config,e),document.body?t.creat():setTimeout(function(){t.creat()},30)};s.pt=s.prototype;var l=["layui-layer",".layui-layer-title",".layui-layer-main",".layui-layer-dialog","layui-layer-iframe","layui-layer-content","layui-layer-btn","layui-layer-close"];l.anim=["layer-anim-00","layer-anim-01","layer-anim-02","layer-anim-03","layer-anim-04","layer-anim-05","layer-anim-06"],s.pt.config={type:0,shade:.3,fixed:!0,move:l[1],title:"&#x4FE1;&#x606F;",offset:"auto",area:"auto",closeBtn:1,time:0,zIndex:19891014,maxWidth:360,anim:0,isOutAnim:!0,icon:-1,moveType:1,resize:!0,scrollbar:!0,tips:2},s.pt.vessel=function(e,t){var n=this,a=n.index,r=n.config,s=r.zIndex+a,f="object"==typeof r.title,c=r.maxmin&&(1===r.type||2===r.type),u=r.title?'<div class="layui-layer-title" style="'+(f?r.title[1]:"")+'">'+(f?r.title[0]:r.title)+"</div>":"";return r.zIndex=s,t([r.shade?'<div class="layui-layer-shade" id="layui-layer-shade'+a+'" times="'+a+'" style="'+("z-index:"+(s-1)+"; ")+'"></div>':"",'<div class="'+l[0]+(" layui-layer-"+o.type[r.type])+(0!=r.type&&2!=r.type||r.shade?"":" layui-layer-border")+" "+(r.skin||"")+'" id="'+l[0]+a+'" type="'+o.type[r.type]+'" times="'+a+'" showtime="'+r.time+'" conType="'+(e?"object":"string")+'" style="z-index: '+s+"; width:"+r.area[0]+";height:"+r.area[1]+(r.fixed?"":";position:absolute;")+'">'+(e&&2!=r.type?"":u)+'<div id="'+(r.id||"")+'" class="layui-layer-content'+(0==r.type&&r.icon!==-1?" layui-layer-padding":"")+(3==r.type?" layui-layer-loading"+r.icon:"")+'">'+(0==r.type&&r.icon!==-1?'<i class="layui-layer-ico layui-layer-ico'+r.icon+'"></i>':"")+(1==r.type&&e?"":r.content||"")+'</div><span class="layui-layer-setwin">'+function(){var e=c?'<a class="layui-layer-min" href="javascript:;"><cite></cite></a><a class="layui-layer-ico layui-layer-max" href="javascript:;"></a>':"";return r.closeBtn&&(e+='<a class="layui-layer-ico '+l[7]+" "+l[7]+(r.title?r.closeBtn:4==r.type?"1":"2")+'" href="javascript:;"></a>'),e}()+"</span>"+(r.btn?function(){var e="";"string"==typeof r.btn&&(r.btn=[r.btn]);for(var t=0,i=r.btn.length;t<i;t++)e+='<a class="'+l[6]+t+'">'+r.btn[t]+"</a>";return'<div class="'+l[6]+" layui-layer-btn-"+(r.btnAlign||"")+'">'+e+"</div>"}():"")+(r.resize?'<span class="layui-layer-resize"></span>':"")+"</div>"],u,i('<div class="layui-layer-move"></div>')),n},s.pt.creat=function(){var e=this,t=e.config,a=e.index,s=t.content,f="object"==typeof s,c=i("body");if(!t.id||!i("#"+t.id)[0]){switch("string"==typeof t.area&&(t.area="auto"===t.area?["",""]:[t.area,""]),t.shift&&(t.anim=t.shift),6==r.ie&&(t.fixed=!1),t.type){case 0:t.btn="btn"in t?t.btn:o.btn[0],r.closeAll("dialog");break;case 2:var s=t.content=f?t.content:[t.content||"","auto"];t.content='<iframe scrolling="'+(t.content[1]||"auto")+'" allowtransparency="true" id="'+l[4]+a+'" name="'+l[4]+a+'" onload="this.className=\'\';" class="layui-layer-load" frameborder="0" src="'+t.content[0]+'"></iframe>';break;case 3:delete t.title,delete t.closeBtn,t.icon===-1&&0===t.icon,r.closeAll("loading");break;case 4:f||(t.content=[t.content,"body"]),t.follow=t.content[1],t.content=t.content[0]+'<i class="layui-layer-TipsG"></i>',delete t.title,t.tips="object"==typeof t.tips?t.tips:[t.tips,!0],t.tipsMore||r.closeAll("tips")}if(e.vessel(f,function(n,r,u){c.append(n[0]),f?function(){2==t.type||4==t.type?function(){i("body").append(n[1])}():function(){s.parents("."+l[0])[0]||(s.data("display",s.css("display")).show().addClass("layui-layer-wrap").wrap(n[1]),i("#"+l[0]+a).find("."+l[5]).before(r))}()}():c.append(n[1]),i(".layui-layer-move")[0]||c.append(o.moveElem=u),e.layero=i("#"+l[0]+a),t.scrollbar||l.html.css("overflow","hidden").attr("layer-full",a)}).auto(a),i("#layui-layer-shade"+e.index).css({"background-color":t.shade[1]||"#000",opacity:t.shade[0]||t.shade}),2==t.type&&6==r.ie&&e.layero.find("iframe").attr("src",s[0]),4==t.type?e.tips():e.offset(),t.fixed&&n.on("resize",function(){e.offset(),(/^\d+%$/.test(t.area[0])||/^\d+%$/.test(t.area[1]))&&e.auto(a),4==t.type&&e.tips()}),t.time<=0||setTimeout(function(){r.close(e.index)},t.time),e.move().callback(),l.anim[t.anim]){var u="layer-anim "+l.anim[t.anim];e.layero.addClass(u).one("webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend",function(){i(this).removeClass(u)})}t.isOutAnim&&e.layero.data("isOutAnim",!0)}},s.pt.auto=function(e){var t=this,a=t.config,o=i("#"+l[0]+e);""===a.area[0]&&a.maxWidth>0&&(r.ie&&r.ie<8&&a.btn&&o.width(o.innerWidth()),o.outerWidth()>a.maxWidth&&o.width(a.maxWidth));var s=[o.innerWidth(),o.innerHeight()],f=o.find(l[1]).outerHeight()||0,c=o.find("."+l[6]).outerHeight()||0,u=function(e){e=o.find(e),e.height(s[1]-f-c-2*(0|parseFloat(e.css("padding-top"))))};switch(a.type){case 2:u("iframe");break;default:""===a.area[1]?a.maxHeight>0&&o.outerHeight()>a.maxHeight?(s[1]=a.maxHeight,u("."+l[5])):a.fixed&&s[1]>=n.height()&&(s[1]=n.height(),u("."+l[5])):u("."+l[5])}return t},s.pt.offset=function(){var e=this,t=e.config,i=e.layero,a=[i.outerWidth(),i.outerHeight()],o="object"==typeof t.offset;e.offsetTop=(n.height()-a[1])/2,e.offsetLeft=(n.width()-a[0])/2,o?(e.offsetTop=t.offset[0],e.offsetLeft=t.offset[1]||e.offsetLeft):"auto"!==t.offset&&("t"===t.offset?e.offsetTop=0:"r"===t.offset?e.offsetLeft=n.width()-a[0]:"b"===t.offset?e.offsetTop=n.height()-a[1]:"l"===t.offset?e.offsetLeft=0:"lt"===t.offset?(e.offsetTop=0,e.offsetLeft=0):"lb"===t.offset?(e.offsetTop=n.height()-a[1],e.offsetLeft=0):"rt"===t.offset?(e.offsetTop=0,e.offsetLeft=n.width()-a[0]):"rb"===t.offset?(e.offsetTop=n.height()-a[1],e.offsetLeft=n.width()-a[0]):e.offsetTop=t.offset),t.fixed||(e.offsetTop=/%$/.test(e.offsetTop)?n.height()*parseFloat(e.offsetTop)/100:parseFloat(e.offsetTop),e.offsetLeft=/%$/.test(e.offsetLeft)?n.width()*parseFloat(e.offsetLeft)/100:parseFloat(e.offsetLeft),e.offsetTop+=n.scrollTop(),e.offsetLeft+=n.scrollLeft()),i.attr("minLeft")&&(e.offsetTop=n.height()-(i.find(l[1]).outerHeight()||0),e.offsetLeft=i.css("left")),i.css({top:e.offsetTop,left:e.offsetLeft})},s.pt.tips=function(){var e=this,t=e.config,a=e.layero,o=[a.outerWidth(),a.outerHeight()],r=i(t.follow);r[0]||(r=i("body"));var s={width:r.outerWidth(),height:r.outerHeight(),top:r.offset().top,left:r.offset().left},f=a.find(".layui-layer-TipsG"),c=t.tips[0];t.tips[1]||f.remove(),s.autoLeft=function(){s.left+o[0]-n.width()>0?(s.tipLeft=s.left+s.width-o[0],f.css({right:12,left:"auto"})):s.tipLeft=s.left},s.where=[function(){s.autoLeft(),s.tipTop=s.top-o[1]-10,f.removeClass("layui-layer-TipsB").addClass("layui-layer-TipsT").css("border-right-color",t.tips[1])},function(){s.tipLeft=s.left+s.width+10,s.tipTop=s.top,f.removeClass("layui-layer-TipsL").addClass("layui-layer-TipsR").css("border-bottom-color",t.tips[1])},function(){s.autoLeft(),s.tipTop=s.top+s.height+10,f.removeClass("layui-layer-TipsT").addClass("layui-layer-TipsB").css("border-right-color",t.tips[1])},function(){s.tipLeft=s.left-o[0]-10,s.tipTop=s.top,f.removeClass("layui-layer-TipsR").addClass("layui-layer-TipsL").css("border-bottom-color",t.tips[1])}],s.where[c-1](),1===c?s.top-(n.scrollTop()+o[1]+16)<0&&s.where[2]():2===c?n.width()-(s.left+s.width+o[0]+16)>0||s.where[3]():3===c?s.top-n.scrollTop()+s.height+o[1]+16-n.height()>0&&s.where[0]():4===c&&o[0]+16-s.left>0&&s.where[1](),a.find("."+l[5]).css({"background-color":t.tips[1],"padding-right":t.closeBtn?"30px":""}),a.css({left:s.tipLeft-(t.fixed?n.scrollLeft():0),top:s.tipTop-(t.fixed?n.scrollTop():0)})},s.pt.move=function(){var e=this,t=e.config,a=i(document),s=e.layero,l=s.find(t.move),f=s.find(".layui-layer-resize"),c={};return t.move&&l.css("cursor","move"),l.on("mousedown",function(e){e.preventDefault(),t.move&&(c.moveStart=!0,c.offset=[e.clientX-parseFloat(s.css("left")),e.clientY-parseFloat(s.css("top"))],o.moveElem.css("cursor","move").show())}),f.on("mousedown",function(e){e.preventDefault(),c.resizeStart=!0,c.offset=[e.clientX,e.clientY],c.area=[s.outerWidth(),s.outerHeight()],o.moveElem.css("cursor","se-resize").show()}),a.on("mousemove",function(i){if(c.moveStart){var a=i.clientX-c.offset[0],o=i.clientY-c.offset[1],l="fixed"===s.css("position");if(i.preventDefault(),c.stX=l?0:n.scrollLeft(),c.stY=l?0:n.scrollTop(),!t.moveOut){var f=n.width()-s.outerWidth()+c.stX,u=n.height()-s.outerHeight()+c.stY;a<c.stX&&(a=c.stX),a>f&&(a=f),o<c.stY&&(o=c.stY),o>u&&(o=u)}s.css({left:a,top:o})}if(t.resize&&c.resizeStart){var a=i.clientX-c.offset[0],o=i.clientY-c.offset[1];i.preventDefault(),r.style(e.index,{width:c.area[0]+a,height:c.area[1]+o}),c.isResize=!0,t.resizing&&t.resizing(s)}}).on("mouseup",function(e){c.moveStart&&(delete c.moveStart,o.moveElem.hide(),t.moveEnd&&t.moveEnd(s)),c.resizeStart&&(delete c.resizeStart,o.moveElem.hide())}),e},s.pt.callback=function(){function e(){var e=a.cancel&&a.cancel(t.index,n);e===!1||r.close(t.index)}var t=this,n=t.layero,a=t.config;t.openLayer(),a.success&&(2==a.type?n.find("iframe").on("load",function(){a.success(n,t.index)}):a.success(n,t.index)),6==r.ie&&t.IE6(n),n.find("."+l[6]).children("a").on("click",function(){var e=i(this).index();if(0===e)a.yes?a.yes(t.index,n):a.btn1?a.btn1(t.index,n):r.close(t.index);else{var o=a["btn"+(e+1)]&&a["btn"+(e+1)](t.index,n);o===!1||r.close(t.index)}}),n.find("."+l[7]).on("click",e),a.shadeClose&&i("#layui-layer-shade"+t.index).on("click",function(){r.close(t.index)}),n.find(".layui-layer-min").on("click",function(){var e=a.min&&a.min(n);e===!1||r.min(t.index,a)}),n.find(".layui-layer-max").on("click",function(){i(this).hasClass("layui-layer-maxmin")?(r.restore(t.index),a.restore&&a.restore(n)):(r.full(t.index,a),setTimeout(function(){a.full&&a.full(n)},100))}),a.end&&(o.end[t.index]=a.end)},o.reselect=function(){i.each(i("select"),function(e,t){var n=i(this);n.parents("."+l[0])[0]||1==n.attr("layer")&&i("."+l[0]).length<1&&n.removeAttr("layer").show(),n=null})},s.pt.IE6=function(e){i("select").each(function(e,t){var n=i(this);n.parents("."+l[0])[0]||"none"===n.css("display")||n.attr({layer:"1"}).hide(),n=null})},s.pt.openLayer=function(){var e=this;r.zIndex=e.config.zIndex,r.setTop=function(e){var t=function(){r.zIndex++,e.css("z-index",r.zIndex+1)};return r.zIndex=parseInt(e[0].style.zIndex),e.on("mousedown",t),r.zIndex}},o.record=function(e){var t=[e.width(),e.height(),e.position().top,e.position().left+parseFloat(e.css("margin-left"))];e.find(".layui-layer-max").addClass("layui-layer-maxmin"),e.attr({area:t})},o.rescollbar=function(e){l.html.attr("layer-full")==e&&(l.html[0].style.removeProperty?l.html[0].style.removeProperty("overflow"):l.html[0].style.removeAttribute("overflow"),l.html.removeAttr("layer-full"))},e.layer=r,r.getChildFrame=function(e,t){return t=t||i("."+l[4]).attr("times"),i("#"+l[0]+t).find("iframe").contents().find(e)},r.getFrameIndex=function(e){return i("#"+e).parents("."+l[4]).attr("times")},r.iframeAuto=function(e){if(e){var t=r.getChildFrame("html",e).outerHeight(),n=i("#"+l[0]+e),a=n.find(l[1]).outerHeight()||0,o=n.find("."+l[6]).outerHeight()||0;n.css({height:t+a+o}),n.find("iframe").css({height:t})}},r.iframeSrc=function(e,t){i("#"+l[0]+e).find("iframe").attr("src",t)},r.style=function(e,t,n){var a=i("#"+l[0]+e),r=a.find(".layui-layer-content"),s=a.attr("type"),f=a.find(l[1]).outerHeight()||0,c=a.find("."+l[6]).outerHeight()||0;a.attr("minLeft");s!==o.type[3]&&s!==o.type[4]&&(n||(parseFloat(t.width)<=260&&(t.width=260),parseFloat(t.height)-f-c<=64&&(t.height=64+f+c)),a.css(t),c=a.find("."+l[6]).outerHeight(),s===o.type[2]?a.find("iframe").css({height:parseFloat(t.height)-f-c}):r.css({height:parseFloat(t.height)-f-c-parseFloat(r.css("padding-top"))-parseFloat(r.css("padding-bottom"))}))},r.min=function(e,t){var a=i("#"+l[0]+e),s=a.find(l[1]).outerHeight()||0,f=a.attr("minLeft")||181*o.minIndex+"px",c=a.css("position");o.record(a),o.minLeft[0]&&(f=o.minLeft[0],o.minLeft.shift()),a.attr("position",c),r.style(e,{width:180,height:s,left:f,top:n.height()-s,position:"fixed",overflow:"hidden"},!0),a.find(".layui-layer-min").hide(),"page"===a.attr("type")&&a.find(l[4]).hide(),o.rescollbar(e),a.attr("minLeft")||o.minIndex++,a.attr("minLeft",f)},r.restore=function(e){var t=i("#"+l[0]+e),n=t.attr("area").split(",");t.attr("type");r.style(e,{width:parseFloat(n[0]),height:parseFloat(n[1]),top:parseFloat(n[2]),left:parseFloat(n[3]),position:t.attr("position"),overflow:"visible"},!0),t.find(".layui-layer-max").removeClass("layui-layer-maxmin"),t.find(".layui-layer-min").show(),"page"===t.attr("type")&&t.find(l[4]).show(),o.rescollbar(e)},r.full=function(e){var t,a=i("#"+l[0]+e);o.record(a),l.html.attr("layer-full")||l.html.css("overflow","hidden").attr("layer-full",e),clearTimeout(t),t=setTimeout(function(){var t="fixed"===a.css("position");r.style(e,{top:t?0:n.scrollTop(),left:t?0:n.scrollLeft(),width:n.width(),height:n.height()},!0),a.find(".layui-layer-min").hide()},100)},r.title=function(e,t){var n=i("#"+l[0]+(t||r.index)).find(l[1]);n.html(e)},r.close=function(e){var t=i("#"+l[0]+e),n=t.attr("type"),a="layer-anim-close";if(t[0]){var s="layui-layer-wrap",f=function(){if(n===o.type[1]&&"object"===t.attr("conType")){t.children(":not(."+l[5]+")").remove();for(var a=t.find("."+s),r=0;r<2;r++)a.unwrap();a.css("display",a.data("display")).removeClass(s)}else{if(n===o.type[2])try{var f=i("#"+l[4]+e)[0];f.contentWindow.document.write(""),f.contentWindow.close(),t.find("."+l[5])[0].removeChild(f)}catch(c){}t[0].innerHTML="",t.remove()}"function"==typeof o.end[e]&&o.end[e](),delete o.end[e]};t.data("isOutAnim")&&t.addClass("layer-anim "+a),i("#layui-layer-moves, #layui-layer-shade"+e).remove(),6==r.ie&&o.reselect(),o.rescollbar(e),t.attr("minLeft")&&(o.minIndex--,o.minLeft.push(t.attr("minLeft"))),r.ie&&r.ie<10||!t.data("isOutAnim")?f():setTimeout(function(){f()},200)}},r.closeAll=function(e){i.each(i("."+l[0]),function(){var t=i(this),n=e?t.attr("type")===e:1;n&&r.close(t.attr("times")),n=null})};var f=r.cache||{},c=function(e){return f.skin?" "+f.skin+" "+f.skin+"-"+e:""};r.prompt=function(e,t){var a="";if(e=e||{},"function"==typeof e&&(t=e),e.area){var o=e.area;a='style="width: '+o[0]+"; height: "+o[1]+';"',delete e.area}var s,l=2==e.formType?'<textarea class="layui-layer-input"'+a+"></textarea>":function(){return'<input type="'+(1==e.formType?"password":"text")+'" class="layui-layer-input">'}(),f=e.success;return delete e.success,r.open(i.extend({type:1,btn:["&#x786E;&#x5B9A;","&#x53D6;&#x6D88;"],content:l,skin:"layui-layer-prompt"+c("prompt"),maxWidth:n.width(),success:function(t){s=t.find(".layui-layer-input"),s.val(e.value||"").focus(),"function"==typeof f&&f(t)},resize:!1,yes:function(i){var n=s.val();""===n?s.focus():n.length>(e.maxlength||500)?r.tips("&#x6700;&#x591A;&#x8F93;&#x5165;"+(e.maxlength||500)+"&#x4E2A;&#x5B57;&#x6570;",s,{tips:1}):t&&t(n,i,s)}},e))},r.tab=function(e){e=e||{};var t=e.tab||{},n="layui-this",a=e.success;return delete e.success,r.open(i.extend({type:1,skin:"layui-layer-tab"+c("tab"),resize:!1,title:function(){var e=t.length,i=1,a="";if(e>0)for(a='<span class="'+n+'">'+t[0].title+"</span>";i<e;i++)a+="<span>"+t[i].title+"</span>";return a}(),content:'<ul class="layui-layer-tabmain">'+function(){var e=t.length,i=1,a="";if(e>0)for(a='<li class="layui-layer-tabli '+n+'">'+(t[0].content||"no content")+"</li>";i<e;i++)a+='<li class="layui-layer-tabli">'+(t[i].content||"no content")+"</li>";return a}()+"</ul>",success:function(t){var o=t.find(".layui-layer-title").children(),r=t.find(".layui-layer-tabmain").children();o.on("mousedown",function(t){t.stopPropagation?t.stopPropagation():t.cancelBubble=!0;var a=i(this),o=a.index();a.addClass(n).siblings().removeClass(n),r.eq(o).show().siblings().hide(),"function"==typeof e.change&&e.change(o)}),"function"==typeof a&&a(t)}},e))},r.photos=function(t,n,a){function o(e,t,i){var n=new Image;return n.src=e,n.complete?t(n):(n.onload=function(){n.onload=null,t(n)},void(n.onerror=function(e){n.onerror=null,i(e)}))}var s={};if(t=t||{},t.photos){var l=t.photos.constructor===Object,f=l?t.photos:{},u=f.data||[],d=f.start||0;s.imgIndex=(0|d)+1,t.img=t.img||"img";var y=t.success;if(delete t.success,l){if(0===u.length)return r.msg("&#x6CA1;&#x6709;&#x56FE;&#x7247;")}else{var p=i(t.photos),h=function(){u=[],p.find(t.img).each(function(e){var t=i(this);t.attr("layer-index",e),u.push({alt:t.attr("alt"),pid:t.attr("layer-pid"),src:t.attr("layer-src")||t.attr("src"),thumb:t.attr("src")})})};if(h(),0===u.length)return;if(n||p.on("click",t.img,function(){var e=i(this),n=e.attr("layer-index");r.photos(i.extend(t,{photos:{start:n,data:u,tab:t.tab},full:t.full}),!0),h()}),!n)return}s.imgprev=function(e){s.imgIndex--,s.imgIndex<1&&(s.imgIndex=u.length),s.tabimg(e)},s.imgnext=function(e,t){s.imgIndex++,s.imgIndex>u.length&&(s.imgIndex=1,t)||s.tabimg(e)},s.keyup=function(e){if(!s.end){var t=e.keyCode;e.preventDefault(),37===t?s.imgprev(!0):39===t?s.imgnext(!0):27===t&&r.close(s.index)}},s.tabimg=function(e){if(!(u.length<=1))return f.start=s.imgIndex-1,r.close(s.index),r.photos(t,!0,e)},s.event=function(){s.bigimg.hover(function(){s.imgsee.show()},function(){s.imgsee.hide()}),s.bigimg.find(".layui-layer-imgprev").on("click",function(e){e.preventDefault(),s.imgprev()}),s.bigimg.find(".layui-layer-imgnext").on("click",function(e){e.preventDefault(),s.imgnext()}),i(document).on("keyup",s.keyup)},s.loadi=r.load(1,{shade:!("shade"in t)&&.9,scrollbar:!1}),o(u[d].src,function(n){r.close(s.loadi),s.index=r.open(i.extend({type:1,id:"layui-layer-photos",area:function(){var a=[n.width,n.height],o=[i(e).width()-100,i(e).height()-100];if(!t.full&&(a[0]>o[0]||a[1]>o[1])){var r=[a[0]/o[0],a[1]/o[1]];r[0]>r[1]?(a[0]=a[0]/r[0],a[1]=a[1]/r[0]):r[0]<r[1]&&(a[0]=a[0]/r[1],a[1]=a[1]/r[1])}return[a[0]+"px",a[1]+"px"]}(),title:!1,shade:.9,shadeClose:!0,closeBtn:!1,move:".layui-layer-phimg img",moveType:1,scrollbar:!1,moveOut:!0,isOutAnim:!1,skin:"layui-layer-photos"+c("photos"),content:'<div class="layui-layer-phimg"><img src="'+u[d].src+'" alt="'+(u[d].alt||"")+'" layer-pid="'+u[d].pid+'"><div class="layui-layer-imgsee">'+(u.length>1?'<span class="layui-layer-imguide"><a href="javascript:;" class="layui-layer-iconext layui-layer-imgprev"></a><a href="javascript:;" class="layui-layer-iconext layui-layer-imgnext"></a></span>':"")+'<div class="layui-layer-imgbar" style="display:'+(a?"block":"")+'"><span class="layui-layer-imgtit"><a href="javascript:;">'+(u[d].alt||"")+"</a><em>"+s.imgIndex+"/"+u.length+"</em></span></div></div></div>",success:function(e,i){s.bigimg=e.find(".layui-layer-phimg"),s.imgsee=e.find(".layui-layer-imguide,.layui-layer-imgbar"),s.event(e),t.tab&&t.tab(u[d],e),"function"==typeof y&&y(e)},end:function(){s.end=!0,i(document).off("keyup",s.keyup)}},t))},function(){r.close(s.loadi),r.msg("&#x5F53;&#x524D;&#x56FE;&#x7247;&#x5730;&#x5740;&#x5F02;&#x5E38;<br>&#x662F;&#x5426;&#x7EE7;&#x7EED;&#x67E5;&#x770B;&#x4E0B;&#x4E00;&#x5F20;&#xFF1F;",{time:3e4,btn:["&#x4E0B;&#x4E00;&#x5F20;","&#x4E0D;&#x770B;&#x4E86;"],yes:function(){u.length>1&&s.imgnext(!0,!0)}})})}},o.run=function(t){i=t,n=i(e),l.html=i("html"),r.open=function(e){var t=new s(e);return t.index}},e.layui&&layui.define?(r.ready(),layui.define("jquery",function(t){r.path=layui.cache.dir,o.run(layui.$),e.layer=r,t("layer",r)})):"function"==typeof define&&define.amd?define(["jquery"],function(){return o.run(e.jQuery),r}):function(){o.run(e.jQuery),r.ready()}()}(window);  
1 -/** layui-v2.4.5 MIT License By https://www.layui.com */  
2 - ;layui.define(function(e){"use strict";var a=document,t="getElementById",n="getElementsByTagName",i="laypage",r="layui-disabled",u=function(e){var a=this;a.config=e||{},a.config.index=++s.index,a.render(!0)};u.prototype.type=function(){var e=this.config;if("object"==typeof e.elem)return void 0===e.elem.length?2:3},u.prototype.view=function(){var e=this,a=e.config,t=a.groups="groups"in a?0|a.groups:5;a.layout="object"==typeof a.layout?a.layout:["prev","page","next"],a.count=0|a.count,a.curr=0|a.curr||1,a.limits="object"==typeof a.limits?a.limits:[10,20,30,40,50],a.limit=0|a.limit||10,a.pages=Math.ceil(a.count/a.limit)||1,a.curr>a.pages&&(a.curr=a.pages),t<0?t=1:t>a.pages&&(t=a.pages),a.prev="prev"in a?a.prev:"&#x4E0A;&#x4E00;&#x9875;",a.next="next"in a?a.next:"&#x4E0B;&#x4E00;&#x9875;";var n=a.pages>t?Math.ceil((a.curr+(t>1?1:0))/(t>0?t:1)):1,i={prev:function(){return a.prev?'<a href="javascript:;" class="layui-laypage-prev'+(1==a.curr?" "+r:"")+'" data-page="'+(a.curr-1)+'">'+a.prev+"</a>":""}(),page:function(){var e=[];if(a.count<1)return"";n>1&&a.first!==!1&&0!==t&&e.push('<a href="javascript:;" class="layui-laypage-first" data-page="1" title="&#x9996;&#x9875;">'+(a.first||1)+"</a>");var i=Math.floor((t-1)/2),r=n>1?a.curr-i:1,u=n>1?function(){var e=a.curr+(t-i-1);return e>a.pages?a.pages:e}():t;for(u-r<t-1&&(r=u-t+1),a.first!==!1&&r>2&&e.push('<span class="layui-laypage-spr">&#x2026;</span>');r<=u;r++)r===a.curr?e.push('<span class="layui-laypage-curr"><em class="layui-laypage-em" '+(/^#/.test(a.theme)?'style="background-color:'+a.theme+';"':"")+"></em><em>"+r+"</em></span>"):e.push('<a href="javascript:;" data-page="'+r+'">'+r+"</a>");return a.pages>t&&a.pages>u&&a.last!==!1&&(u+1<a.pages&&e.push('<span class="layui-laypage-spr">&#x2026;</span>'),0!==t&&e.push('<a href="javascript:;" class="layui-laypage-last" title="&#x5C3E;&#x9875;" data-page="'+a.pages+'">'+(a.last||a.pages)+"</a>")),e.join("")}(),next:function(){return a.next?'<a href="javascript:;" class="layui-laypage-next'+(a.curr==a.pages?" "+r:"")+'" data-page="'+(a.curr+1)+'">'+a.next+"</a>":""}(),count:'<span class="layui-laypage-count">共 '+a.count+" 条</span>",limit:function(){var e=['<span class="layui-laypage-limits"><select lay-ignore>'];return layui.each(a.limits,function(t,n){e.push('<option value="'+n+'"'+(n===a.limit?"selected":"")+">"+n+" 条/页</option>")}),e.join("")+"</select></span>"}(),refresh:['<a href="javascript:;" data-page="'+a.curr+'" class="layui-laypage-refresh">','<i class="layui-icon layui-icon-refresh"></i>',"</a>"].join(""),skip:function(){return['<span class="layui-laypage-skip">&#x5230;&#x7B2C;','<input type="text" min="1" value="'+a.curr+'" class="layui-input">','&#x9875;<button type="button" class="layui-laypage-btn">&#x786e;&#x5b9a;</button>',"</span>"].join("")}()};return['<div class="layui-box layui-laypage layui-laypage-'+(a.theme?/^#/.test(a.theme)?"molv":a.theme:"default")+'" id="layui-laypage-'+a.index+'">',function(){var e=[];return layui.each(a.layout,function(a,t){i[t]&&e.push(i[t])}),e.join("")}(),"</div>"].join("")},u.prototype.jump=function(e,a){if(e){var t=this,i=t.config,r=e.children,u=e[n]("button")[0],l=e[n]("input")[0],p=e[n]("select")[0],c=function(){var e=0|l.value.replace(/\s|\D/g,"");e&&(i.curr=e,t.render())};if(a)return c();for(var o=0,y=r.length;o<y;o++)"a"===r[o].nodeName.toLowerCase()&&s.on(r[o],"click",function(){var e=0|this.getAttribute("data-page");e<1||e>i.pages||(i.curr=e,t.render())});p&&s.on(p,"change",function(){var e=this.value;i.curr*e>i.count&&(i.curr=Math.ceil(i.count/e)),i.limit=e,t.render()}),u&&s.on(u,"click",function(){c()})}},u.prototype.skip=function(e){if(e){var a=this,t=e[n]("input")[0];t&&s.on(t,"keyup",function(t){var n=this.value,i=t.keyCode;/^(37|38|39|40)$/.test(i)||(/\D/.test(n)&&(this.value=n.replace(/\D/,"")),13===i&&a.jump(e,!0))})}},u.prototype.render=function(e){var n=this,i=n.config,r=n.type(),u=n.view();2===r?i.elem&&(i.elem.innerHTML=u):3===r?i.elem.html(u):a[t](i.elem)&&(a[t](i.elem).innerHTML=u),i.jump&&i.jump(i,e);var s=a[t]("layui-laypage-"+i.index);n.jump(s),i.hash&&!e&&(location.hash="!"+i.hash+"="+i.curr),n.skip(s)};var s={render:function(e){var a=new u(e);return a.index},index:layui.laypage?layui.laypage.index+1e4:0,on:function(e,a,t){return e.attachEvent?e.attachEvent("on"+a,function(a){a.target=a.srcElement,t.call(e,a)}):e.addEventListener(a,t,!1),this}};e(i,s)});  
@@ -16,7 +16,7 @@ $(function(){ @@ -16,7 +16,7 @@ $(function(){
16 } 16 }
17 }); 17 });
18 // 评论判断长度显示与隐藏 18 // 评论判断长度显示与隐藏
19 - if ($('.show_2_pinL').length < 2) { 19 + if ($('.show_2_pinL').length < 3) {
20 $('.show_main_more').hide(); 20 $('.show_main_more').hide();
21 $('.show_main2_show ul').removeClass('show_main2_show_H'); 21 $('.show_main2_show ul').removeClass('show_main2_show_H');
22 } else { 22 } else {
@@ -70,6 +70,42 @@ $(function(){ @@ -70,6 +70,42 @@ $(function(){
70 window.location.href = '/portal/login/login'; 70 window.location.href = '/portal/login/login';
71 }); 71 });
72 72
  73 + //个人中心
  74 + $('.login_person').click(function(){
  75 + window.location.href = '/portal/login/info';
  76 + });
  77 +
  78 + //修改资料页面
  79 + $('#editInfo').click(function(){
  80 + window.location.href = '/portal/login/editInfo';
  81 + });
  82 +
  83 + //评论
  84 + $('#comment').click(function(){
  85 + var content = $('#comment_content').val();
  86 + var article_id = getUrlParam('id');
  87 + var url = window.location.href;
  88 + $.ajax({
  89 + type: 'POST',
  90 + url: "/portal/star/comment",
  91 + data: {
  92 + 'content': content,
  93 + 'article_id':article_id,
  94 + 'url':url
  95 +
  96 + },
  97 + dataType: 'json',
  98 + success: function (data) {
  99 + console.log(data);
  100 + if (data.code == 1) {
  101 + mask(data.msg);
  102 + $('#comment_content').val('');
  103 + } else {
  104 + mask(data.msg);
  105 + }
  106 + }
  107 + });
  108 + });
73 }); 109 });
74 110
75 //弹框 111 //弹框
@@ -81,3 +117,25 @@ function mask(msg) { @@ -81,3 +117,25 @@ function mask(msg) {
81 $('.mask').text(''); 117 $('.mask').text('');
82 },4000); 118 },4000);
83 } 119 }
  120 +
  121 +//获取url的参数
  122 +function getUrlParam(paraName) {
  123 + var url = document.location.toString();
  124 + var arrObj = url.split("?");
  125 +
  126 + if (arrObj.length > 1) {
  127 + var arrPara = arrObj[1].split("&");
  128 + var arr;
  129 +
  130 + for (var i = 0; i < arrPara.length; i++) {
  131 + arr = arrPara[i].split("=");
  132 +
  133 + if (arr != null && arr[0] == paraName) {
  134 + return arr[1];
  135 + }
  136 + }
  137 + return "";
  138 + } else {
  139 + return "";
  140 + }
  141 +}
  1 +jQuery.extend({
  2 +
  3 +
  4 + createUploadIframe: function(id, uri)
  5 + {
  6 + //create frame
  7 + var frameId = 'jUploadFrame' + id;
  8 +
  9 + if(window.ActiveXObject) {
  10 + var io = document.createElement('<iframe id="' + frameId + '" name="' + frameId + '" />');
  11 + if(typeof uri== 'boolean'){
  12 + io.src = 'javascript:false';
  13 + }
  14 + else if(typeof uri== 'string'){
  15 + io.src = uri;
  16 + }
  17 + }
  18 + else {
  19 + var io = document.createElement('iframe');
  20 + io.id = frameId;
  21 + io.name = frameId;
  22 + }
  23 + io.style.position = 'absolute';
  24 + io.style.top = '-1000px';
  25 + io.style.left = '-1000px';
  26 +
  27 + document.body.appendChild(io);
  28 +
  29 + return io
  30 + },
  31 + createUploadForm: function(id, fileElementId)
  32 + {
  33 + //create form
  34 + var formId = 'jUploadForm' + id;
  35 + var fileId = 'jUploadFile' + id;
  36 + var form = $('<form action="" method="POST" name="' + formId + '" id="' + formId + '" enctype="multipart/form-data"></form>');
  37 + var oldElement = $('#' + fileElementId);
  38 + var newElement = $(oldElement).clone(true);
  39 + $(oldElement).attr('id', fileId);
  40 + $(oldElement).before(newElement);
  41 + $(oldElement).appendTo(form);
  42 + //set attributes
  43 + $(form).css('position', 'absolute');
  44 + $(form).css('top', '-1200px');
  45 + $(form).css('left', '-1200px');
  46 + $(form).appendTo('body');
  47 + return form;
  48 + },
  49 + addOtherRequestsToForm: function(form,data)
  50 + {
  51 + // add extra parameter
  52 + var originalElement = $('<input type="hidden" name="" value="">');
  53 + for (var key in data) {
  54 + name = key;
  55 + value = data[key];
  56 + var cloneElement = originalElement.clone();
  57 + cloneElement.attr({'name':name,'value':value});
  58 + $(cloneElement).appendTo(form);
  59 + }
  60 + return form;
  61 + },
  62 +
  63 + ajaxFileUpload: function(s) {
  64 + // TODO introduce global settings, allowing the client to modify them for all requests, not only timeout
  65 + s = jQuery.extend({}, jQuery.ajaxSettings, s);
  66 + var id = new Date().getTime()
  67 + var form = jQuery.createUploadForm(id, s.fileElementId);
  68 + if ( s.data ) form = jQuery.addOtherRequestsToForm(form,s.data);
  69 + var io = jQuery.createUploadIframe(id, s.secureuri);
  70 + var frameId = 'jUploadFrame' + id;
  71 + var formId = 'jUploadForm' + id;
  72 + // Watch for a new set of requests
  73 + if ( s.global && ! jQuery.active++ )
  74 + {
  75 + jQuery.event.trigger( "ajaxStart" );
  76 + }
  77 + var requestDone = false;
  78 + // Create the request object
  79 + var xml = {}
  80 + if ( s.global )
  81 + jQuery.event.trigger("ajaxSend", [xml, s]);
  82 + // Wait for a response to come back
  83 + var uploadCallback = function(isTimeout)
  84 + {
  85 + var io = document.getElementById(frameId);
  86 + try
  87 + {
  88 + if(io.contentWindow)
  89 + {
  90 + xml.responseText = io.contentWindow.document.body?io.contentWindow.document.body.innerHTML:null;
  91 + xml.responseXML = io.contentWindow.document.XMLDocument?io.contentWindow.document.XMLDocument:io.contentWindow.document;
  92 +
  93 + }else if(io.contentDocument)
  94 + {
  95 + xml.responseText = io.contentDocument.document.body?io.contentDocument.document.body.innerHTML:null;
  96 + xml.responseXML = io.contentDocument.document.XMLDocument?io.contentDocument.document.XMLDocument:io.contentDocument.document;
  97 + }
  98 + }catch(e)
  99 + {
  100 + jQuery.handleError(s, xml, null, e);
  101 + }
  102 + if ( xml || isTimeout == "timeout")
  103 + {
  104 + requestDone = true;
  105 + var status;
  106 + try {
  107 + status = isTimeout != "timeout" ? "success" : "error";
  108 + // Make sure that the request was successful or notmodified
  109 + if ( status != "error" )
  110 + {
  111 + // process the data (runs the xml through httpData regardless of callback)
  112 + var data = jQuery.uploadHttpData( xml, s.dataType );
  113 + // If a local callback was specified, fire it and pass it the data
  114 + if ( s.success )
  115 + s.success( data, status );
  116 +
  117 + // Fire the global callback
  118 + if( s.global )
  119 + jQuery.event.trigger( "ajaxSuccess", [xml, s] );
  120 + } else
  121 + jQuery.handleError(s, xml, status);
  122 + } catch(e)
  123 + {
  124 + status = "error";
  125 + jQuery.handleError(s, xml, status, e);
  126 + }
  127 +
  128 + // The request was completed
  129 + if( s.global )
  130 + jQuery.event.trigger( "ajaxComplete", [xml, s] );
  131 +
  132 + // Handle the global AJAX counter
  133 + if ( s.global && ! --jQuery.active )
  134 + jQuery.event.trigger( "ajaxStop" );
  135 +
  136 + // Process result
  137 + if ( s.complete )
  138 + s.complete(xml, status);
  139 +
  140 + jQuery(io).unbind()
  141 +
  142 + setTimeout(function()
  143 + { try
  144 + {
  145 + $(io).remove();
  146 + $(form).remove();
  147 +
  148 + } catch(e)
  149 + {
  150 + jQuery.handleError(s, xml, null, e);
  151 + }
  152 +
  153 + }, 100)
  154 +
  155 + xml = null
  156 +
  157 + }
  158 + }
  159 + // Timeout checker
  160 + if ( s.timeout > 0 )
  161 + {
  162 + setTimeout(function(){
  163 + // Check to see if the request is still happening
  164 + if( !requestDone ) uploadCallback( "timeout" );
  165 + }, s.timeout);
  166 + }
  167 + try
  168 + {
  169 + // var io = $('#' + frameId);
  170 + var form = $('#' + formId);
  171 + $(form).attr('action', s.url);
  172 + $(form).attr('method', 'POST');
  173 + $(form).attr('target', frameId);
  174 + if(form.encoding)
  175 + {
  176 + form.encoding = 'multipart/form-data';
  177 + }
  178 + else
  179 + {
  180 + form.enctype = 'multipart/form-data';
  181 + }
  182 + $(form).submit();
  183 +
  184 + } catch(e)
  185 + {
  186 + jQuery.handleError(s, xml, null, e);
  187 + }
  188 + if(window.attachEvent){
  189 + document.getElementById(frameId).attachEvent('onload', uploadCallback);
  190 + }
  191 + else{
  192 + document.getElementById(frameId).addEventListener('load', uploadCallback, false);
  193 + }
  194 + return {abort: function () {}};
  195 +
  196 + },
  197 +
  198 + uploadHttpData: function( r, type ) {
  199 + var data = !type;
  200 + data = type == "xml" || data ? r.responseXML : r.responseText;
  201 + // If the type is "script", eval it in global context
  202 + if ( type == "script" )
  203 + jQuery.globalEval( data );
  204 + // Get the JavaScript object, if JSON is used.
  205 + if ( type == "json" )
  206 + {
  207 + // If you add mimetype in your response,
  208 + // you have to delete the '<pre></pre>' tag.
  209 + // The pre tag in Chrome has attribute, so have to use regex to remove
  210 + var data = r.responseText;
  211 + var rx = new RegExp("<pre.*?>(.*?)</pre>","i");
  212 + var am = rx.exec(data);
  213 + //this is the desired data extracted
  214 + var data = (am) ? am[1] : ""; //the only submatch or empty
  215 + eval( "data = " + data );
  216 + }
  217 + // evaluate scripts within html
  218 + if ( type == "html" )
  219 + jQuery("<div>").html(data).evalScripts();
  220 + //alert($('param', data).each(function(){alert($(this).attr('value'));}));
  221 + return data;
  222 + }
  223 +})
1 <div class="show_main2"> 1 <div class="show_main2">
2 - <form action="">  
3 - <textarea placeholder="说点什么吧" maxlength="100"></textarea> 2 + <!--<form action="">-->
  3 + <textarea placeholder="说点什么吧" maxlength="400" id="comment_content"></textarea>
4 <!-- 评论底部 --> 4 <!-- 评论底部 -->
5 <div class="show_main2_bottom clearfix"> 5 <div class="show_main2_bottom clearfix">
6 <p>字数限400字符内</p> 6 <p>字数限400字符内</p>
7 - <button type="submit" class="show_main2_btn">添加评论</button> 7 + <button type="submit" class="show_main2_btn" id="comment">添加评论</button>
8 </div> 8 </div>
9 - </form> 9 + <!--</form>-->
10 <!-- 评论展示 --> 10 <!-- 评论展示 -->
  11 + <notempty name="comment">
11 <div class="show_main2_show "> 12 <div class="show_main2_show ">
12 <ul class="show_main2_show_H"> 13 <ul class="show_main2_show_H">
  14 + <volist name="comment" id="vo">
13 <li class="clearfix show_2_pinL"> 15 <li class="clearfix show_2_pinL">
14 - <img class="show_comments_icon" src="__TMPL__/public/assets/starImg//aicon_82.png" alt=""> 16 + <img class="show_comments_icon" src="{:cmf_get_image_url($vo.avatar)}" alt="">
15 <div class="show_comments_con"> 17 <div class="show_comments_con">
16 - <h1>身份三</h1>  
17 - <h2>网络世界便是如此,每年都有许多刷屏的事件发生。当旅游成为老百姓的生活方式以后,刷屏事件自是免不了。不过,此次青岛大虾事件有点特别就是行内与公众一起刷屏,甚至业内比公众还要热闹。</h2>  
18 - <p>2017-10-08</p>  
19 - </div>  
20 - </li>  
21 - <li class="clearfix show_2_pinL">  
22 - <img class="show_comments_icon" src="__TMPL__/public/assets/starImg//aicon_82.png" alt="">  
23 - <div class="show_comments_con">  
24 - <h1>身份三</h1>  
25 - <h2>网络世界便是如此,每年都有许多刷屏的事件发生。当旅游成为老百姓的生活方式以后,刷屏事件自是免不了。不过,此次青岛大虾事件有点特别就是行内与公众一起刷屏,甚至业内比公众还要热闹。</h2>  
26 - <p>2017-10-08</p>  
27 - </div>  
28 - </li>  
29 - <li class="clearfix show_2_pinL">  
30 - <img class="show_comments_icon" src="__TMPL__/public/assets/starImg//aicon_82.png" alt="">  
31 - <div class="show_comments_con">  
32 - <h1>身份三</h1>  
33 - <h2>网络世界便是如此,每年都有许多刷屏的事件发生。当旅游成为老百姓的生活方式以后,刷屏事件自是免不了。不过,此次青岛大虾事件有点特别就是行内与公众一起刷屏,甚至业内比公众还要热闹。</h2>  
34 - <p>2017-10-08</p> 18 + <h1>{$vo.nickname}</h1>
  19 + <h2>{$vo.content}</h2>
  20 + <p>{$vo.create_time|date="Y-m-d",###}</p>
35 </div> 21 </div>
36 </li> 22 </li>
  23 + </volist>
37 </ul> 24 </ul>
38 <p class="show_main_more">查看更多评论</p> 25 <p class="show_main_more">查看更多评论</p>
39 </div> 26 </div>
  27 + <else/>
  28 + <div class="show_main2_show" style="background-color: #3C3C94;margin-bottom:0;">
  29 + </div>
  30 + </notempty>
40 </div> 31 </div>
@@ -23,9 +23,9 @@ @@ -23,9 +23,9 @@
23 <!-- 关注我们 --> 23 <!-- 关注我们 -->
24 <div class="about_bot"> 24 <div class="about_bot">
25 <!-- 标题 --> 25 <!-- 标题 -->
26 - <span class="title">  
27 - <p class="ch">关注我们</p>  
28 - </span> 26 + <!--<span class="title">-->
  27 + <!--<p class="ch">关注我们</p>-->
  28 + <!--</span>-->
29 <!-- 二维码 --> 29 <!-- 二维码 -->
30 <div class="qr_code"> 30 <div class="qr_code">
31 <volist name="focus" id="vo"> 31 <volist name="focus" id="vo">
@@ -41,6 +41,20 @@ @@ -41,6 +41,20 @@
41 <i class="search_icon"></i> 41 <i class="search_icon"></i>
42 <input type="text" placeholder="巴厘岛"> 42 <input type="text" placeholder="巴厘岛">
43 </section> 43 </section>
  44 + <notempty name="user">
  45 + <section class="home_login login_person">
  46 + <notempty name="user.avatar">
  47 + <img src="{:cmf_get_image_url($user.avatar)}" alt="">
  48 + <else/>
  49 + <img src="__TMPL__/public/assets/starImg/aicon_82.png" alt="">
  50 + </notempty>
  51 + <notempty name="user.user_nickname">
  52 + <span>{$user.user_nickname}</span>
  53 + <else/>
  54 + <span>随风漂泊</span>
  55 + </notempty>
  56 + </section>
  57 + <else/>
44 <!-- 登录注册 --> 58 <!-- 登录注册 -->
45 <section class="home_login"> 59 <section class="home_login">
46 <span> 60 <span>
@@ -48,7 +62,7 @@ @@ -48,7 +62,7 @@
48 <p id="login">登录</p> 62 <p id="login">登录</p>
49 </span> 63 </span>
50 </section> 64 </section>
  65 + </notempty>
51 </div> 66 </div>
52 <!-- logo --> 67 <!-- logo -->
53 -  
54 </div> 68 </div>
@@ -29,6 +29,7 @@ class HomeBaseController extends BaseController @@ -29,6 +29,7 @@ class HomeBaseController extends BaseController
29 $this->getUserLoginInfo(); 29 $this->getUserLoginInfo();
30 $this->getFooter(); 30 $this->getFooter();
31 $this->getHeader(); 31 $this->getHeader();
  32 + $this->getComment();
32 } 33 }
33 34
34 protected function _initializeView() 35 protected function _initializeView()
@@ -261,9 +262,9 @@ hello; @@ -261,9 +262,9 @@ hello;
261 * 获取登录信息 262 * 获取登录信息
262 */ 263 */
263 public function getUserLoginInfo(){ 264 public function getUserLoginInfo(){
264 - $user_mobile = Session::get('userInfo');  
265 - $user_mobile = empty($user_mobile)?'0':$user_mobile;  
266 - $this->assign('user_mobile',$user_mobile); 265 + $user = cmf_get_current_user();
  266 + $user = empty($user)?'':$user;
  267 + $this->assign('user',$user);
267 } 268 }
268 269
269 //获取底部相关内容 270 //获取底部相关内容
@@ -328,4 +329,16 @@ hello; @@ -328,4 +329,16 @@ hello;
328 $this->assign('slide',$arr); 329 $this->assign('slide',$arr);
329 } 330 }
330 331
  332 + //获取评论内容
  333 + public function getComment(){
  334 + $id = $this->request->param('id',0,'intval');
  335 + $comment = Db::name('comment')
  336 + ->alias('c')
  337 + ->join('user u','c.user_id = u.id','LEFT')
  338 + ->where(['c.status'=>1,'post_id'=>$id])
  339 + ->field('u.user_nickname nickname,u.avatar,c.content,c.create_time')
  340 + ->select()->toArray();
  341 + $this->assign('comment',$comment);
  342 + }
  343 +
331 } 344 }