UNPKG

philosophyship-mobile

Version:
136 lines 7.03 kB
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1, width=device-width, maximum-scale=1, user-scalable=no"> <link rel="stylesheet" href="../dist/tuitui-ui.css"> <link rel="stylesheet" href="./index.css"> <title>推推优品-首页</title> </head> <body class="page-index"> <!-- 首页 --> <!-- 底部导航条 --> <div class="tt-navbar"> <a class="navbar-item active"> <i class="fa fa-home icon"></i> <span class="name">首页</span> </a> <a class="navbar-item" href="./list.html"> <i class="fa fa-search icon"></i> <span class="name">发现</span> </a> <a class="navbar-item" href="./mine.html"> <i class="fa fa-user-o icon"></i> <span class="name">我的</span> </a> </div> <div class="tt-content"> <!-- 带suggest的搜索框 --> <div class="tt-search"> <!-- 搜索中的状态 --> <!-- <div class="tt-search on-focus"> --> <!-- 搜索框 --> <form class="tt-search-form" action="#"> <div class="tt-search-input-wrap"> <i class="fa fa-search tt-search-icon"></i> <input type="text" class="tt-search-input" placeholder="搜索" autocomplete="off" required/> <i class="fa fa-close tt-search-clear"></i> </div> <span class="tt-search-cancel">取消</span> </form> <!-- 搜索建议 --> <ul class="tt-search-suggest"> <li class="tt-suggest-item">手机</li> <li class="tt-suggest-item">iPhone XS Max</li> <li class="tt-suggest-item">华为P30</li> <li class="tt-suggest-item">小米 MIX3</li> <li class="tt-suggest-item">诺基亚1110</li> </ul> </div> <!-- 文章分类 --> <div class="tt-grid tt-grid-4 no-border yp-category"> <a href="./list.html" class="tt-grid-item item-1"> <i class="fa fa-female tt-grid-icon"></i> <p class="tt-grid-label">女装</p> </a> <a href="./list.html" class="tt-grid-item item-2"> <i class="fa fa-book tt-grid-icon"></i> <p class="tt-grid-label">图书</p> </a> <a href="./list.html" class="tt-grid-item item-3"> <i class="fa fa-briefcase tt-grid-icon"></i> <p class="tt-grid-label">箱包</p> </a> <a href="./list.html" class="tt-grid-item item-4"> <i class="fa fa-diamond tt-grid-icon"></i> <p class="tt-grid-label">珠宝首饰</p> </a> <a href="./list.html" class="tt-grid-item item-5"> <i class="fa fa-soccer-ball-o tt-grid-icon"></i> <p class="tt-grid-label">体育用品</p> </a> <a href="./list.html" class="tt-grid-item item-6"> <i class="fa fa-tv tt-grid-icon"></i> <p class="tt-grid-label">电视</p> </a> <a href="./list.html" class="tt-grid-item item-7"> <i class="fa fa-mobile-phone tt-grid-icon"></i> <p class="tt-grid-label">手机</p> </a> <a href="./list.html" class="tt-grid-item item-8"> <i class="fa fa-print tt-grid-icon"></i> <p class="tt-grid-label">打印设备</p> </a> </div> <!-- 猜你喜欢 --> <h1 class="tt-panel-title"> 猜你喜欢 <a href="./list.html" class="tt-panel-link">查看更多>></a> </h1> <div class="tt-panel-body no-padding"> <div class="tt-list"> <a href="./article.html" class="tt-list-item"> <div class="item-img-wrap"> <img class="item-img" src="img/list-img.jpg" alt="旅行必不可少"> </div> <div class="item-content-wrap"> <h1 class="item-title">大美新疆 | 玩遍这片大好山河,这些装备必不可少</h1> <p class="item-desc">发布时间:2019-8-18</p> <p class="item-desc">阅读1923次 | 收藏398次</p> </div> </a> <a href="./article.html" class="tt-list-item"> <div class="item-img-wrap"> <img class="item-img" src="img/list-img.jpg" alt="旅行必不可少"> </div> <div class="item-content-wrap"> <h1 class="item-title">大美新疆 | 玩遍这片大好山河,这些装备必不可少</h1> <p class="item-desc">发布时间:2019-8-18</p> <p class="item-desc">阅读1923次 | 收藏398次</p> </div> </a> <a href="./article.html" class="tt-list-item"> <div class="item-img-wrap"> <img class="item-img" src="img/list-img.jpg" alt="旅行必不可少"> </div> <div class="item-content-wrap"> <h1 class="item-title">大美新疆 | 玩遍这片大好山河,这些装备必不可少</h1> <p class="item-desc">发布时间:2019-8-18</p> <p class="item-desc">阅读1923次 | 收藏398次</p> </div> </a> <a href="./article.html" class="tt-list-item"> <div class="item-img-wrap"> <img class="item-img" src="img/list-img.jpg" alt="旅行必不可少"> </div> <div class="item-content-wrap"> <h1 class="item-title">大美新疆 | 玩遍这片大好山河,这些装备必不可少</h1> <p class="item-desc">发布时间:2019-8-18</p> <p class="item-desc">阅读1923次 | 收藏398次</p> </div> </a> </div> </div> </div> </body> </html>