6 Star 1 Fork 1

Rakshasa / APP_design_final

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
axure3_1_3_2.html 38.26 KB
一键复制 编辑 原始数据 按行查看 历史
xinqi3050 提交于 2019-12-30 23:18 . 上传产品原型文件
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597
<!DOCTYPE html>
<html>
<head>
<title>Axure3.1/3.2</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/axure3_1_3_2/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/axure3_1_3_2/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="u2274" class="ax_default image">
<img id="u2274_img" class="img " src="images/1_1_首页/u140.png"/>
</div>
<!-- Unnamed (组合) -->
<div id="u2275" class="ax_default" data-left="37" data-top="90" data-width="438" data-height="886">
<!-- Unnamed (图片) -->
<div id="u2276" class="ax_default image">
<img id="u2276_img" class="img " src="images/1_1_首页/u142.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u2277" class="ax_default image">
<img id="u2277_img" class="img " src="images/1_1_首页/u143.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u2278" class="ax_default image">
<img id="u2278_img" class="img " src="images/1_1_首页/u144.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u2279" class="ax_default image">
<img id="u2279_img" class="img " src="images/1_1_首页/u145.png"/>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u2280" class="ax_default box_3">
<div id="u2280_div" class=""></div>
</div>
<!-- Unnamed (矩形) -->
<div id="u2281" class="ax_default box_1">
<img id="u2281_img" class="img " src="images/1_1_首页/u147.png"/>
</div>
<!-- Unnamed (形状) -->
<div id="u2282" class="ax_default icon">
<img id="u2282_img" class="img " src="images/1_1_首页/u148.png"/>
</div>
<!-- Unnamed (形状) -->
<div id="u2283" class="ax_default icon">
<img id="u2283_img" class="img " src="images/1_1_1_单品列表页/u412.png"/>
</div>
<!-- Unnamed (文本框) -->
<div id="u2284" class="ax_default text_field">
<input id="u2284_input" type="text" value=""/>
</div>
<!-- Unnamed (矩形) -->
<div id="u2285" class="ax_default box_2">
<div id="u2285_div" class=""></div>
<div id="u2285_text" class="text ">
<p><span>优选美搭</span></p>
</div>
</div>
<!-- Unnamed (水平线) -->
<div id="u2286" class="ax_default line">
<img id="u2286_img" class="img " src="images/1_1_首页/u151.png"/>
</div>
<!-- Unnamed (水平线) -->
<div id="u2287" class="ax_default line">
<img id="u2287_img" class="img " src="images/1_1_首页/u152.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u2288" class="ax_default label">
<div id="u2288_div" class=""></div>
<div id="u2288_text" class="text ">
<p><span>首页</span></p>
</div>
</div>
<!-- Unnamed (形状) -->
<div id="u2289" class="ax_default icon">
<img id="u2289_img" class="img " src="images/1_1_首页/u154.png"/>
</div>
<!-- Unnamed (形状) -->
<div id="u2290" class="ax_default icon">
<img id="u2290_img" class="img " src="images/1_1_首页/u155.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u2291" class="ax_default label">
<div id="u2291_div" class=""></div>
<div id="u2291_text" class="text ">
<p><span>虚拟形象</span></p>
</div>
</div>
<!-- Unnamed (形状) -->
<div id="u2292" class="ax_default icon">
<img id="u2292_img" class="img " src="images/1_1_首页/u157.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u2293" class="ax_default label">
<div id="u2293_div" class=""></div>
<div id="u2293_text" class="text ">
<p><span>个人中心</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u2294" class="ax_default box_2">
<div id="u2294_div" class=""></div>
<div id="u2294_text" class="text ">
<p><span>上衣</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u2295" class="ax_default box_2">
<div id="u2295_div" class=""></div>
<div id="u2295_text" class="text ">
<p><span>裤子</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u2296" class="ax_default box_2">
<div id="u2296_div" class=""></div>
<div id="u2296_text" class="text ">
<p><span>裙子</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u2297" class="ax_default box_2">
<div id="u2297_div" class=""></div>
<div id="u2297_text" class="text ">
<p><span></span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u2298" class="ax_default box_2">
<div id="u2298_div" class=""></div>
<div id="u2298_text" class="text ">
<p><span>包包</span></p>
</div>
</div>
<!-- AreaPanel (动态面板) -->
<div id="u2299" class="ax_default" data-label="AreaPanel">
<div id="u2299_state0" class="panel_state" data-label="State1" style="">
<div id="u2299_state0_content" class="panel_state_content">
<!-- GoodsList (中继器) -->
<div id="u2300" class="ax_default" data-label="GoodsList">
<script id="u2300_script" type="axure-repeater-template" data-label="GoodsList">
<!-- Unnamed (水平线) -->
<div id="u2301" class="ax_default line u2301">
<img id="u2301_img" class="img u2301_img" src="images/1_1_1_单品列表页/u430.png"/>
</div>
<!-- MoreButton (矩形) -->
<div id="u2302" class="ax_default _文本段落1 u2302" data-label="MoreButton">
<div id="u2302_div" class="u2302_div"></div>
<div id="u2302_text" class="text u2302_text">
<p><span></span></p>
</div>
</div>
<!-- PriceAndSales (矩形) -->
<div id="u2303" class="ax_default label u2303" data-label="PriceAndSales">
<div id="u2303_div" class="u2303_div"></div>
<div id="u2303_text" class="text u2303_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="u2304" class="ax_default label u2304" data-label="GoodsName">
<div id="u2304_div" class="u2304_div"></div>
<div id="u2304_text" class="text u2304_text">
<p><span>&nbsp;&nbsp; &nbsp; &nbsp; 商品名称</span></p>
</div>
</div>
<!-- TmallIcon (图片) -->
<div id="u2305" class="ax_default _图片_ u2305" data-label="TmallIcon">
<img id="u2305_img" class="img u2305_img" src="images/1_1_1_单品列表页/tmallicon_u434.png"/>
</div>
<!-- GoodsImage (图片) -->
<div id="u2306" class="ax_default _图片_ u2306" data-label="GoodsImage">
<img id="u2306_img" class="img u2306_img" src="images/1_1_1_单品列表页/goodsimage_u435.png"/>
</div>
</script>
<div id="u2300-1" class="" style="width: 360px; height: 125px;">
<!-- Unnamed (水平线) -->
<div id="u2301-1" class="ax_default line u2301" style="width: 226px; height: 1px; left: 134px; top: 124px;visibility: inherit">
<img id="u2301-1_img" class="img u2301_img" src="images/1_1_1_单品列表页/u430.png"/>
</div>
<!-- MoreButton (矩形) -->
<div id="u2302-1" class="ax_default _文本段落1 u2302" data-label="MoreButton" style="width: 15px; height: 22px; left: 339px; top: 102px;visibility: inherit">
<div id="u2302-1_div" class="u2302_div" style="width: 15px; height: 22px;visibility: inherit"></div>
<div id="u2302-1_text" class="text u2302_text" style="position: absolute;left: 0px;top: 0px;width: 15px;visibility: inherit">
<p><span></span></p>
</div>
</div>
<!-- PriceAndSales (矩形) -->
<div id="u2303-1" class="ax_default label u2303" data-label="PriceAndSales" style="width: 158px; height: 22px; left: 134px; top: 95px;visibility: inherit">
<div id="u2303-1_div" class="u2303_div" style="width: 158px; height: 22px;visibility: inherit"></div>
<div id="u2303-1_text" class="text u2303_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="u2304-1" class="ax_default label u2304" data-label="GoodsName" style="width: 200px; height: 32px; left: 136px; top: 11px;visibility: inherit">
<div id="u2304-1_div" class="u2304_div" style="width: 200px; height: 32px;visibility: inherit"></div>
<div id="u2304-1_text" class="text u2304_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="u2305-1" class="ax_default _图片_ u2305" data-label="TmallIcon" style="width: 23px; height: 12px; left: 137px; top: 13px;visibility: inherit">
<img id="u2305-1_img" class="img u2305_img" src="images/1_1_1_单品列表页/tmallicon_u434.png"/>
</div>
<!-- GoodsImage (图片) -->
<div id="u2306-1" class="ax_default _图片_ u2306" data-label="GoodsImage" style="width: 125px; height: 125px; left: 0px; top: 0px;visibility: inherit">
<img id="u2306-1_img" class="img u2306_img" src="images/1_1_1_单品列表页/goodsimage_u435.png"/>
</div>
</div>
<div id="u2300-2" class="" style="width: 360px; height: 125px;">
<!-- Unnamed (水平线) -->
<div id="u2301-2" class="ax_default line u2301" style="width: 226px; height: 1px; left: 134px; top: 124px;visibility: inherit">
<img id="u2301-2_img" class="img u2301_img" src="images/1_1_1_单品列表页/u430.png"/>
</div>
<!-- MoreButton (矩形) -->
<div id="u2302-2" class="ax_default _文本段落1 u2302" data-label="MoreButton" style="width: 15px; height: 22px; left: 339px; top: 102px;visibility: inherit">
<div id="u2302-2_div" class="u2302_div" style="width: 15px; height: 22px;visibility: inherit"></div>
<div id="u2302-2_text" class="text u2302_text" style="position: absolute;left: 0px;top: 0px;width: 15px;visibility: inherit">
<p><span></span></p>
</div>
</div>
<!-- PriceAndSales (矩形) -->
<div id="u2303-2" class="ax_default label u2303" data-label="PriceAndSales" style="width: 158px; height: 22px; left: 134px; top: 95px;visibility: inherit">
<div id="u2303-2_div" class="u2303_div" style="width: 158px; height: 22px;visibility: inherit"></div>
<div id="u2303-2_text" class="text u2303_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="u2304-2" class="ax_default label u2304" data-label="GoodsName" style="width: 200px; height: 32px; left: 136px; top: 11px;visibility: inherit">
<div id="u2304-2_div" class="u2304_div" style="width: 200px; height: 32px;visibility: inherit"></div>
<div id="u2304-2_text" class="text u2304_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="u2305-2" class="ax_default _图片_ u2305" data-label="TmallIcon" style="width: 23px; height: 12px; left: 137px; top: 13px;visibility: inherit">
<img id="u2305-2_img" class="img u2305_img" src="images/1_1_1_单品列表页/tmallicon_u434.png"/>
</div>
<!-- GoodsImage (图片) -->
<div id="u2306-2" class="ax_default _图片_ u2306" data-label="GoodsImage" style="width: 125px; height: 125px; left: 0px; top: 0px;visibility: inherit">
<img id="u2306-2_img" class="img u2306_img" src="images/1_1_1_单品列表页/goodsimage_u435.png"/>
</div>
</div>
<div id="u2300-3" class="" style="width: 360px; height: 125px;">
<!-- Unnamed (水平线) -->
<div id="u2301-3" class="ax_default line u2301" style="width: 226px; height: 1px; left: 134px; top: 124px;visibility: inherit">
<img id="u2301-3_img" class="img u2301_img" src="images/1_1_1_单品列表页/u430.png"/>
</div>
<!-- MoreButton (矩形) -->
<div id="u2302-3" class="ax_default _文本段落1 u2302" data-label="MoreButton" style="width: 15px; height: 22px; left: 339px; top: 102px;visibility: inherit">
<div id="u2302-3_div" class="u2302_div" style="width: 15px; height: 22px;visibility: inherit"></div>
<div id="u2302-3_text" class="text u2302_text" style="position: absolute;left: 0px;top: 0px;width: 15px;visibility: inherit">
<p><span></span></p>
</div>
</div>
<!-- PriceAndSales (矩形) -->
<div id="u2303-3" class="ax_default label u2303" data-label="PriceAndSales" style="width: 158px; height: 22px; left: 134px; top: 95px;visibility: inherit">
<div id="u2303-3_div" class="u2303_div" style="width: 158px; height: 22px;visibility: inherit"></div>
<div id="u2303-3_text" class="text u2303_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="u2304-3" class="ax_default label u2304" data-label="GoodsName" style="width: 200px; height: 32px; left: 136px; top: 11px;visibility: inherit">
<div id="u2304-3_div" class="u2304_div" style="width: 200px; height: 32px;visibility: inherit"></div>
<div id="u2304-3_text" class="text u2304_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="u2305-3" class="ax_default _图片_ u2305" data-label="TmallIcon" style="width: 23px; height: 12px; left: 137px; top: 13px;visibility: inherit">
<img id="u2305-3_img" class="img u2305_img" src="images/1_1_1_单品列表页/tmallicon_u434.png"/>
</div>
<!-- GoodsImage (图片) -->
<div id="u2306-3" class="ax_default _图片_ u2306" data-label="GoodsImage" style="width: 125px; height: 125px; left: 0px; top: 0px;visibility: inherit">
<img id="u2306-3_img" class="img u2306_img" src="images/1_1_1_单品列表页/goodsimage_u435.png"/>
</div>
</div>
<div id="u2300-4" class="" style="width: 360px; height: 125px;">
<!-- Unnamed (水平线) -->
<div id="u2301-4" class="ax_default line u2301" style="width: 226px; height: 1px; left: 134px; top: 124px;visibility: inherit">
<img id="u2301-4_img" class="img u2301_img" src="images/1_1_1_单品列表页/u430.png"/>
</div>
<!-- MoreButton (矩形) -->
<div id="u2302-4" class="ax_default _文本段落1 u2302" data-label="MoreButton" style="width: 15px; height: 22px; left: 339px; top: 102px;visibility: inherit">
<div id="u2302-4_div" class="u2302_div" style="width: 15px; height: 22px;visibility: inherit"></div>
<div id="u2302-4_text" class="text u2302_text" style="position: absolute;left: 0px;top: 0px;width: 15px;visibility: inherit">
<p><span></span></p>
</div>
</div>
<!-- PriceAndSales (矩形) -->
<div id="u2303-4" class="ax_default label u2303" data-label="PriceAndSales" style="width: 158px; height: 22px; left: 134px; top: 95px;visibility: inherit">
<div id="u2303-4_div" class="u2303_div" style="width: 158px; height: 22px;visibility: inherit"></div>
<div id="u2303-4_text" class="text u2303_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="u2304-4" class="ax_default label u2304" data-label="GoodsName" style="width: 200px; height: 32px; left: 136px; top: 11px;visibility: inherit">
<div id="u2304-4_div" class="u2304_div" style="width: 200px; height: 32px;visibility: inherit"></div>
<div id="u2304-4_text" class="text u2304_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="u2305-4" class="ax_default _图片_ u2305" data-label="TmallIcon" style="width: 23px; height: 12px; left: 137px; top: 13px;visibility: inherit">
<img id="u2305-4_img" class="img u2305_img" src="images/1_1_1_单品列表页/tmallicon_u434.png"/>
</div>
<!-- GoodsImage (图片) -->
<div id="u2306-4" class="ax_default _图片_ u2306" data-label="GoodsImage" style="width: 125px; height: 125px; left: 0px; top: 0px;visibility: inherit">
<img id="u2306-4_img" class="img u2306_img" src="images/1_1_1_单品列表页/goodsimage_u435.png"/>
</div>
</div>
<div id="u2300-5" class="" style="width: 360px; height: 125px;">
<!-- Unnamed (水平线) -->
<div id="u2301-5" class="ax_default line u2301" style="width: 226px; height: 1px; left: 134px; top: 124px;visibility: inherit">
<img id="u2301-5_img" class="img u2301_img" src="images/1_1_1_单品列表页/u430.png"/>
</div>
<!-- MoreButton (矩形) -->
<div id="u2302-5" class="ax_default _文本段落1 u2302" data-label="MoreButton" style="width: 15px; height: 22px; left: 339px; top: 102px;visibility: inherit">
<div id="u2302-5_div" class="u2302_div" style="width: 15px; height: 22px;visibility: inherit"></div>
<div id="u2302-5_text" class="text u2302_text" style="position: absolute;left: 0px;top: 0px;width: 15px;visibility: inherit">
<p><span></span></p>
</div>
</div>
<!-- PriceAndSales (矩形) -->
<div id="u2303-5" class="ax_default label u2303" data-label="PriceAndSales" style="width: 158px; height: 22px; left: 134px; top: 95px;visibility: inherit">
<div id="u2303-5_div" class="u2303_div" style="width: 158px; height: 22px;visibility: inherit"></div>
<div id="u2303-5_text" class="text u2303_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="u2304-5" class="ax_default label u2304" data-label="GoodsName" style="width: 200px; height: 32px; left: 136px; top: 11px;visibility: inherit">
<div id="u2304-5_div" class="u2304_div" style="width: 200px; height: 32px;visibility: inherit"></div>
<div id="u2304-5_text" class="text u2304_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="u2305-5" class="ax_default _图片_ u2305" data-label="TmallIcon" style="width: 23px; height: 12px; left: 137px; top: 13px;visibility: inherit">
<img id="u2305-5_img" class="img u2305_img" src="images/1_1_1_单品列表页/tmallicon_u434.png"/>
</div>
<!-- GoodsImage (图片) -->
<div id="u2306-5" class="ax_default _图片_ u2306" data-label="GoodsImage" style="width: 125px; height: 125px; left: 0px; top: 0px;visibility: inherit">
<img id="u2306-5_img" class="img u2306_img" src="images/1_1_1_单品列表页/goodsimage_u435.png"/>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Unnamed (组合) -->
<div id="u2307" class="ax_default" data-left="67" data-top="314" data-width="375" data-height="43">
<!-- Unnamed (矩形) -->
<div id="u2308" class="ax_default box_21">
<div id="u2308_div" class=""></div>
</div>
<!-- Unnamed (矩形) -->
<div id="u2309" class="ax_default label selected" selectiongroup="Sort">
<div id="u2309_div" class="selected"></div>
<div id="u2309_text" class="text ">
<p><span>默认</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u2310" class="ax_default label" selectiongroup="Sort">
<div id="u2310_div" class=""></div>
<div id="u2310_text" class="text ">
<p><span>&nbsp;销量优先</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u2311" class="ax_default label">
<div id="u2311_div" class=""></div>
<div id="u2311_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="u2312" class="ax_default label" selectiongroup="Sort">
<div id="u2312_div" class=""></div>
<div id="u2312_text" class="text ">
<p><span>价格</span></p>
</div>
</div>
</div>
<!-- Loading (矩形) -->
<div id="u2313" class="ax_default box_21 ax_default_hidden" data-label="Loading" style="display:none; visibility: hidden">
<div id="u2313_div" class=""></div>
<div id="u2313_text" class="text ">
<p><span>正在加载...</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u2314" class="ax_default box_1">
<img id="u2314_img" class="img " src="images/1_1_1_单品列表页/u443.png"/>
<div id="u2314_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="u2315" class="ax_default" data-left="102" data-top="345" data-width="584" data-height="90">
<!-- Unnamed (水平线) -->
<div id="u2316" class="compound ax_default line" WidgetHeight="1" WidgetWidth="581" CompoundMode="true">
<img id="u2316_img" class="singleImg img " src="images/1_1_1_单品列表页/u445.png"/>
<div id="u2316p000" 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="u2316p000_img" class="img " src="images/1_1_1_单品列表页/u445p000.png"/>
</div>
<div id="u2316p001" 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="u2316p001_img" class="img " src="images/1_1_1_单品列表页/u445p001.png"/>
</div>
<div id="u2316p002" 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="u2316p002_img" class="img " src="images/1_1_1_单品列表页/u445p002.png"/>
</div>
</div>
<!-- Unnamed (图片) -->
<div id="u2317" class="ax_default image">
<img id="u2317_img" class="img " src="images/图例/u125.png"/>
</div>
<!-- Unnamed (垂直线) -->
<div id="u2318" class="compound ax_default line" WidgetHeight="12" WidgetWidth="1" CompoundMode="true">
<img id="u2318_img" class="singleImg img " src="images/1_1_1_单品列表页/u447.png"/>
<div id="u2318p000" 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="u2318p000_img" class="img " src="images/1_1_1_单品列表页/u447p000.png"/>
</div>
<div id="u2318p001" 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="u2318p001_img" class="img " src="images/1_1_1_单品列表页/u447p001.png"/>
</div>
<div id="u2318p002" 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="u2318p002_img" class="img " src="images/1_1_1_单品列表页/u447p002.png"/>
</div>
</div>
<!-- Unnamed (垂直线) -->
<div id="u2319" class="compound ax_default line" WidgetHeight="12" WidgetWidth="1" CompoundMode="true">
<img id="u2319_img" class="singleImg img " src="images/1_1_1_单品列表页/u447.png"/>
<div id="u2319p000" 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="u2319p000_img" class="img " src="images/1_1_1_单品列表页/u448p000.png"/>
</div>
<div id="u2319p001" 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="u2319p001_img" class="img " src="images/1_1_1_单品列表页/u448p001.png"/>
</div>
<div id="u2319p002" 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="u2319p002_img" class="img " src="images/1_1_1_单品列表页/u448p002.png"/>
</div>
</div>
<!-- Unnamed (垂直线) -->
<div id="u2320" class="compound ax_default line" WidgetHeight="12" WidgetWidth="1" CompoundMode="true">
<img id="u2320_img" class="singleImg img " src="images/1_1_1_单品列表页/u447.png"/>
<div id="u2320p000" 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="u2320p000_img" class="img " src="images/1_1_1_单品列表页/u448p000.png"/>
</div>
<div id="u2320p001" 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="u2320p001_img" class="img " src="images/1_1_1_单品列表页/u448p001.png"/>
</div>
<div id="u2320p002" 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="u2320p002_img" class="img " src="images/1_1_1_单品列表页/u448p002.png"/>
</div>
</div>
</div>
<!-- Unnamed (组合) -->
<div id="u2321" class="ax_default" data-left="470" data-top="655" data-width="216" data-height="87">
<!-- Unnamed (图片) -->
<div id="u2322" class="ax_default image">
<img id="u2322_img" class="img " src="images/图例/u137.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u2323" class="ax_default image">
<img id="u2323_img" class="img " src="images/图例/u126.png"/>
</div>
<!-- Unnamed (水平线) -->
<div id="u2324" class="compound ax_default line" WidgetHeight="1" WidgetWidth="216" CompoundMode="true">
<img id="u2324_img" class="singleImg img " src="images/1_1_1_单品列表页/u453.png"/>
<div id="u2324p000" 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="u2324p000_img" class="img " src="images/1_1_1_单品列表页/u453p000.png"/>
</div>
<div id="u2324p001" class="ax_vector_shape" WidgetTopLeftX="0" WidgetTopLeftY="-0.5" WidgetTopRightX="54" WidgetTopRightY="-0.5" WidgetBottomLeftX="0" WidgetBottomLeftY="0" WidgetBottomRightX="54" WidgetBottomRightY="0">
<img id="u2324p001_img" class="img " src="images/1_1_1_单品列表页/u453p001.png"/>
</div>
<div id="u2324p002" 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="u2324p002_img" class="img " src="images/1_1_1_单品列表页/u453p002.png"/>
</div>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u2325" class="ax_default box_1">
<img id="u2325_img" class="img " src="images/1_1_1_单品列表页/u454.png"/>
<div id="u2325_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>
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
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

搜索帮助

344bd9b3 5694891 D2dac590 5694891