菜鸟开源,更多应用场景,更好适应移动设备阅读! 注册

触屏版资讯中心页面设计

用户名:tsg

前端浅学  | 阅读: 228

发表:湖南  2025/2/21 22:33:23

未关注


<%@ Page Language="C#" AutoEventWireup="true" CodeFile="articlelist.aspx.cs" Inherits="m_articlelist" %>
<html>
    
    <head>
        <meta name="renderer" content="webkit">
        <meta charset="utf-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
        <meta name="generator" content="dede58 5.3.9" data-variable="" />
        <title>
           资讯中心
        </title>
        <meta name="keywords" content="" />
        <meta name="description" content="" />
        <link rel="stylesheet" href="/mb/9/css/3af1bf1fa0061831.css">
        <!--[if lt IE 10]>
            <script src="js/media.match.min.js">
            </script>
            <script src="js/respond.min.js">
            </script>
            <script src="js/classlist.min.js">
            </script>
        <![endif]-->
    </head>
    
    <body>
       
          <nav class="navbar navbar-default met-nav " role="navigation">
            <div class="container">
                <div class="row">
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle hamburger collapsed" data-target="#example-navbar-default-collapse"
                        data-toggle="collapse">
                            <span class="sr-only">
                                Toggle navigation
                            </span>
                            <span class="hamburger-bar">
                            </span>
                        </button>
                        <a href="index.aspx" class="navbar-brand navbar-logo vertical-align" title="HTML5网站建设企业响应式网站模板(自适应)">
                            <div class="vertical-align-middle">
                              <img src="/logo.png"  width="80"  height="50" style="float:left;"/><div style="font-size:24px; padding:15px 0 0 0;display: inline-block;">&nbsp;&nbsp;<span style="color:#c33e20;text-shadow: 1px 5px 4px #808080;">菜鸟云网络科技</span></div>
                            </div>
                        </a>
                    </div>
                    <div class="collapse navbar-collapse navbar-collapse-toolbar" id="example-navbar-default-collapse">
                        <ul class="nav navbar-nav navbar-right navlist">
                            <li>
                                <a href="/index.aspx" title="网站首页" class="link">
                                    电脑版
                                </a>
                            </li>
                             <li>
                                <a href="index.aspx" title="网站首页" class="link">
                                    触屏版
                                </a>
                            </li>
                            <li class="dropdown margin-left-20">
                                <a class="dropdown-toggle link " data-toggle="dropdown" data-hover="dropdown"
                                href="mpage.aspx?id=1073" aria-expanded="false" role="button" title="关于我们">
                                    关于我们
                                    <i class="fa fa-angle-down small">
                                    </i>
                                </a>
                                <ul class="dropdown-menu dropdown-menu-right bullet" role="menu">
                                   <li>
                                        <a href="mpage.aspx?id=1073"" title="企业文化">
                                            企业文化
                                        </a>
                                    </li> 
                                    <li>
                                        <a href="mpage.aspx?id=1112" title="个性定制">
                                            个性定制
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="dropdown margin-left-20">
                                <a class="dropdown-toggle link " data-toggle="dropdown" data-hover="dropdown"
                               href="http://115.159.193.242/examples/ aria-expanded="false" role="button" title="开源平台">
                                   开源平台
                                    <i class="fa fa-angle-down small">
                                    </i>
                                </a>
                                <ul class="dropdown-menu dropdown-menu-right bullet" role="menu">
                                    <li>
                                        <a href="/html.aspx" title="模板学习">
                                            模板学习
                                        </a>
                                    </li>
                                   <li>
                                        <a href="articlelist.aspx?fl=11" title="eFrameWork">
                                            eFrameWork
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#" title="建站经验">
                                            建站经验
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="dropdown margin-left-20">
                                <a class="dropdown-toggle link " data-toggle="dropdown" data-hover="dropdown"
                                href="articlelist.aspx" aria-expanded="false" role="button" title="资讯中心">
                                    资讯中心
                                    <i class="fa fa-angle-down small">
                                    </i>
                                </a>
                                <ul class="dropdown-menu dropdown-menu-right bullet" role="menu">
                                    <li>
                                        <a href="articlelist.aspx" title="所有文章">
                                           所有文章
                                        </a>
                                    </li>
                                   
                                </ul>
                            </li>
                         
                        </ul>
                    </div>
                </div>
            </div>
        </nav>
       
       
        <section class="met-news animsition">
            <div class="container">
                <div class="row">
                    <div class="col-md-9 met-news-body">
                        <div class="row">
                            <div class="met-news-list">
                                <ul class="met-page-ajax">
                                   
                                    <asp:Repeater id="article" runat="server">
<HeaderTemplate><ul class="news_list">
             </HeaderTemplate>
<ItemTemplate>   
  <li>
                                        <div class="media media-lg">
                                            <div class="media-left">
                                                <a href="mpage.aspx?id=<%# Eval("ID").ToString() %>"  title="<%# Eval("bt").ToString() %>" target="_blank">
                                              
                                                    <img class="media-object" src="/<%# Eval("fj").ToString() %>"    alt="<%# Eval("bt").ToString() %>"/>
                                                </a>
                                            </div>
                                            <div class="media-body">
                                                <h4 class="media-heading">
                                                   <a href="mpage.aspx?id=<%# Eval("ID").ToString() %>"  title="<%# Eval("bt").ToString() %>" target="_blank">
                                                      <%# Eval("bt").ToString() %>
                                                    </a>
                                                </h4>
                                                <p class="des">
                                                           <%# Eval("zy").ToString() %>
                                                </p>
                                                <p class="info">
                                                    <span>
                                                       <%# Eval("addtime").ToString() %>
                                                    </span>
                                                    <span class="margin-left-10">
                                                        <%# Eval("zz").ToString() %>
                                                    </span>
                                                    <span class="margin-left-10">
                                                        <i class="icon wb-eye margin-right-5" aria-hidden="true">
                                                        </i>
                                                       <%# Eval("ydcs").ToString() %>
                                                    </span>
                                                </p>
                                            </div>
                                        </div>
                                    </li>

    </ItemTemplate>
<FooterTemplate>
    </FooterTemplate>
</asp:Repeater>             







                                 
                                </ul>
                                <div>
                                    <div class='met_pager'>
                                      <asp:Literal id="litPage" runat="server" />  
                                        
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="row">
                            <div class="met-news-bar">
                                <form name="formsearch" action="/plus/search.php">
                                    <input type="hidden" name="kwtype" value="0" />
                                    <div class="form-group">
                                        <div class="input-search">
                                            <button type="submit" class="input-search-btn">
                                                <i class="icon wb-search" aria-hidden="true">
                                                </i>
                                            </button>
                                            <input type="text" class="form-control" name="q" placeholder="Search">
                                        </div>
                                    </div>
                                </form>
                                <div class="well widget">
                                    <h2>
                                        新闻资讯
                                    </h2>
                                    <ul class="list-unstyled">
                                        <li>
                                            <a href="#" title="所有文章" target='_self'>
                                                所有文章
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#" title="优化推广">
                                                优化推广
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#" title="公司动态">
                                                公司动态
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#" title="建站经验">
                                                建站经验
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                                <div class="well widget">
                                    <h3>
                                        最新资讯
                                    </h3>
                                    <ul class="list-unstyled">
                                        <li>
                                            <a href="#" title="什么是伪静态?伪静态有何作用?哪种好?" target='_self'>
                                                什么是伪静态?伪静态有何作用?哪种好?
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#" title="企业用网站进行网络宣传的优势" target='_self'>
                                                企业用网站进行网络宣传的优势
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#" title="企业建站选择主机和产品服务遇到的问题" target='_self'>
                                                企业建站选择主机和产品服务遇到的问题
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#" title="如何选择网站关键词?" target='_self'>
                                                如何选择网站关键词?
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                                <div class="well widget product-hot">
                                    <h3>
                                        最新案例
                                    </h3>
                                    <div class="row">
                                        <div class="product-hot-list col-md-6 col-sm-4 col-xs-4 text-center margin-bottom-10">
                                            <a href="caseshow.html" target="_blank" class="img" title="世界环艺">
                                                <img data-original="//uploads/allimg/161217/1-16121G619320-L.jpg" class="img-responsive"
                                                alt="世界环艺">
                                            </a>
                                            <a href="caseshow.html" target="_blank" class="txt" title="世界环艺">
                                                世界环艺
                                            </a>
                                        </div>
                                        <div class="product-hot-list col-md-6 col-sm-4 col-xs-4 text-center margin-bottom-10">
                                            <a href="caseshow.html" target="_blank" class="img" title="环游旅游公司">
                                                <img data-original="//uploads/160923/1-1609231G6403R.jpg" class="img-responsive"
                                                alt="环游旅游公司">
                                            </a>
                                            <a href="caseshow.html" target="_blank" class="txt" title="环游旅游公司">
                                                环游旅游公司
                                            </a>
                                        </div>
                                        <div class="product-hot-list col-md-6 col-sm-4 col-xs-4 text-center margin-bottom-10">
                                            <a href="caseshow.html" target="_blank" class="img" title="爱普生装饰">
                                                <img data-original="//uploads/160923/1-1609231G5522W.jpg" class="img-responsive"
                                                alt="爱普生装饰">
                                            </a>
                                            <a href="caseshow.html" target="_blank" class="txt" title="爱普生装饰">
                                                爱普生装饰
                                            </a>
                                        </div>
                                        <div class="product-hot-list col-md-6 col-sm-4 col-xs-4 text-center margin-bottom-10">
                                            <a href="caseshow.html" target="_blank" class="img" title="康瑞建筑公司">
                                                <img data-original="//uploads/allimg/160923/1-1609231F512239-lp.jpg" class="img-responsive"
                                                alt="康瑞建筑公司">
                                            </a>
                                            <a href="caseshow.html" target="_blank" class="txt" title="康瑞建筑公司">
                                                康瑞建筑公司
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
       
        <footer>
          
            <div class="container text-center">
                <p>
                    Copyright &copy; 2025&nbsp;菜鸟云网络科技  版权所有 湘ICP备2024085388号
                </p>
                
               
            </div>
        </footer>
      
        <script src="/mb/9/js/d4cff3922527a903.js">
        </script>
    
</body>

</html>

【评论】

【免登录留言】

 
上一篇:   eFrameWork的HelloWorld
下一篇:   Bootstrap4 教程