代码拉取完成,页面将自动刷新
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>产品详情页</title>
<link rel="stylesheet" href="./css/details.css" />
</head>
<body>
<div class="wrap">
<header>
<nav>
<div class="back">
<a href="./index.html">
<p>Back</p>
</a>
</div>
<div class="title">产品详细</div>
<div class="shoucang">
<i class="iconfont icon-icon"></i>
</div>
</nav>
</header>
<main>
<!-- 大图 -->
<div class="imgBox">
<img src="./img/bigsusi.png" alt="" />
</div>
<!-- 价格 -->
<div class="details">
<div class="left">¥32</div>
<div class="right">
<button>购买</button>
</div>
</div>
<!-- 评价 -->
<div class="evaluation">
<div class="left">
<i class="iconfont icon-icon"></i>
<span>好评度</span>
<span>99%</span>
</div>
<div class="right">
<span>共605个评价></span>
</div>
</div>
<!-- 适用商户 -->
<div class="suit">
<div class="left">
<span>适用商户</span>
</div>
<div class="right">
<i class="iconfont icon-xiangyou1"></i>
</div>
</div>
<!-- 店铺 -->
<div class="store">
<div class="left">
<img src="./img/susiimg.png" alt="" />
<div class="address">正佳店</div>
</div>
<div class="mid">
<p>万岁寿司(正佳店)</p>
<i class="iconfont icon-icon"></i>
<i class="iconfont icon-icon"></i>
<i class="iconfont icon-icon"></i>
<i class="iconfont icon-icon"></i>
<i class="iconfont icon-icon"></i>
<span>10分</span>
<p>离你100m</p>
<a href="javascript:;"><p>查看详情 >></p></a>
</div>
<div class="right">
<button>进入</button>
</div>
</div>
<div class="store">
<div class="left">
<img src="./img/susiimg.png" alt="" />
<div class="address">正佳店</div>
</div>
<div class="mid">
<p>万岁寿司(正佳店)</p>
<i class="iconfont icon-icon"></i>
<i class="iconfont icon-icon"></i>
<i class="iconfont icon-icon"></i>
<i class="iconfont icon-icon"></i>
<i class="iconfont icon-icon"></i>
<span>10分</span>
<p>离你100m</p>
<a href="javascript:;"><p>查看详情 >></p></a>
</div>
<div class="right">
<button>进入</button>
</div>
</div>
<div class="store">
<div class="left">
<img src="./img/susiimg.png" alt="" />
<div class="address">正佳店</div>
</div>
<div class="mid">
<p>万岁寿司(正佳店)</p>
<i class="iconfont icon-icon"></i>
<i class="iconfont icon-icon"></i>
<i class="iconfont icon-icon"></i>
<i class="iconfont icon-icon"></i>
<i class="iconfont icon-icon"></i>
<span>10分</span>
<p>离你100m</p>
<a href="javascript:;"><p>查看详情 >></p></a>
</div>
<div class="right">
<button>进入</button>
</div>
</div>
</main>
<footer>
<div class="homePage">
<a href="./index.html">
<i class="iconfont icon-shouye-weixuanzhong shouye1"></i>
<i class="iconfont icon-31shouyexuanzhong shouye2"></i>
<p>首页</p>
<p />
</a>
</div>
<div class="category">
<a href="./category.html">
<i class="iconfont icon-fenlei-weixuanzhong fenlei1"></i>
<i class="iconfont icon-fenlei-xuanzhong fenlei2"></i>
<p>分类</p>
</a>
</div>
<div class="discovery">
<a href="./discovery.html">
<i class="iconfont icon-faxian faxian1"></i>
<i class="iconfont icon-faxianxuanzhong faxian2"></i>
<p>发现</p>
</a>
</div>
<div class="my">
<a href="./my.html">
<i class="iconfont icon-wode wode1"></i>
<i class="iconfont icon-wodexuanzhong wode2"></i>
<p>我的</p>
</a>
</div>
</footer>
</div>
</body>
</html>
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。