开源 企业版 高校版 私有云 模力方舟 AI 队友
代码拉取完成,页面将自动刷新
forked from 简单/webapp
加入 Gitee
与超过 1400万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
已有帐号? 立即登录
文件
master
分支 (1)
master
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
项目仓库所选许可证以仓库主分支所使用许可证为准
master
分支 (1)
master
克隆/下载
克隆/下载
提示
下载代码请复制以下命令到终端执行
为确保你提交的代码身份被 Gitee 正确识别,请执行以下命令完成配置
初次使用 SSH 协议进行代码克隆、推送等操作时,需按下述提示完成 SSH 配置
1 生成 RSA 密钥
2 获取 RSA 公钥内容,并配置到 SSH公钥
在 Gitee 上使用 SVN,请访问 使用指南
使用 HTTPS 协议时,命令行会出现如下账号密码验证步骤。基于安全考虑,Gitee 建议 配置并使用私人令牌 替代登录密码进行克隆、推送等操作
Username for 'https://gitee.com': userName
Password for 'https://userName@gitee.com': # 私人令牌
master
分支 (1)
master
webapp
/
css
/
analysis.css
webapp
/
css
/
analysis.css
analysis.css 4.03 KB
一键复制 编辑 原始数据 按行查看 历史
简单 提交于 2017年07月18日 19:36 +08:00 . 【新增】三个SPA简单页面,数据模拟采用JSON
/* reset */
body,div,ul,ol,li,form,p,h1,h2,h3,dl,dt,dd,table,th,td,select,textarea,input{margin:0;padding:0; border:0;}
body{
background: #f3f2f6;
font-family: "微软雅黑",Helvetica,Tahoma,sans-serif;
font-size: 14px;
color: #555;
-webkit-text-size-adjust: none;
}
ul,ol{list-style:none;}
a img{border:none;}
h1,h2,h3,div,li,p{
font-size: 100%;
}
a{color:#3e71b9;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:hover,a.current{outline:none;}
em,i{font-style:normal;}
.br{display: block;}
input[type="submit"],input[type="button"]{-webkit-appearance:none;}
input{outline: none;}
nav {
width: 110px;
height: auto !important;
height: 100%;
min-height: 748px;
background-color: #4b6ec8;
position: fixed;
left: 0;
}
.closeBtn {
background-color: #374f8b;
height: 44px;
width: 100%;
color: #FFF;
text-align: center;
line-height: 44px;
}
/* 导航菜单 */
.navmenu {
bottom: 0px;
height: 100%;
width: 110px;
}
.navmenu li {
height: 100px;
width: 110px;
border-bottom: 1px solid #7691d7;
}
.navmenu li a {
text-align: center;
color: #fff;
display: block;
height: 185px;
font-size: 14px;
padding-top: 20px;
}
.navmenu li a span {
display: block;
background-repeat: no-repeat;
background-position: center bottom;
height: 35px;
width: 35px;
margin: 0 auto;
margin-bottom: 5px;
background-size: 100% 100%;
}
.navmenu li .ico-1 { background-image: url(../img/menu_1.png);}
.navmenu li .ico-2 { background-image: url(../img/menu_2.png);}
.navmenu li .ico-3 { background-image: url(../img/menu_3.png);}
.navmenu li .ico-4 { background-image: url(../img/menu_4.png);}
.navmenu .current {
background-color: #87a2e6;
}
section {
height: 100%;
min-height: 748px;
margin-left: 110px;
background-color: #f1f1f1;
}
.toolbar {
height: 52px;
}
.toolbar .l-txt{
width: 52px;
height: 52px;
background-size: 22px 22px;
background-image: url(../img/ico_search.png);
background-repeat: no-repeat;
background-position: center;
position: absolute;
padding-left: 10px;
}
.toolbar h2{
text-align: center;
font-size: 18px;
color: #fff;
line-height: 44px;
font-weight: normal;
}
.toolbar .r-txt{
width: 52px;
height: 52px;
background-size: 22px 22px;
background-image: url(../img/ico_search.png);
background-repeat: no-repeat;
background-position: center;
position: absolute;
right: 10px;
}
/* 选项卡 */
.toolbar .tab{
width: 50%;
margin: 0 auto;
overflow:hidden;
padding-top:6px;
}
.toolbar .tab a {
float: left;
height: 36px;
display: block;
text-align: center;
line-height: 36px;
color: #666;
border: 1px solid #ccc;
width: 30%;
font-size:15px;
}
.toolbar .tab .current {background-color:#6fb4ee; border: 1px solid #6fb4ee; color:#fff;}
.leftradius {
-webkit-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
margin-right: -1px;
}
.rightradius {
-webkit-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
margin-left: -1px;
}
.tab-small{
padding-top: 10px;
}
.tab-small a {
float: left;
height: 30px;
display: block;
text-align: center;
line-height: 30px;
color: #666;
border: 1px solid #ccc;
width: 65px;
font-size:14px;
}
.tab-small .current {background-color:#f2f2f2;}
/* 图标菜单 样式*/
.data-menu {
background-color: #FFF;
width: 93%;
margin:0 auto;
}
.data-menu h3 {
height: 40px;
font-size:15px;
color: #777;
line-height: 40px;
border-bottom:1px solid #ebeced;
margin:0 22px;
}
.data-menu ul { overflow:hidden; padding:18px 20px;}
.data-menu ul li {
width: 105px;
height: 105px;
border: 1px solid #93c6f8;
border-radius: 55px;
margin: 10px 18px;
float: left;
color: #6fabe5;
text-align: center;
font-size: 14px;
padding-left: 10px;
padding-right: 10px;
}
.data-menu ul li img {
height: 35px;
width: 35px;
margin: 0 auto;
}
.data-menu ul li span { display: block; padding:21px 0 1px 0;}
.data-menu ul .current {
background-color: #5b8cde;
color: #FFF;
border-color:#5b8cde;
}
Loading...
举报
举报成功
我们将于2个工作日内通过站内信反馈结果给你!
请认真填写举报原因,尽可能描述详细。
请选择举报类型
取消
发送
误判申诉

此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。

如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。

取消
提交

简介

基于SeaJs,BackBone,Bootstrap的SPA应用
取消

发行版

暂无发行版

贡献者

全部

近期动态

不能加载更多了
编辑仓库简介
简介内容
主页
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
JavaScript
1
https://gitee.com/lzrd-java/webapp.git
git@gitee.com:lzrd-java/webapp.git
lzrd-java
webapp
webapp
master
点此查找更多帮助

搜索帮助

评论
仓库举报
回到顶部
登录提示
该操作需登录 Gitee 帐号,请先登录后再操作。
立即登录
没有帐号,去注册

AltStyle によって変換されたページ (->オリジナル) /