get_story_detail.html 3.7 KB
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>星球故事详情</title>
    <link rel="stylesheet" href="__TMPL__/public/assets/js/swiper4/swiper.min.css">
    <link rel="stylesheet" href="__TMPL__/public/assets/css/show.css">
    <link rel="stylesheet" href="__TMPL__/public/assets/css/mask.css">
</head>

<body>
    <include file="public@header"/>
    <!--弹出框-->
    <div class="mask">

    </div>
    <!-- 侧边栏 -->
    <div class="sidebar">
        <!-- 收藏 -->
        <div class="collections">
            <img src="__TMPL__/public/assets/starImg/bicon_02.png" alt="">
        </div>
        <!-- 喜欢 -->
        <div class="likes">
            <img src="__TMPL__/public/assets/starImg/bicon_03.png" alt="">
        </div>
        <!-- wx分享 -->
        <div class="wx_go">
            <img src="__TMPL__/public/assets/starImg/bicon_04.png" alt="">
            <p>168</p>
        </div>
        <!-- wb分享 -->
        <div class="wb_go">
            <img src="__TMPL__/public/assets/starImg/bicon_05.png" alt="">
            <p>168</p>
        </div>
    </div>
    <div class="show_5">
        <!-- 星球故事盒子 -->
        <div class="show_InMain_box show_InMain_box2">
            <!-- 顶部标题 -->
            <!--<div class="show_INMain_tit clearfix">-->
                <!--<div class="show_IN1 clearfix">-->
                    <!--<img src="__TMPL__/public/assets/starImg/aicon_03.png" alt="">-->
                    <!--<p>星球<span>故事</span></p>-->
                    <!--<h2>Planet Story</h2>-->
                <!--</div>-->
                <!--&lt;!&ndash; 更多 &ndash;&gt;-->
                <!--<div class="show_IN2">-->
                    <!--<a href=""> MORE+ </a>-->
                <!--</div>-->
            <!--</div>-->
            <!-- 内容 -->
            <div class="show_INMain_con2_2 swiper-container2 show_5_swiper">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <div class="show_index_con2Txt clearfix">
                            <!-- 左侧图片 -->
                            <img class="show_indexImg1" src="{:cmf_get_image_url($res.thumbnail)}" alt="">
                            <!-- 文字 -->
                            <div class="show_index_con2Txt2">
                               {$res.post_excerpt}
                            </div>
                            <!-- 进度条 -->
                            <div class="show_index_progress">
                                <img src="__TMPL__/public/assets/starImg/aicon_15.png" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 内容 -->
        <div class="show_5_con">
            <!-- 文字 -->
            {$res.post_content}
        </div>
        <!-- 评论 -->
        <include file="public@comment"/>
    </div>

    <!-- 底部 -->
    <include file="public@footer"/>
    <script src="__TMPL__/public/assets/js/jquery-3.2.1.min.js"></script>
    <script src="__TMPL__/public/assets/js/swiper4/swiper.min.js"></script>
    <script src="__TMPL__/public/assets/js/public.js"></script>
    <script>
        // 星球故事swiper
        var swiper = new Swiper('.swiper-container2', {
            slidesPerView: 1,
            spaceBetween: 30,
            // loop: true,
            pagination: {
                el: '.swiper-pagination',
                clickable: true,
            },
        });
    </script>
</body>

</html>