景龙 / xingqiu · 文件

转到一个项目

审查视图

public/themes/simpleboot3/portal/region/index.html 11.8 KB
原文件 普通视图 历史 永久链接
渲染首页增加评论管理模块
dd8ad7da
 
景龙 authored
1 2 3 4 5 6 7 8 
<!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>
渲染星域秀场页面
e104c2c8
 
景龙 authored
9 10 11 12 13 14 15 16 
    <link rel="stylesheet" href="__TMPL__/public/assets/js/swiper4/swiper.min.css">
    <link rel="stylesheet" href="__TMPL__/public/assets/css/show.css">
    <style>
        .slide-image{
            width:260px;
            height:375px;
        }
    </style>
渲染首页增加评论管理模块
dd8ad7da
 
景龙 authored
17 18 19 20 
</head>

<body>
    <!--头部-->
渲染星域秀场页面
e104c2c8
 
景龙 authored
21 
    <include file="public@header"/>
渲染首页增加评论管理模块
dd8ad7da
 
景龙 authored
22 23 24 
    <div class="show_index">
        <!-- banner视频 -->
        <div class="show_index_banner">
渲染星域秀场页面
e104c2c8
 
景龙 authored
25 26 27 28 29 30 31 
            <notempty name="res_xqyy">
                <video id="video" autoplay="autoplay" controls width="100%" height="660" src="{:cmf_get_file_download_url($res_xqyy.video)}"></video>
                <else/>
                <video id="video" autoplay="autoplay" controls width="100%" height="660" src="__TMPL__/public/assets/starImg/video.mp4"></video>
            </notempty>
            <!-- poster="__TMPL__/public/assets/starImg/aicon_01.png" -->
            <!-- <img onclick="bofang()" class="show_in_banner2" src="__TMPL__/public/assets/starImg/aicon_30.png" alt=""> -->
渲染首页增加评论管理模块
dd8ad7da
 
景龙 authored
32 33 34 35 36 37 38 39 40 
        </div>

        <!-- main 背景 -->
        <div class="show_InMain">
            <!-- 明星访谈盒子 -->
            <div class="show_InMain_box">
                <!-- 顶部标题 -->
                <div class="show_INMain_tit clearfix">
                    <div class="show_IN1 clearfix">
渲染星域秀场页面
e104c2c8
 
景龙 authored
41 
                        <img src="__TMPL__/public/assets/starImg/aicon_48.png" alt="">
渲染首页增加评论管理模块
dd8ad7da
 
景龙 authored
42 43 44 45 46 
                        <p>明星<span>访谈</span></p>
                        <h2>Star Interview</h2>
                    </div>
                    <!-- 更多 -->
                    <div class="show_IN2">
上传明星访谈更多
f83dd6d4
 
景龙 authored
47 
                        <a href="/portal/region/getMoreStar"> MORE+ </a>
渲染首页增加评论管理模块
dd8ad7da
 
景龙 authored
48 49 50 51 
                    </div>
                </div>
                <!-- 内容 -->
                <div class="show_INMain_con clearfix">
渲染星域秀场详情页
314482cc
 
景龙 authored
52 
                    <a href="/portal/region/getStarDetail?id={$res_mxft.id}">
渲染星域秀场页面
e104c2c8
 
景龙 authored
53 
                        <img class="show_INMain_con1" src="{:cmf_get_image_url($res_mxft.avatar)}" alt="">
渲染首页增加评论管理模块
dd8ad7da
 
景龙 authored
54 
                        <div class="show_INMain_con2 clearfix">
渲染星域秀场页面
e104c2c8
 
景龙 authored
55 56 57 58 
                            <img class="show_INMain_con3" src="__TMPL__/public/assets/starImg/aicon_32.png" alt="">
                            <h2>{$res_mxft.full_name}</h2>
                            <h3>{$res_mxft.position} {$res_mxft.trade}</h3>
                            <p>{$res_mxft.post_excerpt}</p>
渲染首页增加评论管理模块
dd8ad7da
 
景龙 authored
59 60 61 62 63 64 65 66 67 
                        </div>
                    </a>
                </div>
            </div>
            <!-- 星球故事盒子 -->
            <div class="show_InMain_box show_InMain_box2">
                <!-- 顶部标题 -->
                <div class="show_INMain_tit clearfix">
                    <div class="show_IN1 clearfix">
渲染星域秀场页面
e104c2c8
 
景龙 authored
68 
                        <img src="__TMPL__/public/assets/starImg/aicon_03.png" alt="">
渲染首页增加评论管理模块
dd8ad7da
 
景龙 authored
69 70 71 72 73 74 75 76 77 78 79 
                        <p>星球<span>故事</span></p>
                        <h2>Planet Story</h2>
                    </div>
                    <!-- 更多 -->
                    <div class="show_IN2">
                        <a href=""> MORE+ </a>
                    </div>
                </div>
                <!-- 内容 -->
                <div class="show_INMain_con2_2 swiper-container2">
                    <div class="swiper-wrapper">
渲染星域秀场页面
e104c2c8
 
景龙 authored
80 81 
                        <volist name="res_xqgs" id="vo">
                            <div class="swiper-slide">
渲染星域秀场详情页
314482cc
 
景龙 authored
82 83 84 85 86 87 88 89 90 91 92 93 
                                <a href="/portal/star/getStoryDetail?id={$vo.id}">
                                    <div class="show_index_con2Txt clearfix">
                                        <!-- 左侧图片 -->
                                        <img class="show_indexImg1" src="{:cmf_get_image_url($vo.thumbnail)}" alt="">
                                        <!-- 文字 -->
                                        <div class="show_index_con2Txt2">
                                            {$vo.post_excerpt}
                                        </div>
                                        <!-- 进度条 -->
                                        <div class="show_index_progress">
                                            <img src="__TMPL__/public/assets/starImg/aicon_15.png" alt="">
                                        </div>
渲染星域秀场页面
e104c2c8
 
景龙 authored
94 
                                    </div>
渲染星域秀场详情页
314482cc
 
景龙 authored
95 
                                </a>
渲染首页增加评论管理模块
dd8ad7da
 
景龙 authored
96 
                            </div>
渲染星域秀场页面
e104c2c8
 
景龙 authored
97 
                        </volist>
渲染首页增加评论管理模块
dd8ad7da
 
景龙 authored
98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 
                    </div>
                    <div class="show_swiper2_btn clearfix">

                        <div class="swiper-button-prev2"></div>
                        <div class="swiper-pagination">

                        </div>
                        <div class="swiper-button-next2"></div>
                    </div>

                </div>
            </div>
        </div>
        <!-- 星球画廊盒子 -->
        <div class="show_InMain_box show_InMain_box3">
            <!-- 顶部标题 -->
            <div class="show_INMain_tit clearfix">
                <div class="show_IN1 clearfix">
渲染星域秀场页面
e104c2c8
 
景龙 authored
116 
                    <img src="__TMPL__/public/assets/starImg/aicon_50.png" alt="">
渲染首页增加评论管理模块
dd8ad7da
 
景龙 authored
117 118 119 
                    <p>星球<span>画廊</span></p>
                    <h2>Star Gallery</h2>
                </div>
上传明星访谈更多
f83dd6d4
 
景龙 authored
120 121 122 123 
                <!-- 更多 -->
                <div class="show_IN2">
                    <a href=""> MORE+ </a>
                </div>
渲染首页增加评论管理模块
dd8ad7da
 
景龙 authored
124 125 126 127 128 
            </div>
            <!-- 内容 -->
            <div class="show_INMain_con3_3 swiper-container">
                <ul class="swiper-wrapper">
                    <li class="swiper-slide">
渲染星域秀场页面
e104c2c8
 
景龙 authored
129 
                        <img class="swiper-slide" src="__TMPL__/public/assets/starImg/aicon_47.png" alt="">
渲染首页增加评论管理模块
dd8ad7da
 
景龙 authored
130 
                    </li>
渲染星域秀场页面
e104c2c8
 
景龙 authored
131 132 133 134 135 
                    <volist name="res_xyhl" id="vo">
                        <li class="swiper-slide">
                            <img class="swiper-slide slide-image" src="{:cmf_get_image_url($vo.thumbnail)}" alt="">
                        </li>
                    </volist>
渲染首页增加评论管理模块
dd8ad7da
 
景龙 authored
136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 
                </ul>
                <div class="swiper-button-next">

                </div>
                <div class="swiper-button-prev ">

                </div>
            </div>
        </div>
        <!-- 独角快报 -->
        <div class="show_InMain2">
            <div class="show_InMain_box4">
                <!-- 顶部标题 -->
                <div class="show_INMain_tit clearfix">
                    <div class="show_IN1 clearfix">
渲染星域秀场页面
e104c2c8
 
景龙 authored
151 
                        <img src="__TMPL__/public/assets/starImg/aicon_51.png" alt="" style="margin-top:5px;width: 30px;">
渲染首页增加评论管理模块
dd8ad7da
 
景龙 authored
152 153 154 155 156 157 158 159 160 161 162 
                        <p>独角<span>快报</span></p>
                        <h2>Planet Express</h2>
                    </div>
                    <!-- 更多 -->
                    <div class="show_IN2">
                        <a href=""> MORE+ </a>
                    </div>
                </div>
                <!-- 内容 -->
                <div class="show_INMain_con4">
                    <ul>
渲染星域秀场页面
e104c2c8
 
景龙 authored
163 164 165 166 167 168 169 170 171 172 173 174 175 176 
                        <volist name="res_djkb" id="vo">
                            <li class="clearfix">
                                <a href="show_4.html">
                                    <img src="{:cmf_get_image_url($vo.thumbnail)}" alt="">
                                    <div class="show_INMain_con4_txt">
                                        <h2>{$vo.post_title}</h2>
                                        <p>
                                            {$vo.post_excerpt}
                                        </p>
                                        <span>{$vo.create_time|date="Y-m-d",###}</span>
                                    </div>
                                </a>
                            </li>
                        </volist>
渲染首页增加评论管理模块
dd8ad7da
 
景龙 authored
177 178 179 180 181 182 183 184 185 
                    </ul>
                </div>
            </div>
        </div>
        <!-- 独角日志 -->
        <div class="show_InMain_box show_InMain_box5">
            <!-- 顶部标题 -->
            <div class="show_INMain_tit clearfix">
                <div class="show_IN1 clearfix">
渲染星域秀场页面
e104c2c8
 
景龙 authored
186 
                    <img src="__TMPL__/public/assets/starImg/aicon_52.png" alt="" style="margin-top:3px;width: 28px;">
渲染首页增加评论管理模块
dd8ad7da
 
景龙 authored
187 188 189 190 191 192 193 
                    <p>独角<span>日志</span></p>
                    <h2>Neo Blog</h2>
                </div>
            </div>
            <!-- 内容 -->
            <div class="show_INMain_con5">
                <ul class="clearfix">
渲染星域秀场页面
e104c2c8
 
景龙 authored
194 195 
                    <volist name="res_djrz" id="vo">
                        <li>
渲染星域秀场详情页
314482cc
 
景龙 authored
196 
                            <a href="/portal/region/getNoteDetail?id={$vo.id}">
渲染星域秀场页面
e104c2c8
 
景龙 authored
197 198 199 200 201 202 203 204 205 206 207 208 209 
                                <div class="show_INMain_con5_1">
                                    <img src="{:cmf_get_image_url($vo.thumbnail)}" alt="">
                                </div>
                                <div class="show_INMain_con5_2">
                                    <h1>{$vo.post_title}</h1>
                                    <p>
                                        {$vo.post_excerpt}
                                    </p>
                                    <img src="{:cmf_get_image_url($vo.avatar)}" alt="">
                                </div>
                            </a>
                        </li>
                    </volist>
渲染首页增加评论管理模块
dd8ad7da
 
景龙 authored
210 211 212 213 214 215 216 217 
                </ul>
            </div>
        </div>
        <!-- 公益未来 -->
        <div class="show_InMain_box show_InMain_box6">
            <!-- 顶部标题 -->
            <div class="show_INMain_tit clearfix">
                <div class="show_IN1 clearfix">
渲染星域秀场页面
e104c2c8
 
景龙 authored
218 
                    <img src="__TMPL__/public/assets/starImg/aicon_53.png" alt="" style="margin-top:5px;width:37px;">
渲染首页增加评论管理模块
dd8ad7da
 
景龙 authored
219 220 221 222 223 224 225 
                    <p>公益<span>未来</span></p>
                    <h2>Commonweal & Future</h2>
                </div>
            </div>
            <!-- 内容 -->
            <div class="show_INMain_con6">
                <ul class="clearfix">
渲染星域秀场页面
e104c2c8
 
景龙 authored
226 227 
                    <volist name="res_tqwl" id="vo">
                        <li>
渲染星域秀场详情页
314482cc
 
景龙 authored
228 
                            <a href="/portal/region/getFutureDetail?id={$vo.id}">
渲染星域秀场页面
e104c2c8
 
景龙 authored
229 230 231 232 233 234 235 236 
                                <img src="{:cmf_get_image_url($vo.thumbnail)}" alt="">
                                <div class="show_INMain_con6_1">
                                    <h1>{$vo.post_title}</h1>
                                    <p>{$vo.post_excerpt}</p>
                                </div>
                            </a>
                        </li>
                    </volist>
渲染首页增加评论管理模块
dd8ad7da
 
景龙 authored
237 238 239 240 241 
                </ul>
            </div>
        </div>
    </div>
    <!-- 底部 -->
渲染星域秀场页面
e104c2c8
 
景龙 authored
242 243 244 
    <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>
上传明星访谈更多
f83dd6d4
 
景龙 authored
245 
    <script src="__TMPL__/public/assets/js/public.js"></script>
渲染首页增加评论管理模块
dd8ad7da
 
景龙 authored
246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 
    <script>
        // 星球画廊swiper
        var swiper = new Swiper('.swiper-container', {
            slidesPerView: 4,
            spaceBetween: 53,

            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
        });
        // 星球故事swiper
        var swiper = new Swiper('.swiper-container2', {
            slidesPerView: 1,
            spaceBetween: 30,
            // loop: true,
            pagination: {
                el: '.swiper-pagination',
                clickable: true,
            },
            navigation: {
                nextEl: '.swiper-button-next2',
                prevEl: '.swiper-button-prev2',
            },
        });

        // banner视频
        // var video = document.getElementById("video");
        // function bofang() {
        //     video.play();
        //     $('#video').attr('controls', 'controls')
        //     $('.show_in_banner2').hide();
        // }
    </script>
</body>

</html>