景龙 / xingqiu · 提交

转到一个项目

作者 jinglong
提交 0c45e0ee6dfea69e70cfb6e6af3f8a96d4c7af47 1 个父辈 5bda9bb8
1 个管道 的构建 通过 耗费 8 秒

渲染详情页

内嵌 并排对比
正在显示 7 个修改的文件 包含 439 行增加 和 0 行删除
  1 +<!DOCTYPE html>
  2 +<html>
  3 +
  4 +<head>
  5 + <meta charset="UTF-8">
  6 + <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
  7 + <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
  8 + <meta http-equiv="X-UA-Compatible" content="ie=edge">
  9 + <link rel="stylesheet" type="text/css" href="__TMPL__/public/assets/swiper3/swiper.min.css" />
  10 + <link rel="stylesheet" href="__TMPL__/public/assets/css/happy.css" />
  11 + <link rel="stylesheet" href="__TMPL__/public/assets/css/mask.css" />
  12 + <title>星享体验详情</title>
  13 +</head>
  14 +
  15 +<body>
  16 + <include file="public@header"/>
  17 + <div class="mask">
  18 + </div>
  19 + <include file="public@slide"/>
  20 + <div class="happy_foreignBox2">
  21 + <!--banner-->
  22 + <div class="hp_forImg">
  23 + <notempty name="res.image_url">
  24 + <img src="{:cmf_get_image_url($res.image_url[0]['url'])}" alt="">
  25 + </notempty>
  26 + </div>
  27 + <!--内容-->
  28 + <div class="hp_forCon">
  29 + <h1 class="hp_forConTitle">{$res.post_title}</h1>
  30 + <span class="hp_forConTime"></span>
  31 + <!--富文本-->
  32 + <div class="hp_forConText">
  33 + <div class="hp_forConTime" style="color:#333;">{$res.post_content}</div>
  34 + <!--轮播-->
  35 + <div class="hp_fwb swiper-container">
  36 + <div class="swiper-wrapper">
  37 + <!--循环列表-->
  38 + <volist name="res.image_url" id="vo" offset="1">
  39 + <div class="swiper-slide">
  40 + <img class="fwb_Img" src="{:cmf_get_image_url($vo.url)}" />
  41 + <p class="fwb_Txt one-txt-cut">{$res.post_title}</p>
  42 + </div>
  43 + </volist>
  44 + </div>
  45 + <div class="swiper-pagination"></div>
  46 + </div>
  47 + </div>
  48 + </div>
  49 + </div>
  50 + <!--评论-->
  51 + <include file="public@comment"/>
  52 + <include file="public@footer"/>
  53 + <script src="__TMPL__/public/assets/js/base.js"></script>
  54 + <script src="__TMPL__/public/assets/js/jquery-2.1.0.js"></script>
  55 + <script src="__TMPL__/public/assets/swiper3/swiper.min.js"></script>
  56 + <script src="__TMPL__/public/assets/js/public.js"></script>
  57 + <script type="text/javascript">
  58 + //banner
  59 + var swiper = new Swiper('.swiper-container', {
  60 + pagination: '.swiper-pagination',
  61 + paginationClickable: true,
  62 + centeredSlides: true,
  63 + loop: true,
  64 + autoplayDisableOnInteraction: false
  65 + });
  66 + </script>
  67 +</body>
  68 +
  69 +</html>
  1 +<!DOCTYPE html>
  2 +<html lang="en">
  3 +
  4 +<head>
  5 + <meta charset="UTF-8" />
  6 + <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
  7 + <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  8 + <link rel="stylesheet" href="__TMPL__/public/assets/css/swiper-3.4.2.min.css" />
  9 + <link rel="stylesheet" href="__TMPL__/public/assets/css/base.css" />
  10 + <link rel="stylesheet" href="__TMPL__/public/assets/css/index.css" />
  11 + <link rel="stylesheet" href="__TMPL__/public/assets/css/mask.css" />
  12 + <link rel="stylesheet" href="__TMPL__/public/assets/css/happy.css" />
  13 + <title>公益未来详情</title>
  14 +</head>
  15 +
  16 +<body>
  17 +<include file="public@header"/>
  18 +<include file="public@slide"/>
  19 +<div class="mask">
  20 +</div>
  21 +<!-- banner -->
  22 +<div class="index_eight_top">
  23 + <div class="index_eight_banner">
  24 + <img src="{:cmf_get_image_url($res.image_url)}" alt="" />
  25 + </div>
  26 +</div>
  27 +<!-- 详情 -->
  28 +<div class="index_eight_detail">
  29 + <div class="index_eight_detail_contant">
  30 + <div class="index_eight_detail_one">
  31 + {$res.post_title}
  32 + </div>
  33 + <div class="index_eight_detail_two">
  34 + <!--2019-02-04-->
  35 + </div>
  36 + <div class="index_eight_detail_three">
  37 + {$res.post_content}
  38 + </div>
  39 + </div>
  40 +</div>
  41 +<!--评论-->
  42 +<include file="public@comment"/>
  43 +<include file="public@footer"/>
  44 +</body>
  45 +<script src="__TMPL__/public/assets/js/base.js"></script>
  46 +<script src="__TMPL__/public/assets/js/jquery-2.1.0.js"></script>
  47 +<script src="__TMPL__/public/assets/js/swiper.min.js"></script>
  48 +<script src="__TMPL__/public/assets/js/public.js"></script>
  49 +<script></script>
  50 +
  51 +</html>
  1 +<!DOCTYPE html>
  2 +<html lang="en">
  3 +
  4 +<head>
  5 + <meta charset="UTF-8" />
  6 + <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
  7 + <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  8 + <link rel="stylesheet" href="__TMPL__/public/assets/css/swiper-3.4.2.min.css" />
  9 + <link rel="stylesheet" href="__TMPL__/public/assets/css/base.css" />
  10 + <link rel="stylesheet" href="__TMPL__/public/assets/css/index.css" />
  11 + <title>星域画廊详情</title>
  12 + <style>
  13 + body,
  14 + html {
  15 + width: 100%;
  16 + height: 100%;
  17 + }
  18 +
  19 + .index_fourth .swiper-pagination-bullet-active {
  20 + background: #09FF8E;
  21 + }
  22 +
  23 + .swiper-pagination-bullet {
  24 + background-color: white;
  25 + opacity: 1;
  26 + }
  27 +
  28 + .index_shans {
  29 + -webkit-animation: bounce-down 1.8s linear infinite;
  30 + animation: bounce-down 1.8s linear infinite;
  31 + }
  32 +
  33 + @keyframes bounce-down {
  34 + 25% {
  35 + transform: translateY(-4px);
  36 + }
  37 + 50%,
  38 + 100% {
  39 + transform: translateY(0);
  40 + }
  41 + 75% {
  42 + transform: translateY(4px);
  43 + }
  44 + }
  45 + </style>
  46 +</head>
  47 +
  48 +<body>
  49 + <div class="index_fourth swiper-container">
  50 + <ul class="swiper-wrapper">
  51 + <volist name="res['image_url']" id="vo">
  52 + <li class="swiper-slide">
  53 + <img src="{:cmf_get_image_url($vo.url)}" alt="" />
  54 + <div class="index_fourth_top index_shans">
  55 + <div class="index_fourth_top_img">
  56 + <img src="__TMPL__/public/assets/images/cicon_102@2x.png" alt="" />
  57 + </div>
  58 + </div>
  59 + <div class="index_fourth_bottom">
  60 + <div class="index_fourth_bottom_cantant">
  61 + {$res.post_title}
  62 + </div>
  63 + </div>
  64 + </li>
  65 + </volist>
  66 + </ul>
  67 + <!--<div class="swiper-pagination"></div>-->
  68 + </div>
  69 +</body>
  70 +<script src="__TMPL__/public/assets/js/base.js"></script>
  71 +<script src="__TMPL__/public/assets/js/jquery-2.1.0.js"></script>
  72 +<script src="__TMPL__/public/assets/js/swiper.min.js"></script>
  73 +<script>
  74 + var swiper = new Swiper('.swiper-container', {
  75 + pagination: '.swiper-pagination',
  76 + paginationClickable: true,
  77 + direction: 'vertical',
  78 + onSlideChangeEnd: function(swiper) {
  79 + var snum = $('.index_fourth ul li').length;
  80 + console.log(swiper.activeIndex)
  81 + if (snum - 1 == swiper.activeIndex) {
  82 + $('.index_fourth_top').removeClass('index_shans');
  83 + } else {
  84 + $('.index_fourth_top').addClass('index_shans');
  85 + }
  86 + }
  87 + });
  88 +</script>
  89 +
  90 +</html>
  1 +<!DOCTYPE html>
  2 +<html lang="en">
  3 +
  4 +<head>
  5 + <meta charset="UTF-8" />
  6 + <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
  7 + <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  8 + <link rel="stylesheet" href="__TMPL__/public/assets/css/swiper-3.4.2.min.css" />
  9 + <link rel="stylesheet" href="__TMPL__/public/assets/css/base.css" />
  10 + <link rel="stylesheet" href="__TMPL__/public/assets/css/index.css" />
  11 + <link rel="stylesheet" href="__TMPL__/public/assets/css/mask.css" />
  12 + <link rel="stylesheet" href="__TMPL__/public/assets/css/happy.css" />
  13 + <title>独角快报详情</title>
  14 +</head>
  15 +
  16 +<body>
  17 +<include file="public@header"/>
  18 +<include file="public@slide"/>
  19 +<div class="mask">
  20 +</div>
  21 +<!-- banner -->
  22 +<!--<div class="index_eight_top">-->
  23 + <!--<div class="index_eight_banner">-->
  24 + <!--<img src="{:cmf_get_image_url($res.image_url)}" alt="" />-->
  25 + <!--</div>-->
  26 +<!--</div>-->
  27 +<!-- 详情 -->
  28 +<div class="index_eight_detail">
  29 + <div class="index_eight_detail_contant">
  30 + <div class="index_eight_detail_one">
  31 + {$res.post_title}
  32 + </div>
  33 + <div class="index_eight_detail_two">
  34 + <!--2019-02-04-->
  35 + </div>
  36 + <div class="index_eight_detail_three">
  37 + {$res.post_content}
  38 + </div>
  39 + </div>
  40 +</div>
  41 +<!--评论-->
  42 +<include file="public@comment"/>
  43 +<include file="public@footer"/>
  44 +</body>
  45 +<script src="__TMPL__/public/assets/js/base.js"></script>
  46 +<script src="__TMPL__/public/assets/js/jquery-2.1.0.js"></script>
  47 +<script src="__TMPL__/public/assets/js/swiper.min.js"></script>
  48 +<script src="__TMPL__/public/assets/js/public.js"></script>
  49 +<script></script>
  50 +
  51 +</html>
  1 +<!DOCTYPE html>
  2 +<html>
  3 +
  4 +<head>
  5 + <meta charset="UTF-8">
  6 + <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
  7 + <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
  8 + <meta http-equiv="X-UA-Compatible" content="ie=edge">
  9 + <link rel="stylesheet" href="__TMPL__/public/assets/css/happy.css" />
  10 + <link rel="stylesheet" href="__TMPL__/public/assets/css/mask.css" />
  11 + <title>独角日志详情</title>
  12 + <style>
  13 + .sw_deCon{
  14 + font-size: 0.26rem;
  15 + font-weight: 500;
  16 + color: #333;
  17 + }
  18 + </style>
  19 +</head>
  20 +
  21 +<body>
  22 + <include file="public@header"/>
  23 + <div class="mask">
  24 + </div>
  25 + <include file="public@slide"/>
  26 + <div class="show_Detail">
  27 + <!--顶部人物介绍-->
  28 + <div class="sw_deTop">
  29 + <div class="sw_deTopImg">
  30 + <img src="{:cmf_get_image_url($res.avatar)}" alt="" />
  31 + </div>
  32 + <div class="sw_deTopTxt">
  33 + <h1 class="sw_deTopTxt1 one-txt-cut">{$res.full_name}</h1>
  34 + <p class="sw_deTopTxt2">{$res.post_excerpt}</p>
  35 + <span class="sw_deTopTxt3"></span>
  36 + </div>
  37 + </div>
  38 + <!--富文本内容-->
  39 + <div class="sw_deCon">
  40 + {$res.post_content}
  41 + </div>
  42 + </div>
  43 + <!--评论-->
  44 + <include file="public@comment"/>
  45 + <include file="public@footer"/>
  46 + <script src="__TMPL__/public/assets/js/base.js"></script>
  47 + <script src="__TMPL__/public/assets/js/jquery-2.1.0.js"></script>
  48 + <script src="__TMPL__/public/assets/js/public.js"></script>
  49 +</body>
  50 +
  51 +</html>
  1 +<!DOCTYPE html>
  2 +<html>
  3 +
  4 +<head>
  5 + <meta charset="UTF-8">
  6 + <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
  7 + <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
  8 + <meta http-equiv="X-UA-Compatible" content="ie=edge">
  9 + <link rel="stylesheet" href="__TMPL__/public/assets/css/happy.css" />
  10 + <link rel="stylesheet" href="__TMPL__/public/assets/css/mask.css" />
  11 + <title>明星访谈详情</title>
  12 + <style>
  13 + .sw_deCon{
  14 + font-size: 0.26rem;
  15 + font-weight: 500;
  16 + color: #333;
  17 + }
  18 + </style>
  19 +</head>
  20 +
  21 +<body>
  22 + <include file="public@header"/>
  23 + <div class="mask">
  24 + </div>
  25 + <include file="public@slide"/>
  26 + <div class="show_Detail">
  27 + <!--顶部人物介绍-->
  28 + <div class="sw_deTop">
  29 + <div class="sw_deTopImg">
  30 + <img src="{:cmf_get_image_url($res.avatar)}" alt="" />
  31 + </div>
  32 + <div class="sw_deTopTxt">
  33 + <h1 class="sw_deTopTxt1 one-txt-cut">{$res.full_name}</h1>
  34 + <p class="sw_deTopTxt2">{$res.position} {$res.trade}</p>
  35 + <span class="sw_deTopTxt3"></span>
  36 + </div>
  37 + </div>
  38 + <!--富文本内容-->
  39 + <div class="sw_deCon">
  40 + {$res.post_content}
  41 + </div>
  42 + </div>
  43 + <!--评论-->
  44 + <include file="public@comment"/>
  45 + <include file="public@footer"/>
  46 + <script src="__TMPL__/public/assets/js/base.js"></script>
  47 + <script src="__TMPL__/public/assets/js/jquery-2.1.0.js"></script>
  48 + <script src="__TMPL__/public/assets/js/public.js"></script>
  49 +</body>
  50 +
  51 +</html>
  1 +<!DOCTYPE html>
  2 +<html lang="en">
  3 +
  4 +<head>
  5 + <meta charset="UTF-8" />
  6 + <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
  7 + <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  8 + <link rel="stylesheet" href="__TMPL__/public/assets/css/swiper-3.4.2.min.css" />
  9 + <link rel="stylesheet" href="__TMPL__/public/assets/css/base.css" />
  10 + <link rel="stylesheet" href="__TMPL__/public/assets/css/index.css" />
  11 + <title>旅游路线详情</title>
  12 +</head>
  13 +
  14 +<body>
  15 + <include file="public@header"/>
  16 + <div class="index_fifteenth">
  17 + <div class="index_fifteenth_bg">
  18 + <div class="index_fifteenth_contant">
  19 + <div class="index_fifteenth_top">
  20 + <img src="__TMPL__/public/assets/images/cicon_58@2x.png" alt="" />
  21 + </div>
  22 + <div class="index_fifteenth_one">
  23 + {$res.post_title}
  24 + </div>
  25 + <div class="index_fifteenth_two">
  26 + <div class="index_fifteenth_two_left">
  27 + 预订须知
  28 + </div>
  29 + <div class="index_fifteenth_two_right index_fifteen_two_right_bg">
  30 + {$res.notice}
  31 + </div>
  32 + </div>
  33 + <div class="index_fifteenth_two">
  34 + <div class="index_fifteenth_two_left">
  35 + 出发地点
  36 + </div>
  37 + <div class="index_fifteenth_two_right">
  38 + {$res.place}
  39 + </div>
  40 + </div>
  41 + <div class="index_fifteenth_two">
  42 + <div class="index_fifteenth_two_left">
  43 + 包含项目
  44 + </div>
  45 + <div class="index_fifteenth_two_right">
  46 + {$res.project}
  47 + </div>
  48 + </div>
  49 + <div class="index_fifteenth_three">
  50 + <div class="index_fifteenth_three_left">
  51 + 商品售价：
  52 + </div>
  53 + <div class="index_fifteenth_three_right">
  54 + ￥{$res.price}
  55 + </div>
  56 + </div>
  57 + <div class="index_fifteenth_four">
  58 + {$res.post_excerpt}
  59 + </div>
  60 + <div class="index_fifteenth_five">
  61 + <a href="{$res.pay_url}">
  62 + 立即前往购买
  63 + </a>
  64 + </div>
  65 + </div>
  66 + </div>
  67 + </div>
  68 + <include file="public@footer"/>
  69 +</body>
  70 +<script src="__TMPL__/public/assets/js/base.js"></script>
  71 +<script src="__TMPL__/public/assets/js/jquery-2.1.0.js"></script>
  72 +<script src="__TMPL__/public/assets/js/swiper.min.js"></script>
  73 +<script src="__TMPL__/public/assets/js/public.js"></script>
  74 +<script></script>
  75 +
  76 +</html>