<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <title>商家展示</title> <meta name="keywords" content="" /> <meta name="description" content="" /> <!-- css加载 --> <link rel="stylesheet" href="../css/common.css"> <link rel="stylesheet" href="../css/style.css"> <!-- js加载 --> <script src="../js/jquery-3.6.1.min.js" type="text/javascript"></script> <script src="../js/base.js" type="text/javascript"></script> <script src="../js/script.js" type="text/javascript"></script> </head> <body class="business-body"> <!-- 商户搜索 --> <div class="search radius25 border-box flex"> <input class="search-input font24" type="text" placeholder="商户搜索"> <img src="../images/icon/icon-search.png" alt="搜索"> </div> <!-- 商户列表 --> <div class="business-list"> <div class="item radius50 border-box flex"> <div class="img radius40"> <a href="detail.html"><img src="../images/recommend.jpg" alt="华阳周大福珠宝店"></a> </div> <div class="txt"> <a href="detail.html"> <h2 class="font30 clips1">华阳周大福珠宝店</h2> <p class="font24 color-86 clips2">四川省成都市天府新区华阳镇</p> </a> <div class="navigation-btn font24 color-ff background-f35 radius25 flex">立即导航</div> </div> </div> <div class="item radius50 border-box flex"> <div class="img radius40"> <a href="detail.html"><img src="../images/recommend.jpg" alt="华阳周大福珠宝店"></a> </div> <div class="txt"> <a href="detail.html"> <h2 class="font30 clips1">华阳周大福珠宝店</h2> <p class="font24 color-86 clips2">四川省成都市天府新区华阳镇</p> </a> <div class="navigation-btn font24 color-ff background-f35 radius25 flex">立即导航</div> </div> </div> <div class="item radius50 border-box flex"> <div class="img radius40"> <a href="detail.html"><img src="../images/recommend.jpg" alt="华阳周大福珠宝店"></a> </div> <div class="txt"> <a href="detail.html"> <h2 class="font30 clips1">华阳周大福珠宝店</h2> <p class="font24 color-86 clips2">四川省成都市天府新区华阳镇</p> </a> <div class="navigation-btn font24 color-ff background-f35 radius25 flex">立即导航</div> </div> </div> <div class="item radius50 border-box flex"> <div class="img radius40"> <a href="detail.html"><img src="../images/recommend.jpg" alt="华阳周大福珠宝店"></a> </div> <div class="txt"> <a href="detail.html"> <h2 class="font30 clips1">华阳周大福珠宝店</h2> <p class="font24 color-86 clips2">四川省成都市天府新区华阳镇</p> </a> <div class="navigation-btn font24 color-ff background-f35 radius25 flex">立即导航</div> </div> </div> <div class="item radius50 border-box flex"> <div class="img radius40"> <a href="detail.html"><img src="../images/recommend.jpg" alt="华阳周大福珠宝店"></a> </div> <div class="txt"> <a href="detail.html"> <h2 class="font30 clips1">华阳周大福珠宝店</h2> <p class="font24 color-86 clips2">四川省成都市天府新区华阳镇</p> </a> <div class="navigation-btn font24 color-ff background-f35 radius25 flex">立即导航</div> </div> </div> <div class="item radius50 border-box flex"> <div class="img radius40"> <a href="detail.html"><img src="../images/recommend.jpg" alt="华阳周大福珠宝店"></a> </div> <div class="txt"> <a href="detail.html"> <h2 class="font30 clips1">华阳周大福珠宝店</h2> <p class="font24 color-86 clips2">四川省成都市天府新区华阳镇</p> </a> <div class="navigation-btn font24 color-ff background-f35 radius25 flex">立即导航</div> </div> </div> <div class="business-tips font24 color-99">~ <span>下拉显示更多</span> ~</div> </div> <!-- 弹窗背景 --> <div class="pull-bg pull-bg-navigation"></div> <!-- 导航弹窗 --> <div class="navigation-box background-ff font32"> <div class="item tx-navigation border-box">腾讯地图</div> <div class="item bd-navigation border-box">百度地图</div> <div class="item gd-navigation border-box">高德地图</div> </div> <!-- 尾部 --> <div class="footer background-ff border-box"> <div class="foot font24 flex"> <a href="index.html" class="item flex"> <img src="../images/icon/icon-tabbar-01.png" alt="首页"> <img src="../images/icon/icon-active-01.png" alt="首页"> <span>首页</span> </a> <a href="luck-draw.html" class="item flex"> <img src="../images/icon/icon-tabbar-02.png" alt="抽奖"> <img src="../images/icon/icon-active-02.png" alt="抽奖"> <span>抽奖</span> </a> <a href="business.html" class="item flex active"> <img src="../images/icon/icon-tabbar-03.png" alt="商家"> <img src="../images/icon/icon-active-03.png" alt="商家"> <span>商家</span> </a> <a href="my.html" class="item flex"> <img src="../images/icon/icon-tabbar-04.png" alt="我的"> <img src="../images/icon/icon-active-04.png" alt="我的"> <span>我的</span> </a> </div> </div> </body> </html>