* { box-sizing: border-box; margin: 0; padding: 0; } [v-cloak] { display: none; } html, body, #app { width: 100%; height: 100%; background-color: #f5f5f5; } .search { position: fixed; top: 0; left: 0; width: 240px; height: 70px; padding: 10px; } .search input { padding: 5px; height: 30px; outline: none; width: 100%; border: 1px dashed #cacaca; } .search p { font-size: 12px; color: #757575; padding: 5px; transform: scale(0.8); text-align: center; } .side { height: calc(100% - 70px); margin-top: 70px; width: 240px; position: fixed; } .side ul li a { display: block; text-decoration: none; padding: 8px 15px; color: #585858; } .side ul li a:hover { opacity: .9; background: #efefef; } .side ul li a.select { opacity: .9; background: #efefef; } .body { margin-left: 240px; width: calc(100% - 240px); height: 100%; background: #ffffff; position: fixed; } .api { width: 700px; } .api h3 { background: #eef0f4; padding: 10px; font-size: 18px; } .api h5 { padding: 5px; color: #3e3e3e; font-weight: normal; margin: 10px 0; } .api .wrapper { padding: 16px; background: #eef0f4; } .api .wrapper a { text-decoration: none; border-bottom: 1px dashed #f00; color: #4f4f4f; } .api .object { border-bottom: 1px dashed #f00; color: #4f4f4f; } table { border-collapse: collapse; display: table; width: 100%; text-align: center; background-color: transparent; border-spacing: 0; } table tr th, table tr td { font-size: 14px; color: #4f4f4f; line-height: 22px; border: 1px solid #ddd; padding: 8px; word-break: normal !important; vertical-align: middle; } table tr { border: 0; border-top: 1px solid #ddd; background-color: #fff; } table tr:nth-child(2n) { background-color: #f7f7f7; } table tr th { font-weight: 700; background-color: #eff3f5; }