关闭

JqGrid之布局与图标设计

标签: JqGrid
1126人阅读 评论(0) 收藏 举报
分类:

1.源代码

<%@ page contentType="text/html; charset=UTF-8"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>护航专家</title>
<%@ include file="/common/bootstrap.jsp"%>
</head>
<body>
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">              //无论手机,ipad,pc 大小都是全屏
         <ul class="media-list">                                   
             <li class="media">
                 <a class="pull-left" href="#">                         
                     <img class="img-responsive" src="ss.png" alt="...">     //图片
                 </a>
                 <div class="media-body">                         
                      <h4 class="media-heading">林秀敏</h4>
                     <h5 style="color: #C5C5C5">内分泌呼吸消化肾内科</h5>    //字体大小,颜色设置
                     <h6>郑州大学第一附属医院</h6>
                 </div>
             </li>
         </ul>
 </div>
 <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
 <h5> <font color=#169ADA > <span class="glyphicon glyphicon-user" aria-hidden="true"></span></font>  //加入图标, font 加图表颜色 span class 图表内容
 医生介绍</h5>
 <p>郑大一附院教授主任医师,硕士研究生导师。1982年毕业于河南医学院医疗系,长期从事老年心血管疾病的临床、教学及科研工作。
 对老年高血压病、冠心病、心律失常、心力衰竭的诊断、治疗具有较深的造诣,对老年心血管病相关疾病如糖尿病、脑梗塞、高脂血症、
 周围血管病、代谢综合症、情感障碍的诊治积累了丰富的临床经验。
 </p>
 </div>
 <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
 <h5> <font color=#F397B2 > <span class="glyphicon glyphicon-dashboard" aria-hidden="true"> </span></font>
 坐诊时间:</h5>
 <table class="table" border="1">
                                <tr style="background-color: #90C8F6">
                                    <th class="col-md-3">
                                    </th>
                                    <th class="col-md-3">
                                                                                                                                             一
                                    </th>
                                    <th class="col-md-1">
                                                                                                                     二
                                    </th>
                                    <th class="col-md-1">
                                       三
                                    </th>
                                      <th class="col-md-1">
                                        四
                                    </th>
                                    <th class="col-md-1">
                                        五
                                    </th>
                                      <th class="col-md-1">
                                        六
                                    </th>
                                    <th class="col-md-1">
                                        日
                                    </th>
                                </tr>
                                <tr>
                                    <td>
                                        <a href="#">上午</a>
                                    </td>
                                    <td>
                                    </td>
                                    <td>
                                    </td>
                                    <td>
                                    </td>
                                    <td>
                                    <font color=#169ADA > <span class="glyphicon glyphicon-ok" aria-hidden="true"></span></font>
                                    </td>
                                    <td>
                                    </td>
                                    <td>
                                    </td>
                                     <td>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <a href="#">下午</a>
                                    </td>
                                    <td>
                                    </td>
                                    <td>
                                     <font color=#169ADA > <span class="glyphicon glyphicon-ok" aria-hidden="true"></span></font>
                                    </td>
                                    <td>
                                    </td>
                                      <td>
                                    </td>
                                    <td>
                                    </td>
                                    <td>
                                    </td>
                                     <td>
                                    </td>
                                </tr>
                        </table>
 </div>
</body>
</html>
2.效果展示

3.源代码

	<script type="text/javascript">
		try {
			ace.settings.check('sidebar', 'fixed')
		} catch (e) {
		}
	</script>

	<div class="sidebar-shortcuts" id="sidebar-shortcuts">
		<div class="sidebar-shortcuts-large" id="sidebar-shortcuts-large">
			<button class="btn btn-success">
				<i class="ace-icon fa fa-signal"></i>
			</button>

			<button class="btn btn-info">
				<i class="ace-icon fa fa-pencil"></i>
			</button>

			<button class="btn btn-warning">
				<i class="ace-icon fa fa-users"></i>
			</button>

			<button class="btn btn-danger">
				<i class="ace-icon fa fa-cogs"></i>
			</button>
		</div>

4.效果展示







0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:37567次
    • 积分:1264
    • 等级:
    • 排名:千里之外
    • 原创:76篇
    • 转载:17篇
    • 译文:14篇
    • 评论:2条
    最新评论