制作同win11资源管理器的web页面

仿Windows11 文件资源管理器,制作web前端页面。仅需前端页面,不含后台。

要求
  1. H5单个web页面,适应手机端;
  2. div层次结构清晰,css和js控制界面样式,清晰无多余代码。
  3. 新建、后退、向上等是实际按钮,样式用css控制样式。
  4. 地址栏、搜索框为文本输入框,样式用css控制样式。
  5. 交互:点击详细信息按钮,展开详细信息层,再次点击收回。
  6. 交互:查看按钮可按详细信息和文件图标切换显示。
  7. 交互:点击文件内容,菜单栏按钮激活、属性区属性和状态栏文字变化。
  8. 交互:下图2导航栏可收缩切换。

 

交付物

html、css、js,必要的项目说明。

要求详述

web页面结构如下图:

 

详细信息未展开

详细信息展开

按图标显示文件内容

手机端窄屏显示。

手机端窄屏顶部按钮如下图,文件列表显示文件可与图片不同。

需要使用到的ico图标参考,也可以直接在Windows系统中截图保存。

》》》》》》图标文件下载

 

 

 

暂无评论

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

本站提供金蝶、钉钉等开发实施相关技术文章的发布和转载。如有侵权,联系立删(info@zjgkd.cn) 。
Powered by WordPress · 苏ICP备13058196号-11