a { text-decoration: none; /* 取消链接高亮(移动端) */ color: #969696; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } i { font-style: normal; } .fl { float: left; } .fr { float: right; } /* 图片自适应 解决图片底部对齐问题 */ img { width: 100%; display: inline-block; vertical-align: text-bottom; } /*清除浮动*/ .clearfix:before, .clearfix:after { content: ''; display: table; } .clearfix:after { clear: both; } // 公共样式 .content { width: 100%; height: 100%; background-color: #e7e9eb; .footer { text-align: center; color: #5c6468; } .main { //所有内容设置最小高度 min-height: 780px; background-color: #f2f2f6; //分页头部公共 /deep/.ant-layout-header { padding: 0; margin: 0; letter-spacing: 1px; padding-left: 14px; background-color: transparent; } .Header { span { font-size: 20px; font-weight: 700; margin-left: 12px; margin-top: 4px; color: rgba(52, 123, 152); } } //每个任务卡 .cardTask { width: 100%; border-radius: 10px; text-align: left; margin-bottom: 16px; border: none; // card 标题 .pTitle { width: 100%; padding: 8px 0; font-size: 18px; font-weight: 700; color: #092834; border-radius: 14px; padding-left: 2px; // box-shadow: rgba(149, 156, 156, 0.4) 0px 0px 20px inset; // 图 外盒子 span { display: inline-block; width: 28px; height: 28px; line-height: 28px; margin-right: 6px; border-radius: 10px; vertical-align: text-bottom; margin-left: 10px; img { display: block !important; } } } } /deep/.ant-card-head { color: #092834; font-weight: 700; position: relative; letter-spacing: 1px; } // 3个tabs =========================== /deep/.ant-tabs-nav-container { padding: 1px 4px 2px 4px; text-align: center; } /deep/.ant-tabs-tab { letter-spacing: 2px; padding: 0; margin: 0; font-size: 16px; margin-right: 52px; padding: 10px 17px; color: #616161; border-radius: 20px; background-color: white; } //最后一个子元素不要有距离 /deep/.ant-tabs-tab:last-child { margin-right: 0; } /deep/.ant-tabs-tab-active { font-weight: 700; color: white; background: rgba(26, 133, 229, 0.9); border: none; } /deep/.ant-tabs-bar { border: none; } /deep/.ant-tabs-ink-bar { height: 0; } } // 暂无数据 /deep/.ant-empty-image { margin-top: 120px; } // 去掉modal的确定 /deep/.ant-modal-footer { display: none; } // 每个任务 /deep/.ant-card-body { padding: 16px 16px 20px 16px; } }