1 Star 0 Fork 0

interface_design/wojia_yuanxing

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
收纳术.html 15.54 KB
一键复制 编辑 原始数据 按行查看 历史
NFUNM101 提交于 2020-07-16 20:03 . my frist demo.
<!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/prototypePre.js"></script>
<script src="data/document.js"></script>
<script src="resources/scripts/prototypePost.js"></script>
<script src="files/收纳术/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="">
<!-- iPhone 8 (组合) -->
<div id="u462" class="ax_default" data-label="iPhone 8" data-left="0" data-top="0" data-width="430" data-height="880">
<!-- iPhone 8 (图像) -->
<div id="u463" class="ax_default" data-label="iPhone 8">
<img id="u463_img" class="img " src="images/1首页-问答/iphone_8_u1.png"/>
</div>
<!-- iPhone 8 (图像) -->
<div id="u464" class="ax_default" data-label="iPhone 8">
<img id="u464_img" class="img " src="images/1首页-问答/iphone_8_u2.png"/>
</div>
<!-- iPhone 8 (图像) -->
<div id="u465" class="ax_default" data-label="iPhone 8">
<img id="u465_img" class="img " src="images/1首页-问答/iphone_8_u3.png"/>
</div>
<!-- iPhone 8 (图像) -->
<div id="u466" class="ax_default" data-label="iPhone 8">
<img id="u466_img" class="img " src="images/1首页-问答/iphone_8_u4.png"/>
</div>
<!-- iPhone 8 (图像) -->
<div id="u467" class="ax_default" data-label="iPhone 8">
<img id="u467_img" class="img " src="images/1首页-问答/iphone_8_u5.png"/>
</div>
<!-- iPhone 8 (图像) -->
<div id="u468" class="ax_default" data-label="iPhone 8">
<img id="u468_img" class="img " src="images/1首页-问答/iphone_8_u6.png"/>
</div>
<!-- iPhone 8 (图像) -->
<div id="u469" class="ax_default" data-label="iPhone 8">
<img id="u469_img" class="img " src="images/1首页-问答/iphone_8_u7.png"/>
</div>
</div>
<!-- 收纳术 (动态面板) -->
<div id="u470" class="ax_default" data-label="收纳术">
<div id="u470_state0" class="panel_state" data-label="State1" style="">
<div id="u470_state0_content" class="panel_state_content">
<!-- 收纳术 (动态面板) -->
<div id="u471" class="ax_default" data-label="收纳术">
<div id="u471_state0" class="panel_state" data-label="State1" style="">
<div id="u471_state0_content" class="panel_state_content">
<!-- Unnamed (矩形) -->
<div id="u472" class="ax_default _文本">
<div id="u472_div" class=""></div>
<div id="u472_text" class="text ">
<p><span>&nbsp;&nbsp; &nbsp; &nbsp;&nbsp; 家居收纳最烦人的问题其实不是大物件,往往是越零碎的越难整理。随手使用后摆放的生活工具、每次逛街都忍不住要买的小玩具、爱美的姑娘们永远也不嫌多的化妆品和首饰......它们的共同特点,在于无数次整理后,总是以最快的速度回到凌乱状态。</span></p><p><span><br></span></p><p><span>&nbsp;&nbsp; &nbsp; &nbsp;&nbsp; 明明家里已经装了这么多柜子,为什么还是做不好收纳这件事呢?</span></p><p><span><br></span></p><p><span>&nbsp;&nbsp; &nbsp; &nbsp;&nbsp; 你可能忽视了抽屉。</span></p><p><span><br></span></p><p><span>&nbsp;&nbsp; &nbsp; &nbsp;&nbsp; 对于家里的小区域收纳,抽屉中的收纳才是关键。一套划分合理、井井有条的抽屉柜,完全可以刷新你对家居收纳的认知。</span></p><p><span><br></span></p><p><span>&nbsp;&nbsp; &nbsp; &nbsp;&nbsp; 下面来看看哪些抽屉设计让你眼前一亮吧~</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u473" class="ax_default _标题_3">
<div id="u473_div" class=""></div>
<div id="u473_text" class="text ">
<p><span>超级收纳术&nbsp; 从整理抽屉开始</span></p>
</div>
</div>
<!-- Unnamed (图像) -->
<div id="u474" class="ax_default _图片">
<img id="u474_img" class="img " src="images/收纳术/u474.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u475" class="ax_default _标题_3">
<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 _文本">
<div id="u476_div" class=""></div>
<div id="u476_text" class="text ">
<p><span>&nbsp;&nbsp; &nbsp; &nbsp;&nbsp; 厨房里的抽屉可以说是这个小空间的收纳和扩容神器,我们可以利用不同的构造收纳大大小小的厨房用具,让原本琐碎的厨房变得井井有条。</span></p>
</div>
</div>
<!-- Unnamed (图像) -->
<div id="u477" class="ax_default _图片">
<img id="u477_img" class="img " src="images/收纳术/u477.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u478" class="ax_default _文本">
<div id="u478_div" class=""></div>
<div id="u478_text" class="text ">
<p><span>&nbsp;&nbsp; &nbsp; &nbsp;&nbsp; 大空间落地抽可用来放置锅具等;内有金属架的碗篮用于收纳易碎的盘子和碗;较为扁平的抽屉内有分割,专为收纳刀叉;灶台附近的抽屉刚好能用来收纳调味品,整齐又干净。</span></p>
</div>
</div>
<!-- Unnamed (图像) -->
<div id="u479" class="ax_default _图片">
<img id="u479_img" class="img " src="images/收纳术/u479.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u480" class="ax_default _文本">
<div id="u480_div" class=""></div>
<div id="u480_text" class="text ">
<p><span>&nbsp;&nbsp; &nbsp; &nbsp;&nbsp; 餐边柜的设计,一定要在合适的高度安装抽屉,用于放置一些常用的餐具和茶具,既分担了厨房收纳压力,也方便就餐时取用。</span></p>
</div>
</div>
<!-- Unnamed (图像) -->
<div id="u481" class="ax_default _图片">
<img id="u481_img" class="img " src="images/收纳术/u481.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u482" class="ax_default _标题_3">
<div id="u482_div" class=""></div>
<div id="u482_text" class="text ">
<p><span>衣柜抽屉</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u483" class="ax_default _文本">
<div id="u483_div" class=""></div>
<div id="u483_text" class="text ">
<p><span>&nbsp;&nbsp; &nbsp; &nbsp;&nbsp; 很多人的衣柜设计,都把重点放在大高柜、隔层等,用的时候才发现小件衣物不好收纳。其实衣柜里的抽屉是非常必要的。</span></p><p><span><br></span></p><p><span>&nbsp;&nbsp; &nbsp; &nbsp;&nbsp; 它不仅可以用来收纳小件衣物,还可以更灵活地划分功能区。结合格子设计,可用于男士的皮带、领带收纳和女士的首饰、丝巾等收纳,整洁收纳不必再翻箱倒柜,实用率提升好几倍。</span></p>
</div>
</div>
<!-- Unnamed (图像) -->
<div id="u484" class="ax_default _图片">
<img id="u484_img" class="img " src="images/收纳术/u484.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u485" class="ax_default _标题_3">
<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 _图片">
<img id="u486_img" class="img " src="images/收纳术/u486.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u487" class="ax_default _文本">
<div id="u487_div" class=""></div>
<div id="u487_text" class="text ">
<p><span>&nbsp;&nbsp; &nbsp; &nbsp;&nbsp; 卫生间台盆柜可以装抽屉型和平开门型,不过抽屉的空间利用率更高,可将物品分类摆放,更有条理。同时考虑到洗手台下柜位置较低,抽取式的取放更便于日常使用。</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u488" class="ax_default _标题_3">
<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 _文本">
<div id="u489_div" class=""></div>
<div id="u489_text" class="text ">
<p><span>&nbsp;&nbsp; &nbsp; &nbsp;&nbsp; 入户玄关作为现代家居必不可少的收纳设计,除了为主人提供出入时的便利,还能作为家的补充收纳空间。可将生活中常用的小物件收纳在此,不必担心遗忘或找不到,一方小小的抽屉即可巧妙收纳,让你收放自如。</span></p>
</div>
</div>
<!-- Unnamed (图像) -->
<div id="u490" class="ax_default _图片">
<img id="u490_img" class="img " src="images/收纳术/u490.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u491" class="ax_default _文本">
<div id="u491_div" class=""></div>
<div id="u491_text" class="text ">
<p><span>&nbsp;&nbsp; &nbsp; &nbsp;&nbsp; 如果家中有多功能榻榻米,那么可以做地柜抽屉。表面看起来完全不占用额外空间,还能达到良好的收纳效果。</span></p>
</div>
</div>
<!-- Unnamed (图像) -->
<div id="u492" class="ax_default _图片">
<img id="u492_img" class="img " src="images/收纳术/u492.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u493" class="ax_default _文本">
<div id="u493_div" class=""></div>
<div id="u493_text" class="text ">
<p><span>&nbsp;&nbsp; &nbsp; &nbsp;&nbsp; 家居收纳的秘密在家的每个细节,看似不起眼的抽屉设计,就能为收纳带来惊喜的改变。超级收纳就从抽屉开始吧~</span></p>
</div>
</div>
</div>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u494" class="ax_default box_1">
<img id="u494_img" class="img " src="images/发脾气/u439.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u495" class="ax_default box_1">
<img id="u495_img" class="img " src="images/发脾气/u439.png"/>
</div>
<!-- Unnamed (形状) -->
<div id="u496" class="ax_default icon">
<img id="u496_img" class="img " src="images/发脾气/u446.png"/>
</div>
<!-- Unnamed (图像) -->
<div id="u497" class="ax_default _图片">
<img id="u497_img" class="img " src="images/发脾气/u447.png"/>
</div>
<!-- Unnamed (图像) -->
<div id="u498" class="ax_default _图片">
<img id="u498_img" class="img " src="images/发脾气/u448.png"/>
</div>
<!-- Unnamed (SVG) -->
<div id="u499" class="ax_default _图片_">
<img id="u499_img" class="img " src="images/发脾气/u449.svg"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u500" class="ax_default box_1">
<img id="u500_img" class="img " src="images/收纳术/u500.png"/>
</div>
<!-- Unnamed (图像) -->
<div id="u501" class="ax_default _图片">
<img id="u501_img" class="img " src="images/1首页-广场/爱心空心_u176.png"/>
</div>
<!-- Unnamed (图像) -->
<div id="u502" class="ax_default _图片">
<img id="u502_img" class="img " src="images/发脾气/u442.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u503" class="ax_default box_2">
<div id="u503_div" class=""></div>
</div>
<!-- Unnamed (图像) -->
<div id="u504" class="ax_default _图片">
<img id="u504_img" class="img " src="images/1首页-问答/u24.png"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u505" class="ax_default label">
<div id="u505_div" class=""></div>
<div id="u505_text" class="text ">
<p><span>322</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u506" class="ax_default label">
<div id="u506_div" class=""></div>
<div id="u506_text" class="text ">
<p><span>168</span></p>
</div>
</div>
</div>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u507" class="ax_default box_2">
<div id="u507_div" class=""></div>
</div>
<!-- Unnamed (Status Bar black) -->
<!-- Unnamed (图像) -->
<div id="u509" class="ax_default _图片">
<img id="u509_img" class="img " src="images/1首页-问答/u161.png"/>
</div>
</div>
</body>
</html>
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/interface_design/wojia_yuanxing.git
git@gitee.com:interface_design/wojia_yuanxing.git
interface_design
wojia_yuanxing
wojia_yuanxing
master

搜索帮助

0d507c66 1850385 C8b1a773 1850385