FangYuan/WebRoot/WEB-INF/jsp/newAdmin/head.jsp

<%--
  Created by IntelliJ IDEA.
  User: 熊竹
  Date: 2017/3/9
  Time: 10:07
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<style>
    html, body {
        padding: 0;
        margin: 0;
        font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
    }

    a {
        text-decoration: none;
    }

    .db .el-dropdown-menu {
        margin-top: 20px;
    }

    .db .db-header {
        width: 100%;
        height: 60px;
        line-height: 60px;
        background: #20A0FF;
        padding: 0 20px;
        box-sizing: border-box;
        color: #ffffff;
        z-index: 99;
        position: fixed;
        left: 0;
        top: 0;
    }

    .db .db-header .logo {
    }

    .db .db-header .user-info {
        float: right;
    }

    .db .db-header .user-info img {
        width: 25px;
        height: 25px;
        vertical-align: -7px;
        margin: 0 0 0 10px;
        cursor: pointer;
    }

    .db .db-body .db-menu-wrapper {
        position: fixed;
        left: 0;
        top: 60px;
        /*background: red;*/
        height: 100%;
        overflow: auto;
        z-index: 98;
    }

    .db .db-body .db-menu-wrapper .db-menu-bar {
        height: 100%;
        flex-grow: 0;
        width: 200px;
    }

    .db .db-body .db-content-wrapper {
        width: 100%;
        z-index: 97;
        box-sizing: border-box;
        padding: 60px 0px 0px 200px;
    }

    .db .db-body .db-content-wrapper .db-content {
        padding: 25px;
    }

    .db .db-body .db-content-wrapper .db-content .db-content-inner {
        padding: 30px 0px;
    }

    .line {
        text-align: center;
    }

    .filters {
        margin: 0 0 20px 0;
        border: 1px #efefef solid;
        padding: 10px;
        background: #f9f9f9;
        display: flex;
        align-items: center;
    }

    .filters .num {
        flex-grow: 1;
        display: flex;
        justify-content: flex-end;
    }

    .pagination-wrapper {
        text-align: center;
        padding: 30px;
    }

    .userIcon {
        width: 36px;
        height: 36px;
        border-radius: 50%;
        margin: 4px;
    }

    .singleImg {
        max-width: 100px;
        height: 100px;
        margin: 4px;
    }

    .crop-upload-box {
        border: 1px dashed #d9d9d9;
        border-radius: 6px;
        cursor: pointer;
        position: relative;
        overflow: hidden;
    }

    .crop-upload-box:hover {
        border-color: #20a0ff;
    }

    .crop-upload-box .icon {
        font-size: 28px;
        color: #8c939d;
        text-align: center;
    }

    .crop-wrap {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.5);
        z-index: 2003;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .el-input, .el-input-number, .el-input-select {
        /*width: 220px !important;*/
    }

    .btn_confirm {
        display: inline-block;
        line-height: 1;
        white-space: nowrap;
        cursor: pointer;
        background: #20a0ff;
        border: 1px solid #20a0ff;
        color: #1f2d3d;
        -webkit-appearance: none;
        text-align: center;
        box-sizing: border-box;
        outline: 0;
        margin: 0;
        padding: 10px 15px;
        font-size: 14px;
        border-radius: 4px;
    }

    .el-upload--picture-card {
        display: flex !important;
        align-items: center;
        justify-content: center;
    }

    .avatar-uploader .el-upload {
        border: 1px dashed #d9d9d9;
        border-radius: 6px;
        cursor: pointer;
        position: relative;
        overflow: hidden;
    }

    .avatar-uploader .el-upload:hover {
        border-color: #20a0ff;
    }


    .avatar {
        width: 178px;
        height: 178px;
        display: block;
    }

    .avatar-uploader .avatar-uploader-icon {
        font-size: 28px;
        color: #8c939d;
        width: 178px;
        height: 178px;
        line-height: 178px;
        text-align: center;
    }
    .el-select .el-input .el-input__icon{
    	top: 0 !important;
    }
    .h34{
    	height: 34px;
    	margin-right: 5px;
    }
    .btn34{
    	padding: 8px 15px !important;
    }
</style>
<link rel="stylesheet" href="${pageContext.request.contextPath}/lib/element/element-ui.css">
<link rel="stylesheet" href="${pageContext.request.contextPath}/lib/Jcrop2/css/Jcrop.min.css">
<script src="${pageContext.request.contextPath}/lib/jquery/jquery-3.1.1.min.js"></script>
<script src="${pageContext.request.contextPath}/lib/Jcrop2/js/Jcrop.min.js"></script>
<script src="${pageContext.request.contextPath}/lib/vue/vue.js"></script>
<script src="${pageContext.request.contextPath}/lib/element/element-ui.js"></script>
<script src="${pageContext.request.contextPath}/lib/crop/crop.js"></script>