| | |
| | | data() { |
| | | return { |
| | | menuArr: [ |
| | | { name: "操作日志", icon: "\ue706", size: 19 }, |
| | | { name: "系统日志", icon: "\ue730", size: 19 }, |
| | | { name: "轮询日志", icon: "\ue708", size: 21 }, |
| | | { name: "事件推送日志", icon: "\ue707", size: 13 }, |
| | | { name: "操作日志", icon: "\ue706", size: 26 }, |
| | | { name: "系统日志", icon: "\ue730", size: 26 }, |
| | | { name: "轮询日志", icon: "\ue708", size: 26 }, |
| | | { name: "事件推送日志", icon: "\ue707", size: 15 }, |
| | | ], |
| | | activePage: 0, |
| | | }; |
| | |
| | | background-color: #fff; |
| | | .container-left { |
| | | height: 100%; |
| | | width: 210px; |
| | | width: 244px; |
| | | overflow: auto; |
| | | box-sizing: border-box; |
| | | flex-shrink: 0; |
| | | padding: 10px; |
| | | border-right: 5px solid rgba(248, 248, 248, 1); |
| | | border-top: 1px solid #e1e0e6; |
| | | box-sizing: border-box; |
| | | background-color: #fff; |
| | | .left-card { |
| | | height: 55px; |
| | | height: 56px; |
| | | cursor: pointer; |
| | | border-radius: 12px; |
| | | margin-bottom: 10px; |
| | | border-radius: 8px; |
| | | margin-bottom: 4px; |
| | | display: flex; |
| | | align-items: center; |
| | | |
| | | .iconfont { |
| | | margin-left: 15px; |
| | | margin-right: 10px; |
| | | font-size: 20px; |
| | | margin-left: 17px; |
| | | margin-right: 27px; |
| | | font-size: 26px; |
| | | } |
| | | .card-text { |
| | | font-size: 16px; |
| | | font-weight: bold; |
| | | font-size: 14px; |
| | | } |
| | | } |
| | | .left-card-active { |
| | | background-color: rgba(61, 104, 225, 1); |
| | | background-color: #4e94ff !important; |
| | | color: #fff; |
| | | } |
| | | .left-card:hover { |
| | | background-color: rgba(61, 104, 225, 1); |
| | | color: #fff; |
| | | background-color: #f2f2f7; |
| | | } |
| | | } |
| | | } |