|  |  |  | 
|---|
|  |  |  | <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | 
|---|
|  |  |  | <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> | 
|---|
|  |  |  | <link rel="stylesheet" href="../../static/layui/css/layui.css" media="all"> | 
|---|
|  |  |  | <link rel="stylesheet" href="../../static/css/admin.css?v=318" media="all"> | 
|---|
|  |  |  | <link rel="stylesheet" href="../../static/css/cool.css" media="all"> | 
|---|
|  |  |  | <link rel="stylesheet" href="../../static/css/common.css" media="all"> | 
|---|
|  |  |  | <style> | 
|---|
|  |  |  | 
|---|
|  |  |  | height: 100%; | 
|---|
|  |  |  | padding: 10px; | 
|---|
|  |  |  | background-color: #f1f1f1; | 
|---|
|  |  |  | box-sizing: border-box; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | body { | 
|---|
|  |  |  | background-color: #fff; | 
|---|
|  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .function-btn { | 
|---|
|  |  |  | font-size: 16px; | 
|---|
|  |  |  | padding: 1px 1px 1px 1px; | 
|---|
|  |  |  | padding: 1px 2px; | 
|---|
|  |  |  | width: 100px; | 
|---|
|  |  |  | height: 50px; | 
|---|
|  |  |  | border-color: #2b425b; | 
|---|
|  |  |  | 
|---|
|  |  |  | border-style: solid; | 
|---|
|  |  |  | transition: 0.4s; | 
|---|
|  |  |  | cursor: pointer; | 
|---|
|  |  |  | letter-spacing: 3px; | 
|---|
|  |  |  | letter-spacing: 1.5px; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .function-btn:hover { | 
|---|
|  |  |  | background-color: #2b425b; | 
|---|
|  |  |  | 
|---|
|  |  |  | <body> | 
|---|
|  |  |  | <!-- 功能区 --> | 
|---|
|  |  |  | <div class="function-area"> | 
|---|
|  |  |  | <button id="mat-query" class="function-btn" onclick="getMat()">新增</button> | 
|---|
|  |  |  | <button id="mat-query" class="function-btn">提取商品</button> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <hr> | 
|---|