/deep/ .ant-card-body { padding: 10px !important; } // card 标题颜色 /deep/ .ant-card-head-title { padding: 0; font-weight: 700; font-size: 14px; } /deep/ .ant-card-head { min-height: 30px; border-bottom: none; line-height: 30px; } // 已选功能 .selectTag { height: 124px; //固定高度 background-color: #90caf9; .selected { display: flex; flex-flow: row wrap; box-sizing: border-box; .selectedItem { width: calc((100% - 36px) / 4); display: flex; margin: 4px; justify-content: center; align-items: center; border-radius: 0; } } /deep/ .ant-card-head-title { color: #003f88; margin-top: 10px; } //不要边框 .ant-tag { border: none; } } // 额外的定位 .second { background-color: white; margin: 0 20px 0 12px; height: 50px; line-height: 50px; margin-bottom: 100px; span { font-size: 14px; color: #333; display: inline-block; } } .searchLine { margin-top: 106px; /deep/ .ant-row { margin: 10px 0; //每个菜单的间距 /deep/ .ant-card { background-color: gray; /deep/ .ant-card-head { display: none !important; } /deep/ .ant-card-body { background-color: pink !important; } } } //选中的样式 .active { background-color: rgba(19, 116, 206, 0.5); border-radius: 10px; a { color: white; } } } // 功能列表---------------- // 一级 .oneMenuItem { text-align: center; } // 二级 .LevelTwoMenu { display: flex; flex-flow: row wrap; box-sizing: border-box; .twoMenuItem { text-align: center; background-color: #f3f3f3 !important; border: 1px solid #dfdfdf; width: calc((100% - 50px) / 4); display: flex; margin: 0 6px 6px 6px; // padding: 0 4px; a { color: #333 !important; text-decoration: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } } .bg { background-color: blue; } }