加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
商品详情页.html 14.04 KB
一键复制 编辑 原始数据 按行查看 历史
jacky 提交于 2017-09-06 13:54 . remen tuijian style
<!DOCTYPE html>
<html>
<head>
<title>商品详情页</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>
<link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
<link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
<link href="data/styles.css" type="text/css" rel="stylesheet"/>
<link href="files/商品详情页/styles.css" type="text/css" rel="stylesheet"/>
<script src="resources/scripts/jquery-1.7.1.min.js"></script>
<script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
<script src="resources/scripts/axure/axQuery.js"></script>
<script src="resources/scripts/axure/globals.js"></script>
<script src="resources/scripts/axutils.js"></script>
<script src="resources/scripts/axure/annotation.js"></script>
<script src="resources/scripts/axure/axQuery.std.js"></script>
<script src="resources/scripts/axure/doc.js"></script>
<script src="data/document.js"></script>
<script src="resources/scripts/messagecenter.js"></script>
<script src="resources/scripts/axure/events.js"></script>
<script src="resources/scripts/axure/action.js"></script>
<script src="resources/scripts/axure/expr.js"></script>
<script src="resources/scripts/axure/geometry.js"></script>
<script src="resources/scripts/axure/flyout.js"></script>
<script src="resources/scripts/axure/ie.js"></script>
<script src="resources/scripts/axure/model.js"></script>
<script src="resources/scripts/axure/repeater.js"></script>
<script src="resources/scripts/axure/sto.js"></script>
<script src="resources/scripts/axure/utils.temp.js"></script>
<script src="resources/scripts/axure/variables.js"></script>
<script src="resources/scripts/axure/drag.js"></script>
<script src="resources/scripts/axure/move.js"></script>
<script src="resources/scripts/axure/visibility.js"></script>
<script src="resources/scripts/axure/style.js"></script>
<script src="resources/scripts/axure/adaptive.js"></script>
<script src="resources/scripts/axure/tree.js"></script>
<script src="resources/scripts/axure/init.temp.js"></script>
<script src="files/商品详情页/data.js"></script>
<script src="resources/scripts/axure/legacy.js"></script>
<script src="resources/scripts/axure/viewer.js"></script>
<script type="text/javascript">
$axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
$axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
$axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
</script>
</head>
<body>
<div id="base" class="">
<!-- Unnamed (图片) -->
<div id="u0" class="ax_图片">
<img id="u0_img" class="img " src="images/商品详情页/u0.jpg"/>
<!-- Unnamed () -->
<div id="u1" class="text">
<p><span></span></p>
</div>
</div>
<!-- Unnamed (形状) -->
<div id="u2" class="ax_文本段落">
<img id="u2_img" class="img " src="images/商品详情页/u2.png"/>
<!-- Unnamed () -->
<div id="u3" class="text">
<p><span></span><span>品主图 及细节图</span><span> 全为正方形</span></p><p><span>第张显示主图,后面显示细节图</span></p><p><span>自动播放,每隔5秒播放下一个</span></p>
</div>
</div>
<!-- Unnamed (Connector) -->
<div id="u4" class="ax_connector">
<img id="u4_seg0" class="img " src="images/标签聚合页--忽略/u2_seg0.png" alt="u4_seg0"/>
<!-- Unnamed () -->
<div id="u5" class="text">
<p><span></span></p>
</div>
</div>
<!-- Unnamed (形状) -->
<div id="u6" class="ax_文本段落">
<img id="u6_img" class="img " src="images/商品详情页/u6.png"/>
<!-- Unnamed () -->
<div id="u7" class="text">
<p><span>商品售价,非市场价</span></p>
</div>
</div>
<!-- Unnamed (Connector) -->
<div id="u8" class="ax_connector">
<img id="u8_seg0" class="img " src="images/商品详情页/u8_seg0.png" alt="u8_seg0"/>
<!-- Unnamed () -->
<div id="u9" class="text">
<p><span></span></p>
</div>
</div>
<!-- Unnamed (Connector) -->
<div id="u10" class="ax_connector">
<img id="u10_seg0" class="img " src="images/标签聚合页--忽略/u2_seg0.png" alt="u10_seg0"/>
<!-- Unnamed () -->
<div id="u11" class="text">
<p><span></span></p>
</div>
</div>
<!-- Unnamed (形状) -->
<div id="u12" class="ax_文本段落">
<img id="u12_img" class="img " src="images/商品详情页/u6.png"/>
<!-- Unnamed () -->
<div id="u13" class="text">
<p><span>商品</span><span>标题</span></p>
</div>
</div>
<!-- Unnamed (Connector) -->
<div id="u14" class="ax_connector">
<img id="u14_seg0" class="img " src="images/标签聚合页--忽略/u2_seg0.png" alt="u14_seg0"/>
<!-- Unnamed () -->
<div id="u15" class="text">
<p><span></span></p>
</div>
</div>
<!-- Unnamed (形状) -->
<div id="u16" class="ax_文本段落">
<img id="u16_img" class="img " src="images/商品详情页/u6.png"/>
<!-- Unnamed () -->
<div id="u17" class="text">
<p><span></span><span>品属性及选项值</span></p>
</div>
</div>
<!-- Unnamed (Connector) -->
<div id="u18" class="ax_connector">
<img id="u18_seg0" class="img " src="images/标签聚合页--忽略/u2_seg0.png" alt="u18_seg0"/>
<!-- Unnamed () -->
<div id="u19" class="text">
<p><span></span></p>
</div>
</div>
<!-- Unnamed (形状) -->
<div id="u20" class="ax_文本段落">
<img id="u20_img" class="img " src="images/商品详情页/u6.png"/>
<!-- Unnamed () -->
<div id="u21" class="text">
<p><span>数量,默认为1</span></p>
</div>
</div>
<!-- Unnamed (Connector) -->
<div id="u22" class="ax_connector">
<img id="u22_seg0" class="img " src="images/标签聚合页--忽略/u2_seg0.png" alt="u22_seg0"/>
<!-- Unnamed () -->
<div id="u23" class="text">
<p><span></span></p>
</div>
</div>
<!-- Unnamed (形状) -->
<div id="u24" class="ax_文本段落">
<img id="u24_img" class="img " src="images/商品详情页/u6.png"/>
<!-- Unnamed () -->
<div id="u25" class="text">
<p><span>选项卡</span></p>
</div>
</div>
<!-- Unnamed (形状) -->
<div id="u26" class="ax_形状">
<img id="u26_img" class="img " src="images/商品详情页/u26.png"/>
<!-- Unnamed () -->
<div id="u27" class="text">
<p><span></span></p>
</div>
</div>
<!-- Unnamed (Connector) -->
<div id="u28" class="ax_connector">
<img id="u28_seg0" class="img " src="images/标签聚合页--忽略/u2_seg0.png" alt="u28_seg0"/>
<!-- Unnamed () -->
<div id="u29" class="text">
<p><span></span></p>
</div>
</div>
<!-- Unnamed (形状) -->
<div id="u30" class="ax_文本段落">
<img id="u30_img" class="img " src="images/商品详情页/u6.png"/>
<!-- Unnamed () -->
<div id="u31" class="text">
<p><span>以下为写死的</span></p>
</div>
</div>
<!-- Unnamed (形状) -->
<div id="u32" class="ax_形状">
<img id="u32_img" class="img " src="images/商品详情页/u32.png"/>
<!-- Unnamed () -->
<div id="u33" class="text">
<p><span></span></p>
</div>
</div>
<!-- Unnamed (Connector) -->
<div id="u34" class="ax_connector">
<img id="u34_seg0" class="img " src="images/首页/u18_seg0.png" alt="u34_seg0"/>
<!-- Unnamed () -->
<div id="u35" class="text">
<p><span></span></p>
</div>
</div>
<!-- Unnamed (形状) -->
<div id="u36" class="ax_文本段落">
<img id="u36_img" class="img " src="images/商品详情页/u36.png"/>
<!-- Unnamed () -->
<div id="u37" class="text">
<p><span>这部分调用 后台的商品详情内容</span></p>
</div>
</div>
<!-- Unnamed (Connector) -->
<div id="u38" class="ax_connector">
<img id="u38_seg0" class="img " src="images/首页/u18_seg0.png" alt="u38_seg0"/>
<!-- Unnamed () -->
<div id="u39" class="text">
<p><span></span></p>
</div>
</div>
<!-- Unnamed (形状) -->
<div id="u40" class="ax_文本段落">
<img id="u40_img" class="img " src="images/商品详情页/u40.png"/>
<!-- Unnamed () -->
<div id="u41" class="text">
<p><span>通用</span><span>推荐位</span><span>ID:</span><span>76</span></p><p><span></span><span>主图、标题、链接</span></p><p><span>6个商品</span></p>
</div>
</div>
<!-- Unnamed (Connector) -->
<div id="u42" class="ax_connector">
<img id="u42_seg0" class="img " src="images/首页/u18_seg0.png" alt="u42_seg0"/>
<!-- Unnamed () -->
<div id="u43" class="text">
<p><span></span></p>
</div>
</div>
<!-- Unnamed (形状) -->
<div id="u44" class="ax_文本段落">
<img id="u44_img" class="img " src="images/商品详情页/u44.png"/>
<!-- Unnamed () -->
<div id="u45" class="text">
<p><span>悬浮固定 底部</span></p>
</div>
</div>
<!-- Unnamed (Connector) -->
<div id="u46" class="ax_connector">
<img id="u46_seg0" class="img " src="images/商品详情页/u46_seg0.png" alt="u46_seg0"/>
<!-- Unnamed () -->
<div id="u47" class="text">
<p><span></span></p>
</div>
</div>
<!-- Unnamed (形状) -->
<div id="u48" class="ax_文本段落">
<img id="u48_img" class="img " src="images/商品详情页/u48.png"/>
<!-- Unnamed () -->
<div id="u49" class="text">
<p><span></span><span>击拨打电话:4006252755</span></p>
</div>
</div>
<!-- Unnamed (Connector) -->
<div id="u50" class="ax_connector">
<img id="u50_seg0" class="img " src="images/商品详情页/u46_seg0.png" alt="u50_seg0"/>
<!-- Unnamed () -->
<div id="u51" class="text">
<p><span></span></p>
</div>
</div>
<!-- Unnamed (形状) -->
<div id="u52" class="ax_文本段落">
<img id="u52_img" class="img " src="images/商品详情页/u52.png"/>
<!-- Unnamed () -->
<div id="u53" class="text">
<p><span>将该 产品加入购物车</span></p>
</div>
</div>
<!-- Unnamed (Connector) -->
<div id="u54" class="ax_connector">
<img id="u54_seg0" class="img " src="images/商品详情页/u46_seg0.png" alt="u54_seg0"/>
<!-- Unnamed () -->
<div id="u55" class="text">
<p><span></span></p>
</div>
</div>
<!-- Unnamed (形状) -->
<div id="u56" class="ax_文本段落">
<img id="u56_img" class="img " src="images/商城首页/u82.png"/>
<!-- Unnamed () -->
<div id="u57" class="text">
<p><span></span><span>击跳转至订单确认页</span></p>
</div>
</div>
<!-- Unnamed (形状) -->
<div id="u58" class="ax_文本段落">
<img id="u58_img" class="img " src="images/商品详情页/u6.png"/>
<!-- Unnamed () -->
<div id="u59" class="text">
<p><span>市场价</span></p>
</div>
</div>
<!-- Unnamed (Connector) -->
<div id="u60" class="ax_connector">
<img id="u60_seg0" class="img " src="images/商品类目频道页/u2_seg0.png" alt="u60_seg0"/>
<!-- Unnamed () -->
<div id="u61" class="text">
<p><span></span></p>
</div>
</div>
<!-- Unnamed (形状) -->
<div id="u62" class="ax_形状">
<img id="u62_img" class="img " src="images/首页/u26.png"/>
<!-- Unnamed () -->
<div id="u63" class="text">
<p><span></span></p>
</div>
</div>
<!-- Unnamed (水平线) -->
<div id="u64" class="ax_水平线">
<img id="u64_start" class="img " src="resources/images/transparent.gif" alt="u64_start"/>
<img id="u64_end" class="img " src="resources/images/transparent.gif" alt="u64_end"/>
<img id="u64_line" class="img " src="images/商品详情页/u64_line.png" alt="u64_line"/>
</div>
<!-- Unnamed (形状) -->
<div id="u65" class="ax_文本段落">
<img id="u65_img" class="img " src="resources/images/transparent.gif"/>
<!-- Unnamed () -->
<div id="u66" class="text">
<p><span></span><span>#b1b1b1</span></p>
</div>
</div>
<!-- Unnamed (形状) -->
<div id="u67" class="ax_形状">
<img id="u67_img" class="img " src="images/首页/u26.png"/>
<!-- Unnamed () -->
<div id="u68" class="text">
<p><span></span></p>
</div>
</div>
<!-- Unnamed (水平线) -->
<div id="u69" class="ax_水平线">
<img id="u69_start" class="img " src="resources/images/transparent.gif" alt="u69_start"/>
<img id="u69_end" class="img " src="resources/images/transparent.gif" alt="u69_end"/>
<img id="u69_line" class="img " src="images/首页/u44_line.png" alt="u69_line"/>
</div>
<!-- Unnamed (形状) -->
<div id="u70" class="ax_文本段落">
<img id="u70_img" class="img " src="resources/images/transparent.gif"/>
<!-- Unnamed () -->
<div id="u71" class="text">
<p><span></span><span>#</span><span>333</span></p>
</div>
</div>
</div>
</body>
</html>
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化