6 Star 0 Fork 1

Rakshasa / APP_design_final

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
1_1_1_单品列表页.html 37.97 KB
一键复制 编辑 原始数据 按行查看 历史
xinqi3050 提交于 2019-12-30 23:18 . 上传产品原型文件
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597
<!DOCTYPE html>
<html>
<head>
<title>1.1.1 单品列表页</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/1_1_1_单品列表页/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/prototypePre.js"></script>
<script src="data/document.js"></script>
<script src="resources/scripts/prototypePost.js"></script>
<script src="files/1_1_1_单品列表页/data.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 (Status Bar) -->
<!-- Unnamed (图片) -->
<div id="u403" class="ax_default image">
<img id="u403_img" class="img " src="images/1_1_首页/u140.png"/>
</div>
<!-- Unnamed (组合) -->
<div id="u404" class="ax_default" data-left="37" data-top="90" data-width="438" data-height="886">
<!-- Unnamed (图片) -->
<div id="u405" class="ax_default image">
<img id="u405_img" class="img " src="images/1_1_首页/u142.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u406" class="ax_default image">
<img id="u406_img" class="img " src="images/1_1_首页/u143.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u407" class="ax_default image">
<img id="u407_img" class="img " src="images/1_1_首页/u144.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u408" class="ax_default image">
<img id="u408_img" class="img " src="images/1_1_首页/u145.png"/>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u409" class="ax_default box_3">
<div id="u409_div" class=""></div>
</div>
<!-- Unnamed (矩形) -->
<div id="u410" class="ax_default box_1">
<img id="u410_img" class="img " src="images/1_1_首页/u147.png"/>
</div>
<!-- Unnamed (形状) -->
<div id="u411" class="ax_default icon">
<img id="u411_img" class="img " src="images/1_1_首页/u148.png"/>
</div>
<!-- Unnamed (形状) -->
<div id="u412" class="ax_default icon">
<img id="u412_img" class="img " src="images/1_1_1_单品列表页/u412.png"/>
</div>
<!-- Unnamed (文本框) -->
<div id="u413" class="ax_default text_field">
<input id="u413_input" type="text" value=""/>
</div>
<!-- Unnamed (矩形) -->
<div id="u414" class="ax_default box_2">
<div id="u414_div" class=""></div>
<div id="u414_text" class="text ">
<p><span>优选美搭</span></p>
</div>
</div>
<!-- Unnamed (水平线) -->
<div id="u415" class="ax_default line">
<img id="u415_img" class="img " src="images/1_1_首页/u151.png"/>
</div>
<!-- Unnamed (水平线) -->
<div id="u416" class="ax_default line">
<img id="u416_img" class="img " src="images/1_1_首页/u152.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u417" class="ax_default label">
<div id="u417_div" class=""></div>
<div id="u417_text" class="text ">
<p><span>首页</span></p>
</div>
</div>
<!-- Unnamed (形状) -->
<div id="u418" class="ax_default icon">
<img id="u418_img" class="img " src="images/1_1_首页/u154.png"/>
</div>
<!-- Unnamed (形状) -->
<div id="u419" class="ax_default icon">
<img id="u419_img" class="img " src="images/1_1_首页/u155.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u420" class="ax_default label">
<div id="u420_div" class=""></div>
<div id="u420_text" class="text ">
<p><span>虚拟形象</span></p>
</div>
</div>
<!-- Unnamed (形状) -->
<div id="u421" class="ax_default icon">
<img id="u421_img" class="img " src="images/1_1_首页/u157.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u422" class="ax_default label">
<div id="u422_div" class=""></div>
<div id="u422_text" class="text ">
<p><span>个人中心</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u423" class="ax_default box_2">
<div id="u423_div" class=""></div>
<div id="u423_text" class="text ">
<p><span>上衣</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u424" class="ax_default box_2">
<div id="u424_div" class=""></div>
<div id="u424_text" class="text ">
<p><span>裤子</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u425" class="ax_default box_2">
<div id="u425_div" class=""></div>
<div id="u425_text" class="text ">
<p><span>裙子</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u426" class="ax_default box_2">
<div id="u426_div" class=""></div>
<div id="u426_text" class="text ">
<p><span></span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u427" class="ax_default box_2">
<div id="u427_div" class=""></div>
<div id="u427_text" class="text ">
<p><span>包包</span></p>
</div>
</div>
<!-- AreaPanel (动态面板) -->
<div id="u428" class="ax_default" data-label="AreaPanel">
<div id="u428_state0" class="panel_state" data-label="State1" style="">
<div id="u428_state0_content" class="panel_state_content">
<!-- GoodsList (中继器) -->
<div id="u429" class="ax_default" data-label="GoodsList">
<script id="u429_script" type="axure-repeater-template" data-label="GoodsList">
<!-- Unnamed (水平线) -->
<div id="u430" class="ax_default line u430">
<img id="u430_img" class="img u430_img" src="images/1_1_1_单品列表页/u430.png"/>
</div>
<!-- MoreButton (矩形) -->
<div id="u431" class="ax_default _文本段落1 u431" data-label="MoreButton">
<div id="u431_div" class="u431_div"></div>
<div id="u431_text" class="text u431_text">
<p><span></span></p>
</div>
</div>
<!-- PriceAndSales (矩形) -->
<div id="u432" class="ax_default label u432" data-label="PriceAndSales">
<div id="u432_div" class="u432_div"></div>
<div id="u432_text" class="text u432_text">
<p style="font-size:12px;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;color:#FF3300;"></span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;font-size:18px;color:#FF3300;">00.</span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;color:#FF3300;">00</span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;font-size:18px;color:#FF3300;">&nbsp; </span><span style="font-family:'Arial Normal', 'Arial';font-weight:400;color:#999999;">**人付款</span></p>
</div>
</div>
<!-- GoodsName (矩形) -->
<div id="u433" class="ax_default label u433" data-label="GoodsName">
<div id="u433_div" class="u433_div"></div>
<div id="u433_text" class="text u433_text">
<p><span>&nbsp;&nbsp; &nbsp; &nbsp; 商品名称</span></p>
</div>
</div>
<!-- TmallIcon (图片) -->
<div id="u434" class="ax_default _图片_ u434" data-label="TmallIcon">
<img id="u434_img" class="img u434_img" src="images/1_1_1_单品列表页/tmallicon_u434.png"/>
</div>
<!-- GoodsImage (图片) -->
<div id="u435" class="ax_default _图片_ u435" data-label="GoodsImage">
<img id="u435_img" class="img u435_img" src="images/1_1_1_单品列表页/goodsimage_u435.png"/>
</div>
</script>
<div id="u429-1" class="" style="width: 360px; height: 125px;">
<!-- Unnamed (水平线) -->
<div id="u430-1" class="ax_default line u430" style="width: 226px; height: 1px; left: 134px; top: 124px;visibility: inherit">
<img id="u430-1_img" class="img u430_img" src="images/1_1_1_单品列表页/u430.png"/>
</div>
<!-- MoreButton (矩形) -->
<div id="u431-1" class="ax_default _文本段落1 u431" data-label="MoreButton" style="width: 15px; height: 22px; left: 339px; top: 102px;visibility: inherit">
<div id="u431-1_div" class="u431_div" style="width: 15px; height: 22px;visibility: inherit"></div>
<div id="u431-1_text" class="text u431_text" style="position: absolute;left: 0px;top: 0px;width: 15px;visibility: inherit">
<p><span></span></p>
</div>
</div>
<!-- PriceAndSales (矩形) -->
<div id="u432-1" class="ax_default label u432" data-label="PriceAndSales" style="width: 158px; height: 22px; left: 134px; top: 95px;visibility: inherit">
<div id="u432-1_div" class="u432_div" style="width: 158px; height: 22px;visibility: inherit"></div>
<div id="u432-1_text" class="text u432_text" style="position: absolute;left: 0px;top: 0px;width: 158px;visibility: inherit">
<p style="font-size:12px;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;color:#FF3300;"></span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;font-size:18px;color:#FF3300;">00.</span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;color:#FF3300;">00</span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;font-size:18px;color:#FF3300;">&nbsp; </span><span style="font-family:'Arial Normal', 'Arial';font-weight:400;color:#999999;">**人付款</span></p>
</div>
</div>
<!-- GoodsName (矩形) -->
<div id="u433-1" class="ax_default label u433" data-label="GoodsName" style="width: 200px; height: 32px; left: 136px; top: 11px;visibility: inherit">
<div id="u433-1_div" class="u433_div" style="width: 200px; height: 32px;visibility: inherit"></div>
<div id="u433-1_text" class="text u433_text" style="position: absolute;left: 0px;top: 0px;width: 200px;visibility: inherit">
<p><span>&nbsp;&nbsp; &nbsp; &nbsp; 商品名称</span></p>
</div>
</div>
<!-- TmallIcon (图片) -->
<div id="u434-1" class="ax_default _图片_ u434" data-label="TmallIcon" style="width: 23px; height: 12px; left: 137px; top: 13px;visibility: inherit">
<img id="u434-1_img" class="img u434_img" src="images/1_1_1_单品列表页/tmallicon_u434.png"/>
</div>
<!-- GoodsImage (图片) -->
<div id="u435-1" class="ax_default _图片_ u435" data-label="GoodsImage" style="width: 125px; height: 125px; left: 0px; top: 0px;visibility: inherit">
<img id="u435-1_img" class="img u435_img" src="images/1_1_1_单品列表页/goodsimage_u435.png"/>
</div>
</div>
<div id="u429-2" class="" style="width: 360px; height: 125px;">
<!-- Unnamed (水平线) -->
<div id="u430-2" class="ax_default line u430" style="width: 226px; height: 1px; left: 134px; top: 124px;visibility: inherit">
<img id="u430-2_img" class="img u430_img" src="images/1_1_1_单品列表页/u430.png"/>
</div>
<!-- MoreButton (矩形) -->
<div id="u431-2" class="ax_default _文本段落1 u431" data-label="MoreButton" style="width: 15px; height: 22px; left: 339px; top: 102px;visibility: inherit">
<div id="u431-2_div" class="u431_div" style="width: 15px; height: 22px;visibility: inherit"></div>
<div id="u431-2_text" class="text u431_text" style="position: absolute;left: 0px;top: 0px;width: 15px;visibility: inherit">
<p><span></span></p>
</div>
</div>
<!-- PriceAndSales (矩形) -->
<div id="u432-2" class="ax_default label u432" data-label="PriceAndSales" style="width: 158px; height: 22px; left: 134px; top: 95px;visibility: inherit">
<div id="u432-2_div" class="u432_div" style="width: 158px; height: 22px;visibility: inherit"></div>
<div id="u432-2_text" class="text u432_text" style="position: absolute;left: 0px;top: 0px;width: 158px;visibility: inherit">
<p style="font-size:12px;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;color:#FF3300;"></span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;font-size:18px;color:#FF3300;">00.</span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;color:#FF3300;">00</span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;font-size:18px;color:#FF3300;">&nbsp; </span><span style="font-family:'Arial Normal', 'Arial';font-weight:400;color:#999999;">**人付款</span></p>
</div>
</div>
<!-- GoodsName (矩形) -->
<div id="u433-2" class="ax_default label u433" data-label="GoodsName" style="width: 200px; height: 32px; left: 136px; top: 11px;visibility: inherit">
<div id="u433-2_div" class="u433_div" style="width: 200px; height: 32px;visibility: inherit"></div>
<div id="u433-2_text" class="text u433_text" style="position: absolute;left: 0px;top: 0px;width: 200px;visibility: inherit">
<p><span>&nbsp;&nbsp; &nbsp; &nbsp; 商品名称</span></p>
</div>
</div>
<!-- TmallIcon (图片) -->
<div id="u434-2" class="ax_default _图片_ u434" data-label="TmallIcon" style="width: 23px; height: 12px; left: 137px; top: 13px;visibility: inherit">
<img id="u434-2_img" class="img u434_img" src="images/1_1_1_单品列表页/tmallicon_u434.png"/>
</div>
<!-- GoodsImage (图片) -->
<div id="u435-2" class="ax_default _图片_ u435" data-label="GoodsImage" style="width: 125px; height: 125px; left: 0px; top: 0px;visibility: inherit">
<img id="u435-2_img" class="img u435_img" src="images/1_1_1_单品列表页/goodsimage_u435.png"/>
</div>
</div>
<div id="u429-3" class="" style="width: 360px; height: 125px;">
<!-- Unnamed (水平线) -->
<div id="u430-3" class="ax_default line u430" style="width: 226px; height: 1px; left: 134px; top: 124px;visibility: inherit">
<img id="u430-3_img" class="img u430_img" src="images/1_1_1_单品列表页/u430.png"/>
</div>
<!-- MoreButton (矩形) -->
<div id="u431-3" class="ax_default _文本段落1 u431" data-label="MoreButton" style="width: 15px; height: 22px; left: 339px; top: 102px;visibility: inherit">
<div id="u431-3_div" class="u431_div" style="width: 15px; height: 22px;visibility: inherit"></div>
<div id="u431-3_text" class="text u431_text" style="position: absolute;left: 0px;top: 0px;width: 15px;visibility: inherit">
<p><span></span></p>
</div>
</div>
<!-- PriceAndSales (矩形) -->
<div id="u432-3" class="ax_default label u432" data-label="PriceAndSales" style="width: 158px; height: 22px; left: 134px; top: 95px;visibility: inherit">
<div id="u432-3_div" class="u432_div" style="width: 158px; height: 22px;visibility: inherit"></div>
<div id="u432-3_text" class="text u432_text" style="position: absolute;left: 0px;top: 0px;width: 158px;visibility: inherit">
<p style="font-size:12px;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;color:#FF3300;"></span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;font-size:18px;color:#FF3300;">00.</span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;color:#FF3300;">00</span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;font-size:18px;color:#FF3300;">&nbsp; </span><span style="font-family:'Arial Normal', 'Arial';font-weight:400;color:#999999;">**人付款</span></p>
</div>
</div>
<!-- GoodsName (矩形) -->
<div id="u433-3" class="ax_default label u433" data-label="GoodsName" style="width: 200px; height: 32px; left: 136px; top: 11px;visibility: inherit">
<div id="u433-3_div" class="u433_div" style="width: 200px; height: 32px;visibility: inherit"></div>
<div id="u433-3_text" class="text u433_text" style="position: absolute;left: 0px;top: 0px;width: 200px;visibility: inherit">
<p><span>&nbsp;&nbsp; &nbsp; &nbsp; 商品名称</span></p>
</div>
</div>
<!-- TmallIcon (图片) -->
<div id="u434-3" class="ax_default _图片_ u434" data-label="TmallIcon" style="width: 23px; height: 12px; left: 137px; top: 13px;visibility: inherit">
<img id="u434-3_img" class="img u434_img" src="images/1_1_1_单品列表页/tmallicon_u434.png"/>
</div>
<!-- GoodsImage (图片) -->
<div id="u435-3" class="ax_default _图片_ u435" data-label="GoodsImage" style="width: 125px; height: 125px; left: 0px; top: 0px;visibility: inherit">
<img id="u435-3_img" class="img u435_img" src="images/1_1_1_单品列表页/goodsimage_u435.png"/>
</div>
</div>
<div id="u429-4" class="" style="width: 360px; height: 125px;">
<!-- Unnamed (水平线) -->
<div id="u430-4" class="ax_default line u430" style="width: 226px; height: 1px; left: 134px; top: 124px;visibility: inherit">
<img id="u430-4_img" class="img u430_img" src="images/1_1_1_单品列表页/u430.png"/>
</div>
<!-- MoreButton (矩形) -->
<div id="u431-4" class="ax_default _文本段落1 u431" data-label="MoreButton" style="width: 15px; height: 22px; left: 339px; top: 102px;visibility: inherit">
<div id="u431-4_div" class="u431_div" style="width: 15px; height: 22px;visibility: inherit"></div>
<div id="u431-4_text" class="text u431_text" style="position: absolute;left: 0px;top: 0px;width: 15px;visibility: inherit">
<p><span></span></p>
</div>
</div>
<!-- PriceAndSales (矩形) -->
<div id="u432-4" class="ax_default label u432" data-label="PriceAndSales" style="width: 158px; height: 22px; left: 134px; top: 95px;visibility: inherit">
<div id="u432-4_div" class="u432_div" style="width: 158px; height: 22px;visibility: inherit"></div>
<div id="u432-4_text" class="text u432_text" style="position: absolute;left: 0px;top: 0px;width: 158px;visibility: inherit">
<p style="font-size:12px;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;color:#FF3300;"></span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;font-size:18px;color:#FF3300;">00.</span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;color:#FF3300;">00</span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;font-size:18px;color:#FF3300;">&nbsp; </span><span style="font-family:'Arial Normal', 'Arial';font-weight:400;color:#999999;">**人付款</span></p>
</div>
</div>
<!-- GoodsName (矩形) -->
<div id="u433-4" class="ax_default label u433" data-label="GoodsName" style="width: 200px; height: 32px; left: 136px; top: 11px;visibility: inherit">
<div id="u433-4_div" class="u433_div" style="width: 200px; height: 32px;visibility: inherit"></div>
<div id="u433-4_text" class="text u433_text" style="position: absolute;left: 0px;top: 0px;width: 200px;visibility: inherit">
<p><span>&nbsp;&nbsp; &nbsp; &nbsp; 商品名称</span></p>
</div>
</div>
<!-- TmallIcon (图片) -->
<div id="u434-4" class="ax_default _图片_ u434" data-label="TmallIcon" style="width: 23px; height: 12px; left: 137px; top: 13px;visibility: inherit">
<img id="u434-4_img" class="img u434_img" src="images/1_1_1_单品列表页/tmallicon_u434.png"/>
</div>
<!-- GoodsImage (图片) -->
<div id="u435-4" class="ax_default _图片_ u435" data-label="GoodsImage" style="width: 125px; height: 125px; left: 0px; top: 0px;visibility: inherit">
<img id="u435-4_img" class="img u435_img" src="images/1_1_1_单品列表页/goodsimage_u435.png"/>
</div>
</div>
<div id="u429-5" class="" style="width: 360px; height: 125px;">
<!-- Unnamed (水平线) -->
<div id="u430-5" class="ax_default line u430" style="width: 226px; height: 1px; left: 134px; top: 124px;visibility: inherit">
<img id="u430-5_img" class="img u430_img" src="images/1_1_1_单品列表页/u430.png"/>
</div>
<!-- MoreButton (矩形) -->
<div id="u431-5" class="ax_default _文本段落1 u431" data-label="MoreButton" style="width: 15px; height: 22px; left: 339px; top: 102px;visibility: inherit">
<div id="u431-5_div" class="u431_div" style="width: 15px; height: 22px;visibility: inherit"></div>
<div id="u431-5_text" class="text u431_text" style="position: absolute;left: 0px;top: 0px;width: 15px;visibility: inherit">
<p><span></span></p>
</div>
</div>
<!-- PriceAndSales (矩形) -->
<div id="u432-5" class="ax_default label u432" data-label="PriceAndSales" style="width: 158px; height: 22px; left: 134px; top: 95px;visibility: inherit">
<div id="u432-5_div" class="u432_div" style="width: 158px; height: 22px;visibility: inherit"></div>
<div id="u432-5_text" class="text u432_text" style="position: absolute;left: 0px;top: 0px;width: 158px;visibility: inherit">
<p style="font-size:12px;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;color:#FF3300;"></span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;font-size:18px;color:#FF3300;">00.</span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;color:#FF3300;">00</span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;font-size:18px;color:#FF3300;">&nbsp; </span><span style="font-family:'Arial Normal', 'Arial';font-weight:400;color:#999999;">**人付款</span></p>
</div>
</div>
<!-- GoodsName (矩形) -->
<div id="u433-5" class="ax_default label u433" data-label="GoodsName" style="width: 200px; height: 32px; left: 136px; top: 11px;visibility: inherit">
<div id="u433-5_div" class="u433_div" style="width: 200px; height: 32px;visibility: inherit"></div>
<div id="u433-5_text" class="text u433_text" style="position: absolute;left: 0px;top: 0px;width: 200px;visibility: inherit">
<p><span>&nbsp;&nbsp; &nbsp; &nbsp; 商品名称</span></p>
</div>
</div>
<!-- TmallIcon (图片) -->
<div id="u434-5" class="ax_default _图片_ u434" data-label="TmallIcon" style="width: 23px; height: 12px; left: 137px; top: 13px;visibility: inherit">
<img id="u434-5_img" class="img u434_img" src="images/1_1_1_单品列表页/tmallicon_u434.png"/>
</div>
<!-- GoodsImage (图片) -->
<div id="u435-5" class="ax_default _图片_ u435" data-label="GoodsImage" style="width: 125px; height: 125px; left: 0px; top: 0px;visibility: inherit">
<img id="u435-5_img" class="img u435_img" src="images/1_1_1_单品列表页/goodsimage_u435.png"/>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Unnamed (组合) -->
<div id="u436" class="ax_default" data-left="67" data-top="314" data-width="375" data-height="43">
<!-- Unnamed (矩形) -->
<div id="u437" class="ax_default box_21">
<div id="u437_div" class=""></div>
</div>
<!-- Unnamed (矩形) -->
<div id="u438" class="ax_default label selected" selectiongroup="Sort">
<div id="u438_div" class="selected"></div>
<div id="u438_text" class="text ">
<p><span>默认</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u439" class="ax_default label" selectiongroup="Sort">
<div id="u439_div" class=""></div>
<div id="u439_text" class="text ">
<p><span>&nbsp;销量优先</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u440" class="ax_default label">
<div id="u440_div" class=""></div>
<div id="u440_text" class="text ">
<p><span style="font-family:'Arial Normal', 'Arial';">筛选 </span><span style="font-family:'IaxureTBG Regular', 'IaxureTBG';"></span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u441" class="ax_default label" selectiongroup="Sort">
<div id="u441_div" class=""></div>
<div id="u441_text" class="text ">
<p><span>价格</span></p>
</div>
</div>
</div>
<!-- Loading (矩形) -->
<div id="u442" class="ax_default box_21 ax_default_hidden" data-label="Loading" style="display:none; visibility: hidden">
<div id="u442_div" class=""></div>
<div id="u442_text" class="text ">
<p><span>正在加载...</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u443" class="ax_default box_1">
<img id="u443_img" class="img " src="images/1_1_1_单品列表页/u443.png"/>
<div id="u443_text" class="text ">
<p style="text-align:left;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;"><br></span></p><p style="text-align:center;"><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;">有排序功能的中继器</span></p><p style="text-align:left;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;"><br></span></p><p style="text-align:left;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">1、单击“默认”按钮,可以帮助用户返回商品随机排序状态,且系统初始化自动设置为默认状态;</span></p><p style="text-align:left;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;"><br></span></p><p style="text-align:left;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">2、单击“价格”按钮,可以帮助用户将商品以价格的多少从低到高进行排序,且有从高到低和从低到高两种排序模式,默认状态为从低到高;</span></p><p style="text-align:left;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;"><br></span></p><p style="text-align:left;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">3、单击“销量优先”按钮,可以帮助用户根据商品付款人数的多少进行排序,系统自动设置默认状态为从高到低;</span></p>
</div>
</div>
<!-- Unnamed (组合) -->
<div id="u444" class="ax_default" data-left="102" data-top="345" data-width="584" data-height="90">
<!-- Unnamed (水平线) -->
<div id="u445" class="compound ax_default line" WidgetHeight="1" WidgetWidth="581" CompoundMode="true">
<img id="u445_img" class="singleImg img " src="images/1_1_1_单品列表页/u445.png"/>
<div id="u445p000" class="ax_vector_shape" WidgetTopLeftX="-0.494880546075085" WidgetTopLeftY="0" WidgetTopRightX="0.496587030716724" WidgetTopRightY="0" WidgetBottomLeftX="-0.494880546075085" WidgetBottomLeftY="0.166666666666667" WidgetBottomRightX="0.496587030716724" WidgetBottomRightY="0.166666666666667">
<img id="u445p000_img" class="img " src="images/1_1_1_单品列表页/u445p000.png"/>
</div>
<div id="u445p001" class="ax_vector_shape" WidgetTopLeftX="-0.25" WidgetTopLeftY="-0.25" WidgetTopRightX="145" WidgetTopRightY="-0.25" WidgetBottomLeftX="-0.25" WidgetBottomLeftY="0" WidgetBottomRightX="145" WidgetBottomRightY="0">
<img id="u445p001_img" class="img " src="images/1_1_1_单品列表页/u445p001.png"/>
</div>
<div id="u445p002" class="ax_vector_shape" WidgetTopLeftX="28.85" WidgetTopLeftY="0.05" WidgetTopRightX="-0.2" WidgetTopRightY="0.05" WidgetBottomLeftX="28.85" WidgetBottomLeftY="0" WidgetBottomRightX="-0.2" WidgetBottomRightY="0">
<img id="u445p002_img" class="img " src="images/1_1_1_单品列表页/u445p002.png"/>
</div>
</div>
<!-- Unnamed (图片) -->
<div id="u446" class="ax_default image">
<img id="u446_img" class="img " src="images/图例/u125.png"/>
</div>
<!-- Unnamed (垂直线) -->
<div id="u447" class="compound ax_default line" WidgetHeight="12" WidgetWidth="1" CompoundMode="true">
<img id="u447_img" class="singleImg img " src="images/1_1_1_单品列表页/u447.png"/>
<div id="u447p000" class="ax_vector_shape" WidgetTopLeftX="-0.333333333333333" WidgetTopLeftY="0.166666666666667" WidgetTopRightX="-0.333333333333333" WidgetTopRightY="0" WidgetBottomLeftX="0.333333333333333" WidgetBottomLeftY="0.166666666666667" WidgetBottomRightX="0.333333333333333" WidgetBottomRightY="0">
<img id="u447p000_img" class="img " src="images/1_1_1_单品列表页/u447p000.png"/>
</div>
<div id="u447p001" class="ax_vector_shape" WidgetTopLeftX="-0.136363638796798" WidgetTopLeftY="0.0499999997323522" WidgetTopRightX="-0.136363638796798" WidgetTopRightY="0" WidgetBottomLeftX="0.409090906657747" WidgetBottomLeftY="0.0499999997323522" WidgetBottomRightX="0.409090906657747" WidgetBottomRightY="0">
<img id="u447p001_img" class="img " src="images/1_1_1_单品列表页/u447p001.png"/>
</div>
<div id="u447p002" class="ax_vector_shape" WidgetTopLeftX="-0.5" WidgetTopLeftY="-3.25" WidgetTopRightX="0" WidgetTopRightY="-3.25" WidgetBottomLeftX="-0.5" WidgetBottomLeftY="-0.25" WidgetBottomRightX="0" WidgetBottomRightY="-0.25">
<img id="u447p002_img" class="img " src="images/1_1_1_单品列表页/u447p002.png"/>
</div>
</div>
<!-- Unnamed (垂直线) -->
<div id="u448" class="compound ax_default line" WidgetHeight="12" WidgetWidth="1" CompoundMode="true">
<img id="u448_img" class="singleImg img " src="images/1_1_1_单品列表页/u447.png"/>
<div id="u448p000" class="ax_vector_shape" WidgetTopLeftX="-0.333333333333333" WidgetTopLeftY="0" WidgetTopRightX="-0.333333333333333" WidgetTopRightY="-0.166666666666667" WidgetBottomLeftX="0.333333333333333" WidgetBottomLeftY="0" WidgetBottomRightX="0.333333333333333" WidgetBottomRightY="-0.166666666666667">
<img id="u448p000_img" class="img " src="images/1_1_1_单品列表页/u448p000.png"/>
</div>
<div id="u448p001" class="ax_vector_shape" WidgetTopLeftX="-0.136363638796798" WidgetTopLeftY="0" WidgetTopRightX="-0.136363638796798" WidgetTopRightY="-0.0499999997323522" WidgetBottomLeftX="0.409090906657747" WidgetBottomLeftY="0" WidgetBottomRightX="0.409090906657747" WidgetBottomRightY="-0.0499999997323522">
<img id="u448p001_img" class="img " src="images/1_1_1_单品列表页/u448p001.png"/>
</div>
<div id="u448p002" class="ax_vector_shape" WidgetTopLeftX="-0.25" WidgetTopLeftY="-3.25" WidgetTopRightX="0" WidgetTopRightY="-3.25" WidgetBottomLeftX="-0.25" WidgetBottomLeftY="-0.25" WidgetBottomRightX="0" WidgetBottomRightY="-0.25">
<img id="u448p002_img" class="img " src="images/1_1_1_单品列表页/u448p002.png"/>
</div>
</div>
<!-- Unnamed (垂直线) -->
<div id="u449" class="compound ax_default line" WidgetHeight="12" WidgetWidth="1" CompoundMode="true">
<img id="u449_img" class="singleImg img " src="images/1_1_1_单品列表页/u447.png"/>
<div id="u449p000" class="ax_vector_shape" WidgetTopLeftX="-0.333333333333333" WidgetTopLeftY="0" WidgetTopRightX="-0.333333333333333" WidgetTopRightY="-0.166666666666667" WidgetBottomLeftX="0.333333333333333" WidgetBottomLeftY="0" WidgetBottomRightX="0.333333333333333" WidgetBottomRightY="-0.166666666666667">
<img id="u449p000_img" class="img " src="images/1_1_1_单品列表页/u448p000.png"/>
</div>
<div id="u449p001" class="ax_vector_shape" WidgetTopLeftX="-0.136363638796798" WidgetTopLeftY="0" WidgetTopRightX="-0.136363638796798" WidgetTopRightY="-0.0499999997323522" WidgetBottomLeftX="0.409090906657747" WidgetBottomLeftY="0" WidgetBottomRightX="0.409090906657747" WidgetBottomRightY="-0.0499999997323522">
<img id="u449p001_img" class="img " src="images/1_1_1_单品列表页/u448p001.png"/>
</div>
<div id="u449p002" class="ax_vector_shape" WidgetTopLeftX="-0.25" WidgetTopLeftY="-3.25" WidgetTopRightX="0" WidgetTopRightY="-3.25" WidgetBottomLeftX="-0.25" WidgetBottomLeftY="-0.25" WidgetBottomRightX="0" WidgetBottomRightY="-0.25">
<img id="u449p002_img" class="img " src="images/1_1_1_单品列表页/u448p002.png"/>
</div>
</div>
</div>
<!-- Unnamed (组合) -->
<div id="u450" class="ax_default" data-left="470" data-top="655" data-width="216" data-height="87">
<!-- Unnamed (图片) -->
<div id="u451" class="ax_default image">
<img id="u451_img" class="img " src="images/图例/u137.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u452" class="ax_default image">
<img id="u452_img" class="img " src="images/图例/u126.png"/>
</div>
<!-- Unnamed (水平线) -->
<div id="u453" class="compound ax_default line" WidgetHeight="1" WidgetWidth="216" CompoundMode="true">
<img id="u453_img" class="singleImg img " src="images/1_1_1_单品列表页/u453.png"/>
<div id="u453p000" class="ax_vector_shape" WidgetTopLeftX="-0.490909090909091" WidgetTopLeftY="-0.166666666666667" WidgetTopRightX="0.490909090909091" WidgetTopRightY="-0.166666666666667" WidgetBottomLeftX="-0.490909090909091" WidgetBottomLeftY="0" WidgetBottomRightX="0.490909090909091" WidgetBottomRightY="0">
<img id="u453p000_img" class="img " src="images/1_1_1_单品列表页/u453p000.png"/>
</div>
<div id="u453p001" class="ax_vector_shape" WidgetTopLeftX="0" WidgetTopLeftY="-0.5" WidgetTopRightX="54" WidgetTopRightY="-0.5" WidgetBottomLeftX="0" WidgetBottomLeftY="0" WidgetBottomRightX="54" WidgetBottomRightY="0">
<img id="u453p001_img" class="img " src="images/1_1_1_单品列表页/u453p001.png"/>
</div>
<div id="u453p002" class="ax_vector_shape" WidgetTopLeftX="10.6" WidgetTopLeftY="0" WidgetTopRightX="-0.2" WidgetTopRightY="0" WidgetBottomLeftX="10.6" WidgetBottomLeftY="-0.05" WidgetBottomRightX="-0.2" WidgetBottomRightY="-0.05">
<img id="u453p002_img" class="img " src="images/1_1_1_单品列表页/u453p002.png"/>
</div>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u454" class="ax_default box_1">
<img id="u454_img" class="img " src="images/1_1_1_单品列表页/u454.png"/>
<div id="u454_text" class="text ">
<p style="text-align:center;"><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;">向上滑动加载更多的中继器 </span></p><p style="text-align:left;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;"><br></span></p><p style="text-align:left;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">1、按住屏幕可以上下滑动,划到下方会触发“Loading”的效果,随后会加载更多商品的数据信息;</span></p><p style="text-align:left;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;"><br></span></p><p style="text-align:left;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">2、下滑加载到数据全部呈现为止,随后出现“已全部加载完成!”的文字提示。</span></p>
</div>
</div>
</div>
</body>
</html>
1
https://gitee.com/NFUNM171043007/APP_design_final.git
git@gitee.com:NFUNM171043007/APP_design_final.git
NFUNM171043007
APP_design_final
APP_design_final
master

搜索帮助