6 Star 1 Fork 1

Rakshasa / APP_design_final

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
1_1_2_单品信息页.html 16.90 KB
一键复制 编辑 原始数据 按行查看 历史
xinqi3050 提交于 2019-12-30 23:18 . 上传产品原型文件
<!DOCTYPE html>
<html>
<head>
<title>1.1.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/1_1_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/1_1_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 (矩形) -->
<div id="u455" class="ax_default box_1">
<div id="u455_div" class=""></div>
</div>
<!-- Unnamed (Status Bar) -->
<!-- Unnamed (图片) -->
<div id="u457" class="ax_default image">
<img id="u457_img" class="img " src="images/1_1_首页/u140.png"/>
</div>
<!-- Unnamed (组合) -->
<div id="u458" class="ax_default" data-left="38" data-top="100" data-width="438" data-height="886">
<!-- Unnamed (图片) -->
<div id="u459" class="ax_default image">
<img id="u459_img" class="img " src="images/1_1_首页/u142.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u460" class="ax_default image">
<img id="u460_img" class="img " src="images/1_1_首页/u143.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u461" class="ax_default image">
<img id="u461_img" class="img " src="images/1_1_首页/u144.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u462" class="ax_default image">
<img id="u462_img" class="img " src="images/1_1_首页/u145.png"/>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u463" class="ax_default box_3">
<div id="u463_div" class=""></div>
</div>
<!-- Unnamed (矩形) -->
<div id="u464" class="ax_default box_1">
<img id="u464_img" class="img " src="images/1_1_首页/u147.png"/>
</div>
<!-- Unnamed (形状) -->
<div id="u465" class="ax_default icon">
<img id="u465_img" class="img " src="images/1_1_首页/u148.png"/>
</div>
<!-- Unnamed (形状) -->
<div id="u466" class="ax_default icon">
<img id="u466_img" class="img " src="images/1_1_1_单品列表页/u412.png"/>
</div>
<!-- Unnamed (文本框) -->
<div id="u467" class="ax_default text_field">
<input id="u467_input" type="text" value=""/>
</div>
<!-- Unnamed (水平线) -->
<div id="u468" class="ax_default line">
<img id="u468_img" class="img " src="images/1_1_首页/u151.png"/>
</div>
<!-- Unnamed (水平线) -->
<div id="u469" class="ax_default line">
<img id="u469_img" class="img " src="images/1_1_首页/u152.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u470" class="ax_default _文本段落">
<div id="u470_div" class=""></div>
<div id="u470_text" class="text ">
<p><span>单品商品名XXXXXX</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u471" class="ax_default label">
<div id="u471_div" class=""></div>
<div id="u471_text" class="text ">
<p><span>¥ 28</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u472" class="ax_default box_2">
<div id="u472_div" class=""></div>
</div>
<!-- Unnamed (矩形) -->
<div id="u473" class="ax_default box_2">
<div id="u473_div" class=""></div>
</div>
<!-- Unnamed (图片) -->
<div id="u474" class="ax_default _图片_">
<img id="u474_img" class="img " src="images/1_1_2_单品信息页/u474.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u475" class="ax_default label">
<div id="u475_div" class=""></div>
<div id="u475_text" class="text ">
<p><span>小个子私服馆</span></p>
</div>
</div>
<!-- Unnamed (形状) -->
<div id="u476" class="ax_default icon">
<img id="u476_img" class="img " src="images/1_1_2_单品信息页/u476.png"/>
</div>
<!-- Unnamed (垂直线) -->
<div id="u477" class="ax_default line">
<img id="u477_img" class="img " src="images/1_1_2_单品信息页/u477.png"/>
</div>
<!-- Unnamed (垂直线) -->
<div id="u478" class="ax_default line">
<img id="u478_img" class="img " src="images/1_1_2_单品信息页/u477.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u479" class="ax_default box_2">
<div id="u479_div" class=""></div>
<div id="u479_text" class="text ">
<p><span>立即购买</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u480" class="ax_default label">
<div id="u480_div" class=""></div>
<div id="u480_text" class="text ">
<p><span>加入购物车</span></p>
</div>
</div>
<!-- Unnamed (形状) -->
<div id="u481" class="ax_default icon">
<img id="u481_img" class="img " src="images/1_1_2_单品信息页/u481.png"/>
</div>
<!-- Unnamed (形状) -->
<div id="u482" class="ax_default icon">
<img id="u482_img" class="img " src="images/1_1_2_单品信息页/u482.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u483" class="ax_default label">
<div id="u483_div" class=""></div>
<div id="u483_text" class="text ">
<p><span>联系商家</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u484" class="ax_default label">
<div id="u484_div" class=""></div>
<div id="u484_text" class="text ">
<p><span>1235</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u485" class="ax_default label">
<div id="u485_div" class=""></div>
<div id="u485_text" class="text ">
<p><span>立即试穿</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u486" class="ax_default label">
<div id="u486_div" class=""></div>
<div id="u486_text" class="text ">
<p><span>收藏夹</span></p>
</div>
</div>
<!-- Unnamed (形状) -->
<div id="u487" class="ax_default icon">
<img id="u487_img" class="img " src="images/1_1_2_单品信息页/u487.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u488" class="ax_default label">
<div id="u488_div" class=""></div>
<div id="u488_text" class="text ">
<p><span>分享</span></p>
</div>
</div>
<!-- Unnamed (形状) -->
<div id="u489" class="ax_default icon">
<img id="u489_img" class="img " src="images/1_1_2_单品信息页/u489.png"/>
</div>
<!-- Unnamed (热区) -->
<div id="u490" class="ax_default">
</div>
<!-- Unnamed (图片) -->
<div id="u491" class="ax_default image">
<img id="u491_img" class="img " src="images/1_1_2_单品信息页/u491.png"/>
</div>
<!-- 加入购物车成功 (动态面板) -->
<div id="u492" class="ax_default ax_default_hidden" data-label="加入购物车成功" style="display:none; visibility: hidden">
<div id="u492_state0" class="panel_state" data-label="State1" style="">
<div id="u492_state0_content" class="panel_state_content">
<!-- Unnamed (矩形) -->
<div id="u493" class="ax_default box_1">
<div id="u493_div" class=""></div>
<div id="u493_text" class="text ">
<p><span>加入购物车成功!</span></p>
</div>
</div>
</div>
</div>
</div>
<!-- Unnamed (图片) -->
<div id="u494" class="ax_default image">
<img id="u494_img" class="img " src="images/图例/u125.png"/>
</div>
<!-- Unnamed (水平线) -->
<div id="u495" class="ax_default line">
<img id="u495_img" class="img " src="images/1_1_2_单品信息页/u495.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u496" class="ax_default box_2">
<div id="u496_div" class=""></div>
</div>
<!-- Unnamed (矩形) -->
<div id="u497" class="ax_default box_2">
<div id="u497_div" class=""></div>
</div>
<!-- Unnamed (形状) -->
<div id="u498" class="ax_default icon">
<img id="u498_img" class="img " src="images/1_1_2_单品信息页/u498.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u499" class="ax_default label">
<div id="u499_div" class=""></div>
<div id="u499_text" class="text ">
<p><span></span></p><p><span></span></p><p><span></span></p><p><span></span></p>
</div>
</div>
<!-- Unnamed (图片) -->
<div id="u500" class="ax_default image">
<img id="u500_img" class="img " src="images/1_1_2_单品信息页/u500.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u501" class="ax_default image">
<img id="u501_img" class="img " src="images/1_1_2_单品信息页/u501.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u502" class="ax_default image">
<img id="u502_img" class="img " src="images/1_1_2_单品信息页/u502.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u503" class="ax_default image">
<img id="u503_img" class="img " src="images/1_1_2_单品信息页/u503.png"/>
</div>
<!-- Unnamed (水平线) -->
<div id="u504" class="ax_default line">
<img id="u504_img" class="img " src="images/1_1_2_单品信息页/u504.png"/>
</div>
<!-- 牛仔裤 (图片) -->
<div id="u505" class="ax_default image" data-label="牛仔裤">
<img id="u505_img" class="img " src="images/1_1_2_单品信息页/牛仔裤_u505.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u506" class="ax_default image">
<img id="u506_img" class="img " src="images/1_1_2_单品信息页/u491.png"/>
</div>
<!-- 白色裙子 (图片) -->
<div id="u507" class="ax_default image ax_default_hidden" data-label="白色裙子" style="display:none; visibility: hidden">
<img id="u507_img" class="img " src="images/1_1_2_单品信息页/白色裙子_u507.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u508" class="ax_default image">
<img id="u508_img" class="img " src="images/1_1_2_单品信息页/u508.png"/>
</div>
<!-- 橙色上衣 (图片) -->
<div id="u509" class="ax_default image ax_default_hidden" data-label="橙色上衣" style="display:none; visibility: hidden">
<img id="u509_img" class="img " src="images/1_1_2_单品信息页/橙色上衣_u509.png"/>
</div>
<!-- 蓝色上衣 (图片) -->
<div id="u510" class="ax_default image ax_default_hidden" data-label="蓝色上衣" style="display:none; visibility: hidden">
<img id="u510_img" class="img " src="images/1_1_2_单品信息页/蓝色上衣_u510.png"/>
</div>
<!-- Unnamed (组合) -->
<div id="u511" class="ax_default" data-left="572" data-top="812" data-width="386" data-height="60">
<!-- Unnamed (组合) -->
<div id="u512" class="ax_default" data-left="572" data-top="812" data-width="386" data-height="60">
<!-- Unnamed (矩形) -->
<div id="u513" class="ax_default box_2">
<div id="u513_div" class=""></div>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u514" class="ax_default label">
<div id="u514_div" class=""></div>
<div id="u514_text" class="text ">
<p><span>首页</span></p>
</div>
</div>
<!-- Unnamed (形状) -->
<div id="u515" class="ax_default icon">
<img id="u515_img" class="img " src="images/1_1_2_单品信息页/u515.png"/>
</div>
<!-- Unnamed (形状) -->
<div id="u516" class="ax_default icon">
<img id="u516_img" class="img " src="images/1_1_2_单品信息页/u516.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u517" class="ax_default label">
<div id="u517_div" class=""></div>
<div id="u517_text" class="text ">
<p><span>虚拟形象</span></p>
</div>
</div>
<!-- Unnamed (形状) -->
<div id="u518" class="ax_default icon">
<img id="u518_img" class="img " src="images/1_1_2_单品信息页/u518.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u519" class="ax_default label">
<div id="u519_div" class=""></div>
<div id="u519_text" class="text ">
<p><span>个人中心</span></p>
</div>
</div>
</div>
<!-- Unnamed (图片) -->
<div id="u520" class="ax_default image">
<img id="u520_img" class="img " src="images/1_1_2_单品信息页/u520.png"/>
</div>
<!-- 白色裙子2 (图片) -->
<div id="u521" class="ax_default image ax_default_hidden" data-label="白色裙子2" style="display:none; visibility: hidden">
<img id="u521_img" class="img " src="images/1_1_2_单品信息页/u508.png"/>
</div>
<!-- 蓝色上衣2 (图片) -->
<div id="u522" class="ax_default image ax_default_hidden" data-label="蓝色上衣2" style="display:none; visibility: hidden">
<img id="u522_img" class="img " src="images/1_1_2_单品信息页/u520.png"/>
</div>
<!-- 橙色上衣2 (图片) -->
<div id="u523" class="ax_default image ax_default_hidden" data-label="橙色上衣2" style="display:none; visibility: hidden">
<img id="u523_img" class="img " src="images/1_1_2_单品信息页/u502.png"/>
</div>
<!-- 牛仔裤2 (图片) -->
<div id="u524" class="ax_default image" data-label="牛仔裤2">
<img id="u524_img" class="img " src="images/1_1_2_单品信息页/u491.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u525" class="ax_default label">
<div id="u525_div" class=""></div>
<div id="u525_text" class="text ">
<p><span>修改虚拟形象</span></p>
</div>
</div>
<!-- Unnamed (形状) -->
<div id="u526" class="ax_default icon">
<img id="u526_img" class="img " src="images/1_1_2_单品信息页/u526.png"/>
</div>
<!-- Unnamed (热区) -->
<div id="u527" class="ax_default">
</div>
<!-- iphone外框 (组合) -->
<div id="u528" class="ax_default" data-label="iphone外框" data-left="546" data-top="98" data-width="438" data-height="886">
<!-- Unnamed (Status Bar) -->
<!-- Unnamed (图片) -->
<div id="u530" class="ax_default image">
<img id="u530_img" class="img " src="images/1_1_首页/u140.png"/>
</div>
<!-- Unnamed (组合) -->
<div id="u531" class="ax_default" data-left="546" data-top="98" data-width="438" data-height="886">
<!-- Unnamed (图片) -->
<div id="u532" class="ax_default image">
<img id="u532_img" class="img " src="images/1_1_首页/u142.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u533" class="ax_default image">
<img id="u533_img" class="img " src="images/1_1_首页/u143.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u534" class="ax_default image">
<img id="u534_img" class="img " src="images/1_1_首页/u144.png"/>
</div>
<!-- Unnamed (图片) -->
<div id="u535" class="ax_default image">
<img id="u535_img" class="img " src="images/1_1_首页/u145.png"/>
</div>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u536" class="ax_default box_1">
<img id="u536_img" class="img " src="images/1_1_2_单品信息页/u536.png"/>
<div id="u536_text" class="text ">
<p><span>点击立即试穿自动跳转个人虚拟形象页面并自动为自己的虚拟形象换上所选的单品,直观的展示搭配效果。</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