加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
列表页.html 8.75 KB
一键复制 编辑 原始数据 按行查看 历史
jacky 提交于 2018-02-02 10:02 . v4.0
<!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></p>
</div>
</div>
<!-- Unnamed (水平线) -->
<div id="u4" class="ax_水平线">
<img id="u4_start" class="img " src="resources/images/transparent.gif" alt="u4_start"/>
<img id="u4_end" class="img " src="resources/images/transparent.gif" alt="u4_end"/>
<img id="u4_line" class="img " src="images/列表页/u4_line.png" alt="u4_line"/>
</div>
<!-- Unnamed (形状) -->
<div id="u5" class="ax_形状">
<img id="u5_img" class="img " src="images/首页/u22.png"/>
<!-- Unnamed () -->
<div id="u6" class="text">
<p><span>产品列表</span></p><p><span>展示相应列表的所有产品</span></p><p><span>默认排序:按产品在后台的排序展示</span></p>
</div>
</div>
<!-- Unnamed (水平线) -->
<div id="u7" class="ax_水平线">
<img id="u7_start" class="img " src="resources/images/transparent.gif" alt="u7_start"/>
<img id="u7_end" class="img " src="resources/images/transparent.gif" alt="u7_end"/>
<img id="u7_line" class="img " src="images/列表页/u7_line.png" alt="u7_line"/>
</div>
<!-- Unnamed (形状) -->
<div id="u8" class="ax_形状">
<img id="u8_img" class="img " src="images/列表页/u8.png"/>
<!-- Unnamed () -->
<div id="u9" class="text">
<p><span>商品标题:调取商品标题,最多两行,超出显示省略号</span></p><p><span>价格:调取商品价格(非市场价)</span></p><p><span>效果:点击跳转至该商品详情页</span></p>
</div>
</div>
<!-- Unnamed (水平线) -->
<div id="u10" class="ax_水平线">
<img id="u10_start" class="img " src="resources/images/transparent.gif" alt="u10_start"/>
<img id="u10_end" class="img " src="resources/images/transparent.gif" alt="u10_end"/>
<img id="u10_line" class="img " src="images/列表页/u10_line.png" alt="u10_line"/>
</div>
<!-- Unnamed (形状) -->
<div id="u11" class="ax_形状">
<img id="u11_img" class="img " src="images/首页/u22.png"/>
<!-- Unnamed () -->
<div id="u12" class="text">
<p><span>无限加载,每次加载20个产品</span></p><p><span>加载完毕时,继续下拉显示效果</span></p>
</div>
</div>
<!-- Unnamed (水平线) -->
<div id="u13" class="ax_水平线">
<img id="u13_start" class="img " src="resources/images/transparent.gif" alt="u13_start"/>
<img id="u13_end" class="img " src="resources/images/transparent.gif" alt="u13_end"/>
<img id="u13_line" class="img " src="images/列表页/u13_line.png" alt="u13_line"/>
</div>
<!-- Unnamed (形状) -->
<div id="u14" class="ax_形状">
<img id="u14_img" class="img " src="images/首页/u22.png"/>
<!-- Unnamed () -->
<div id="u15" class="text">
<p><span>已售图标:对已售出的产品</span><span>(库存为0)</span><span>展示</span></p>
</div>
</div>
<!-- Unnamed (水平线) -->
<div id="u16" class="ax_水平线">
<img id="u16_start" class="img " src="resources/images/transparent.gif" alt="u16_start"/>
<img id="u16_end" class="img " src="resources/images/transparent.gif" alt="u16_end"/>
<img id="u16_line" class="img " src="images/列表页/u16_line.png" alt="u16_line"/>
</div>
<!-- Unnamed (垂直线) -->
<div id="u17" class="ax_垂直线">
<img id="u17_start" class="img " src="resources/images/transparent.gif" alt="u17_start"/>
<img id="u17_end" class="img " src="resources/images/transparent.gif" alt="u17_end"/>
<img id="u17_line" class="img " src="images/列表页/u17_line.png" alt="u17_line"/>
</div>
<!-- Unnamed (形状) -->
<div id="u18" class="ax_形状">
<img id="u18_img" class="img " src="images/列表页/u18.png"/>
<!-- Unnamed () -->
<div id="u19" class="text">
<p><span>价格:点击切换</span><span></span><span></span><span>顺序</span><span>展示</span></p><p><span>热度:点击切换点击量大小顺序展示</span></p><p><span>已售出:</span><span>点击切换展示或不展示已售出产品</span><span>,</span></p><p><span>默认展示</span><span>(与价格、热度保持关联)</span></p>
</div>
</div>
<!-- Unnamed (水平线) -->
<div id="u20" class="ax_水平线">
<img id="u20_start" class="img " src="resources/images/transparent.gif" alt="u20_start"/>
<img id="u20_end" class="img " src="resources/images/transparent.gif" alt="u20_end"/>
<img id="u20_line" class="img " src="images/列表页/u4_line.png" alt="u20_line"/>
</div>
<!-- Unnamed (形状) -->
<div id="u21" class="ax_形状">
<img id="u21_img" class="img " src="images/首页/u22.png"/>
<!-- Unnamed () -->
<div id="u22" class="text">
<p><span>促销图标 </span></p><p><span>当产品市场价不为空时显示</span></p>
</div>
</div>
<!-- Unnamed (水平线) -->
<div id="u23" class="ax_水平线">
<img id="u23_start" class="img " src="resources/images/transparent.gif" alt="u23_start"/>
<img id="u23_end" class="img " src="resources/images/transparent.gif" alt="u23_end"/>
<img id="u23_line" class="img " src="images/列表页/u23_line.png" alt="u23_line"/>
</div>
</div>
</body>
</html>
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化