1 Star 0 Fork 0

Yuan/tuangou-project2

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
details.html 4.90 KB
一键复制 编辑 原始数据 按行查看 历史
Yuan 提交于 2022-09-08 05:06 . 产品详情
<!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">&yen;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个评价&gt;</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>查看详情 &gt;&gt;</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>查看详情 &gt;&gt;</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>查看详情 &gt;&gt;</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>
Loading...
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/FyuanNig/tuangou-project2.git
[email protected]:FyuanNig/tuangou-project2.git
FyuanNig
tuangou-project2
tuangou-project2
master

搜索帮助