.title { font: 500 14px/18px "ArialMT"; color: #3C4F8C; padding: 20px 0 0 20px; } .select { height: 70px; background-color: #fff; margin-top: -30px; padding-left: 20px; box-shadow: 0 2px 23px 0 rgba(0, 0, 0, 0.1), 0 2px 49px 0 rgba(0, 0, 0, 0.06); line-height: 5; span { display: inline-block; font: 400 14px "ArialMT"; color: #3C4F8C; } nz-dropdown { vertical-align: middle; :hover{ border-color: #147dc2; } button { width: 165px; height: 30px; background-color: #fff; text-align: left; border-color: #E5E8F2; span { font-weight: 400; display: inline-block; width: 120px; overflow: hidden; text-overflow: ellipsis; padding-top: 2px; } i { position: absolute; top: 10px; right: 10px; } } :hover { border-color: #48C6EF; } //下拉框中的样式在style.less中,下拉框是在body中额外临时生成的 } .search { margin-left: 20px; margin-top: -6px; vertical-align: middle; height: 30px; padding: 0 10px; span { color: #fff; font-weight: 400; } } } .content { // background-color: #fff; border-radius: 5px; padding: 12px; .vnfs { display: flex; flex-wrap: wrap; justify-content: space-around; .vnf { // width: 180px; background-color: #fff; width: 18%; height: 200px; margin: 5px; padding: 20px; border-radius: 2px; text-align: center; cursor: pointer; transition: all 0.3s linear; &:hover { background-color: #fff; transform: scale(1.02); color: #3F9CFF; } h3 { font-size: 14px; color: #3fa8eb; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 0; } .intro { text-align: left; font-size: 12px; overflow: hidden; padding-top: 25px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap:break-word; word-break:break-all; } } .empty { // width: 180px; width: 18%; height: 200px; margin: 5px; border-radius: 2px; } } .pages { height: 25px; margin: 20px 10px; position: relative; nz-pagination { float: right; } } }