产品规划模板——UI框架设计说明文档


    
    UI框架设计说明
    黄埔海关规范文档
    20121207


    CSS框架 文件结构说明
    名称
    类型
    备注

    根目录

    images
    目录
    存放模板图片目录
    css
    目录
    存样式文件目录
    logincss
    样式文件
    登录页样式
    resetcss
    样式文件
    全局初始化样式
    commoncss
    样式文件
    公样式
    zTreeStylecss
    样式文件
    树控件样式
    js
    目录
    存放javascript脚目录
    DD_belatedPNG_008aminjs
    Js文件
    解决IE6png透明问题js
    html5js
    Js文件
    Ie创建html5标签
    jquery172minjs
    Js文件
    jQuery架构
    jqueryztreecore34js
    Js文件
    树控件
    jsjs
    Js文件
    功集合
    bottomhtml
    模板文件
    页面版权信息
    editPagehtml
    模板文件
    标准编辑页
    editPage2html
    模板文件
    结构编辑页
    editPage3html
    模板文件
    左右结构编辑页
    iconhtml
    模板文件
    通图标
    indexhtml
    模板文件
    横导航工作首页
    list1html
    模板文件
    标准列表页
    List22html
    模板文件
    结构列表页
    List33html
    模板文件
    左右结构列表页
    loadinghtml
    模板文件
    加载时等图标

    loginhtml
    模板文件
    登录页面
    mainhtml
    模板文件
    框架体(分头脚侧导航容区)
    menuhtml
    模板文件
    侧导航菜单
    middlehtml
    模板文件
    侧导航工作首页容部份( 框架初始显示体容)
    notEdithtml
    模板文件
    读页面
    page1html
    模板文件
    弹出页示例页
    tipshtml
    模板文件
    提示信息页
    printhtml
    模板文件
    报表印页面
    tophtml
    模板文件
    横菜单头部
    top2html
    模板文件
    没横菜单头部
    zTtreehtml
    模板文件
    弹出树
    特殊列表html
    模板文件
    表格列数太列表页
    特殊列表2html
    模板文件
    查询条件太列表页
    okhtml
    模板文件
    操作成功提示
    nokhtml
    模板文件
    操作错语提示
    warninghtml
    模板文件
    警告提示

    二UI框架界面规范

    1初始化样式:
    字体:12px 宋体 #555555

    Body背景颜色:#fff 白色

    p行高:18em
    超链接:a 字体颜色 #333333 划线
    超链接:a:hover 字体颜色 # 4881c9 显示划线

    2登录页

    正常状态
    正常情况:红色区域隐藏


    通Visibility hidden样式隐藏


    提示错误信息
    fontsize14px
    加粗
    鼠标移钮效果
    显示出效果


    2桌面

    标题:


    边框:
    盒子间间距10PX

    盒子边框

    Tab页
    首页表格鼠标移颜色
    未选中状态呈灰色
    选中tab状态




    查询区
    开时效果

    查询区收起时效果







    钮区
    表格操作钮

    钮调:

    新增

    导出

    导入
    标记

    图片
    列表
    时间
    设置

    结构



















    表头样式

    表格
    操作区
    鼠标移颜色:#ebfbcb
    双数行:白色
    单数行:#e5f2fb


    表格行高换行情况24PX


    注释

    指列表固定位置提示户计算公式户需注意信息


    编辑页面

    附件
    错误提示信息框
    拉框系统默认样式


    文框样式 input_text 基样式
    W150 宽度:
    提拱常宽度:
    w50{ width50px}
    w70{ width70px}
    w100{ width100px}
    w150{ width150px}
    w180{ width180px}
    w200{ width200px}
    w250{ width250px}
    w280{ width280px}
    w300{ width300px}
    w350{ width350px}
    w510{ width510px}
    w580{ width588px}


    日期控件面基础加date






















    读页面
    读页面控件编辑

    事实控件加disabled


    弹出页面




    弹出层


    树型



    拉钮


    提示信息



    附件


    附件
    添加附件
    删附件

    特殊表格1
    固定列


    固定表头

    特殊表格操作太时
    钮样式


    结构列表调节高度

    左右结构列表调节宽度



    特殊查询区
    查询条件太部分作选条件折叠起
    开时效果
    选条件折叠起效果










    删部件钮
    首页
    折叠钮


    统计报表页面

    文档香网(httpswwwxiangdangnet)户传

    《香当网》用户分享的内容,不代表《香当网》观点或立场,请自行判断内容的真实性和可靠性!
    该内容是文档的文本内容,更好的格式请下载文档

    相关文档

    产品规划模板——UI框架CSS说明文档

    黄埔海关UI框架CSS说明控件使用说明2013-05-14login.css 关键样式class说明class备注.container内容区宽高.logoLogo定位样式.login_box...

    12年前   
    586    0

    产品规划模板——UI框架JS使用说明

    黄埔海关JS说明JS使用说明2013-05-14文件:DD_belatedPNG_0.0.8a-min.js <!--[if IE 6]><script src=“js/DD_belatedP...

    11年前   
    529    0

    产品标准文档模板

    1、 概述1.1 目的此文档的目的主要是清晰、有层次的定义页面原型中各个模块的内容来源和相关逻辑。1.2 范围此文档主要描述******项目中前端页面涉及到的功能点、相对应的后台管理功能支...

    4年前   
    1161    0

    PRD产品需求模板文档

    项目所属范围 (请在 Yes一栏打勾,添加内容后可将此注释删除。) 1.2

    3年前   
    841    1

    产品经理的常用文档——201004 产品需求文档(PRD)模板

    产品需求文档<项目名称>目录1. 总体说明 21.1 修订历史 21.2 项目概述 21.3 功能范围 21.4 用户范围 21.5 词汇表 21.6 非功能需求 21.7 其他说明 22. ...

    10年前   
    659    0

    201004 产品需求文档(PRD)模板

    产品需求文档<项目名称>目录1. 总体说明 21.1 修订历史 21.2 项目概述 21.3 功能范围 21.4 用户范围 21.5 词汇表 21.6 非功能需求 21.7 其他说明 22. ...

    10年前   
    561    0

    产品经理的常用文档——201004 用例(UC)文档模板

    UC_<用例名称>:<用例ID>用例概述业务描述<商业目标,用户目的等业务内容>需求描述<产品需求,需要实现哪些功能点>行为者<该用例的Actor>前置条件<Pre-Conditions>后置...

    12年前   
    681    0

    产品经理与UI设计师的对话

    一位产品经理与交互设计师的对话【转载】(2010-09-18 09:15:54) 转载标签: 产品经理交互设计师用户体验it分类: 产品经理 在一个互联网公司的工作流程中,产品经理(主要指偏向...

    9年前   
    532    0

    PRD产品需求文档

    PRD是每个产品人员最经常看到的文档,还是有很多产品的朋友问我PRD怎么写,如何才能表达清楚意思。其实PRD并没有规定的格式,每个公司都可以根据自己公司的实际需要来写适合自己产品团队的PRD。...

    9年前   
    650    1

    产品商业需求文档(BRD)

    [_项目名称]商业需求文档文件状态:[√] 草稿[ ] 正式发布[ ] 正在修改文件标识:Company-Project-RD-UR当前版本:X.Y作 者:完成日期:Year-Mon...

    11年前   
    728    1

    规划建筑设计说明

                                                                                                    ...

    6年前   
    2221    1

    产品经理的常用文档——201004 会议记录模板

    发件人:会议记录者收件人:会议参与者抄送:其他相关人员,如参与者的直接老板会议记录:<会议主题>时 间<yyyy-mm-dd>,上午/下午地 点主持人记录员参与人员讨论内容12会议决议(只是告...

    11年前   
    445    0

    产品经理的常用文档——201004 单项需求卡片模板

    需求编号(可由需求人员填写)需求类型(可由需求人员填写)包含“采集时刻 + 采集者”信息功能需求、非功能需求等来源(Who)(重要信息,方便追根溯源)产生需求的用户:最好有该用户的联系方式等信...

    10年前   
    555    0

    PRD文档模板

    位置 Beijing XXXX  Inc. 负责人     System Product Name A Sub-System Project Name a Document Type PRD ...

    11年前   
    665    0

    alibaba(中国)用户界面指南——UI流程帮助文档

    版本号文件名称作者备注H1.0UI流程帮助文档冯颖慧社区发展部UI流程帮助文档一、 如何查看设计师需求列表?1. 点击项目浏览页面的产品属性(红框)2.点击进入后选择后选择您想要查询的设计师3...

    10年前   
    582    0

    西藏金珠品牌规划和雪灵芝产品推广计划书(结构框架)

    西藏金珠品牌规划和雪灵芝产品推广计划书(结构框架)第一部分 重视品牌推广1. 奥华对品牌规划的观点产品不等同于品牌,品牌是产品与消费者之间的关系。厂商制造的是有物理属性的产品,消费者购买的是...

    9年前   
    385    0

    别墅区规划设计说明

    天湖别墅区规划设计说明 一:项目背景    别墅区位于**市,西侧有城市交通干道东外环路。占地约2.1平方公里。本项目用地现状多为山地,现有十栋别墅,拦河坝以西约200亩的公园坐落其中。在...

    11年前   
    10715    0

    常用Word文档模板——海报

     海报为了请输入相关信息。定于本周×晚×时×分,在×××,欢迎观看!售票时间:本周×,上午×时至下午×时。售票地点:×××礼堂售票窗口。票价:甲级票××元;乙级票××元。(海报发布单位)200...

    12年前   
    672    0

    常用Word文档模板——请柬

    谨订( 公历 二零零二 年 拾 月 拾陆 日农历 丙寅 年 玖 月 初五 星期 六 )为是日假座敬备 酌恭候光临时恭候时入席 敬约...

    11年前   
    697    0

    常用Word文档模板——传真

    [单击此处输入公司名称][地址] • [邮政编码]电话:[电话号码] • 传真: [传真号码]2020年10月28日[单击此处输入收信人地址][单击此处输入收信人姓名]:如果需要更详细的示例,...

    11年前   
    760    0