Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning

Blame view

staticViews/xwdt/index.html 12.5 KB
Raw Normal View History Permalink
添加网站顶部，底部，导航设置公共脚本
81598295
 
田浩浩 committed
1 2 3 
<!DOCTYPE html
    PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
feat():引入layerui,绘制新闻动态
f3f97632
 
weimo934 committed
4 
<head>
添加网站顶部，底部，导航设置公共脚本
81598295
 
田浩浩 committed
5 6 7 8 9 
    <style>
    </style>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <script type="text/javascript" src="../../staticJs/head.js"></script>
style():添加导航条
39099e62
 
weimo934 committed
10 
    <link rel="stylesheet" type="text/css" href="../../staticLib/layui/css/layui.css" />
style:新闻动态
7f7c10df
 
任超 committed
11 
    <link rel="stylesheet" type="text/css" href="../../staticCss/common.css" />
feat():引入layerui,绘制新闻动态
f3f97632
 
weimo934 committed
12 13 
    <link rel="stylesheet" type="text/css" href="css/index.css">
</head>
style:新闻动态
27211328
 
任超 committed
14
feat():引入layerui,绘制新闻动态
f3f97632
 
weimo934 committed
15 
<body>
添加网站顶部，底部，导航设置公共脚本
81598295
 
田浩浩 committed
16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 
    <div class="navigation_crumbs">
        <div class="contentBox">
            <span class="layui-breadcrumb">
                <a href="../../index.html">首页</a>
                <a><cite>新闻动态</cite></a>
            </span>
        </div>
    </div>
    <div class="leftandright">
        <div class="left">
            <ul class="leftContainer">
                <li>
                    <a class="left-top" title="前三季度主要指标由负转正 中国经济持续稳定恢复" href="./../xwxq/index.html" target="_blank">
                        前三季度主要指标由负转正 中国经济持续稳定恢复
                    </a>
                    <a class="xw" href="./../xwxq/index.html" target="_blank">
                        <div class="xw-left">
                            <img
                                src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg">
                        </div>
                        <div class="xw-right">
                            <div class="left-body">
                                10月21日,农业农村部举行新闻发布会,介绍2020年前三季度农业农村经济形式,农业农村部总经济师,发展
                                划司司长魏白刚介绍,今年农业收来之不易,农业农村经济保持了持续向好、稳中有进的态势，粮食丰收已成定局，预计产量达到历史最高水平
                            </div>
                            <div class="left-buttom">
                                <div>
样式调整
30dd234e
 
焦小希 committed
43 44 45 46 
                                    <svg class="icon svg-icon" aria-hidden="true">
                                        <use xlink:href="#iconchakan"></use>
                                    </svg>
                                    <span>123</span>
添加网站顶部，底部，导航设置公共脚本
81598295
 
田浩浩 committed
47 48 
                                </div>
                                <div>
样式调整
30dd234e
 
焦小希 committed
49 50 51 52 
                                    <svg class="icon svg-icon" aria-hidden="true">
                                        <use xlink:href="#iconpinglun"></use>
                                    </svg>
                                    <span>456</span>
添加网站顶部，底部，导航设置公共脚本
81598295
 
田浩浩 committed
53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 
                                </div>
                                <div class="left-buttom-date">
                                    2020-12-27
                                </div>
                            </div>
                        </div>
                    </a>
                </li>
                <li>
                    <a class="left-top" title="前三季度主要指标由负转正 中国经济持续稳定恢复" href="./../xwxq/index.html" target="_blank">
                        前三季度主要指标由负转正 中国经济持续稳定恢复
                    </a>
                    <a class="xw" href="./../xwxq/index.html" target="_blank">
                        <div class="xw-left">
                            <img
                                src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg">
                        </div>
                        <div class="xw-right">
                            <div class="left-body">
                                10月21日,农业农村部举行新闻发布会,介绍2020年前三季度农业农村经济形式,农业农村部总经济师,发展
                                划司司长魏白刚介绍,今年农业收来之不易,农业农村经济保持了持续向好、稳中有进的态势，粮食丰收已成定局，预计产量达到历史最高水平
                            </div>
                            <div class="left-buttom">
                                <div>
style:新闻动态
7f7c10df
 
任超 committed
77 78 79 
                                    <svg class="icon svg-icon" aria-hidden="true">
                                        <use xlink:href="#iconchakan"></use>
                                    </svg>
样式调整
30dd234e
 
焦小希 committed
80 
                                    <span>123</span>
添加网站顶部，底部，导航设置公共脚本
81598295
 
田浩浩 committed
81 82 
                                </div>
                                <div>
style:新闻动态
7f7c10df
 
任超 committed
83 84 85 
                                    <svg class="icon svg-icon" aria-hidden="true">
                                        <use xlink:href="#iconpinglun"></use>
                                    </svg>
样式调整
30dd234e
 
焦小希 committed
86 
                                    <span>456</span>
添加网站顶部，底部，导航设置公共脚本
81598295
 
田浩浩 committed
87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 
                                </div>
                                <div class="left-buttom-date">
                                    2020-12-27
                                </div>
                            </div>
                        </div>
                    </a>
                </li>
                <li>
                    <a class="left-top" title="前三季度主要指标由负转正 中国经济持续稳定恢复" href="./../xwxq/index.html" target="_blank">
                        前三季度主要指标由负转正 中国经济持续稳定恢复
                    </a>
                    <a class="xw" href="./../xwxq/index.html" target="_blank">
                        <div class="xw-left">
                            <img
                                src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg">
                        </div>
                        <div class="xw-right">
                            <div class="left-body">
                                10月21日,农业农村部举行新闻发布会,介绍2020年前三季度农业农村经济形式,农业农村部总经济师,发展
                                划司司长魏白刚介绍,今年农业收来之不易,农业农村经济保持了持续向好、稳中有进的态势，粮食丰收已成定局，预计产量达到历史最高水平
                            </div>
                            <div class="left-buttom">
                                <div>
样式调整
30dd234e
 
焦小希 committed
111 112 113 114 
                                    <svg class="icon svg-icon" aria-hidden="true">
                                        <use xlink:href="#iconchakan"></use>
                                    </svg>
                                    <span>123</span>
添加网站顶部，底部，导航设置公共脚本
81598295
 
田浩浩 committed
115 116 
                                </div>
                                <div>
样式调整
30dd234e
 
焦小希 committed
117 118 119 120 
                                    <svg class="icon svg-icon" aria-hidden="true">
                                        <use xlink:href="#iconpinglun"></use>
                                    </svg>
                                    <span>456</span>
添加网站顶部，底部，导航设置公共脚本
81598295
 
田浩浩 committed
121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 
                                </div>
                                <div class="left-buttom-date">
                                    2020-12-27
                                </div>
                            </div>
                        </div>
                    </a>
                </li>
                <li>
                    <a class="left-top" title="前三季度主要指标由负转正 中国经济持续稳定恢复" href="./../xwxq/index.html" target="_blank">
                        前三季度主要指标由负转正 中国经济持续稳定恢复
                    </a>
                    <a class="xw" href="./../xwxq/index.html" target="_blank">
                        <div class="xw-left">
                            <img
                                src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg">
                        </div>
                        <div class="xw-right">
                            <div class="left-body">
                                10月21日,农业农村部举行新闻发布会,介绍2020年前三季度农业农村经济形式,农业农村部总经济师,发展
                                划司司长魏白刚介绍,今年农业收来之不易,农业农村经济保持了持续向好、稳中有进的态势，粮食丰收已成定局，预计产量达到历史最高水平
                            </div>
                            <div class="left-buttom">
                                <div>
样式调整
30dd234e
 
焦小希 committed
145 146 147 148 
                                    <svg class="icon svg-icon" aria-hidden="true">
                                        <use xlink:href="#iconchakan"></use>
                                    </svg>
                                    <span>123</span>
添加网站顶部，底部，导航设置公共脚本
81598295
 
田浩浩 committed
149 150 
                                </div>
                                <div>
样式调整
30dd234e
 
焦小希 committed
151 152 153 154 
                                    <svg class="icon svg-icon" aria-hidden="true">
                                        <use xlink:href="#iconpinglun"></use>
                                    </svg>
                                    <span>456</span>
添加网站顶部，底部，导航设置公共脚本
81598295
 
田浩浩 committed
155 156 157 158 
                                </div>
                                <div class="left-buttom-date">
                                    2020-12-27
                                </div>
style:新闻动态
d83f48a4
 
任超 committed
159 
                            </div>
添加网站顶部，底部，导航设置公共脚本
81598295
 
田浩浩 committed
160 161 162 163 164 
                        </div>
                    </a>
                </li>
            </ul>
            <div id="page"></div>
feat():绘制业务指南页面
4fcff2ae
 
weimo934 committed
165 
        </div>
添加网站顶部，底部，导航设置公共脚本
81598295
 
田浩浩 committed
166 167 168 
        <div class="right">
            <div class="right-top">
                <h2>新闻推荐</h2>
feat():绘制业务指南页面
4fcff2ae
 
weimo934 committed
169 
            </div>
添加网站顶部，底部，导航设置公共脚本
81598295
 
田浩浩 committed
170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 
            <ul class="right-body">
                <li class="tj">
                    <img
                        src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg">
                    <span class="tj-title">
                        爬山虎国土空间信息化解决方案
                    </span>
                    <span class="tj-date">
                        2020-12-12
                    </span>
                </li>
                <li class="tj">
                    <img
                        src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg">
                    <span class="tj-title">
                        爬山虎国土空间信息化解决方案
                    </span>
                    <span class="tj-date">
                        2020-12-12
                    </span>
                </li>
            </ul>
            <ul class="right-bottom">
                <div class="right-bottom-top">
                    <span>政策法规推荐</span>
style:新闻动态
d83f48a4
 
任超 committed
195 
                </div>
添加网站顶部，底部，导航设置公共脚本
81598295
 
田浩浩 committed
196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 
                <li class="zcfg">
                    <div class="zcfg-top">
                        <span>爬山虎国土空间规划信息化解决</span>
                    </div>
                    <div class="zcfg-body">
                        <span>10月21日，农业农村部举行新闻发布会，介绍2020年前三季度农业农村经济形势。</span>
                    </div>
                    <div class="zcfg-bottom">
                        <span>2020-10-28</span>
                    </div>
                </li>
                <li class="zcfg">
                    <div class="zcfg-top">
                        <span>爬山虎国土空间规划信息化解决</span>
                    </div>
                    <div class="zcfg-body">
                        <span>10月21日，农业农村部举行新闻发布会，介绍2020年前三季度农业农村经济形势。</span>
                    </div>
                    <div class="zcfg-bottom">
                        <span>2020-10-28</span>
                    </div>
                </li>
            </ul>
feat():绘制业务指南页面
4fcff2ae
 
weimo934 committed
219 
        </div>
feat():引入layerui,绘制新闻动态
f3f97632
 
weimo934 committed
220 221 222 
    </div>
</body>
<script type="text/javascript">
style():添加导航条
2be82cdf
 
weimo934 committed
223 224 225 226 227 228 229 230 
    layui.use('element', function () {
        let element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
        //监听导航点击
        element.on('nav(demo)', function (elem) {
            //console.log(elem)
            layer.msg(elem.text());
        });
    });
feat():引入layerui,绘制新闻动态
f3f97632
 
weimo934 committed
231 
    layui.use('laypage', function () {
添加网站顶部，底部，导航设置公共脚本
81598295
 
田浩浩 committed
232 233 234 235 236 237 238 239 240 241 242 
        // $(function () {
        //     let laypage = layui.laypage;
        //     //执行一个laypage实例
        //     laypage.render({
        //         elem: 'page' //注意，这里的 test1 是 ID，不用加 # 号
        //         , count: 50 //数据总数，从服务端得到
        //         , prev: '<'
        //         , next: '>'
        //         , theme: '#0091FF'
        //     });
        // });
feat():接入头部尾部调整样式
f8ebd472
 
weimo934 committed
243 
    })
添加网站顶部，底部，导航设置公共脚本
81598295
 
田浩浩 committed
244 245 246 
</script>
<script type="text/javascript" src="../../staticJs/down.js"></script>
</html>