Commit 8cdfd96a by zhangleyuan

feat:UI样式优化

parent b1651ccb
......@@ -618,7 +618,6 @@ mr0 {
border-color: #ffb000 !important;
}
.ant-btn-loading {
padding-left:18px !important;
}
......@@ -638,7 +637,8 @@ mr0 {
border:none !important;
}
/* 按钮padding改成8px */
//普通按钮样式
.ant-btn {
height:28px !important;
font-weight: normal !important;
......@@ -684,6 +684,26 @@ mr0 {
}
}
//搜索框后面的按钮样式
.ant-input-search-button{
height:32px !important;
}
.ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button{
background: #FFF !important;
border-top:1px solid #dfdfdf !important;
border-right:1px solid #dfdfdf !important;
border-bottom:1px solid #dfdfdf !important;
}
.ant-input-search > .ant-input-group:active > .ant-input-group-addon:last-child .ant-input-search-button{
border-top:1px solid #FFA100 !important;
border-right:1px solid #FFA100 !important;
border-bottom:1px solid #FFA100 !important;
}
.ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button span{
color:#bfbfbf !important;
font-size:12px;
}
.ant-modal-footer {
.ant-btn {
font-weight: normal !important;
......
......@@ -161,6 +161,8 @@ class LiveCourseFilter extends React.Component {
onChange={(e) => { this.handleChangeQuery('courseName', e.target.value)}}
onSearch={ () => { this.props.onChange(this.state.query) } }
style={{ width: "calc(100% - 70px)" }}
className="search-input"
enterButton={<span className="icon iconfont">&#xe832;</span>}
/>
</div>
<div className="search-condition__item">
......
......@@ -492,12 +492,14 @@ class LiveCourseList extends React.Component {
}
handleDelete = (record)=>{
return confirm({
title: '你确定要删除直播课',
title: '你确定要删除直播课?',
content: '删除后,用户将不能观看直播课/回放',
icon: <span className="icon iconfont default-confirm-icon">&#xe839; </span>,
okText: '删除',
okType: 'danger',
cancelText: '取消',
width:440,
height:188,
onOk: () => {
this.deleteConfirm(record);
}
......
......@@ -128,12 +128,6 @@
}
}
.ant-tooltip{
max-width:700px !important;
}
.ant-tooltip-inner{
max-width:700px !important;
}
.live-course-more-menu {
background: white;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
......
......@@ -2,7 +2,7 @@
* @Author: 吴文洁
* @Date: 2020-08-05 10:11:57
* @LastEditors: zhangleyuan
* @LastEditTime: 2021-01-29 13:47:59
* @LastEditTime: 2021-02-01 10:25:04
* @Description: 视频课-搜索模块
* @Copyright: 杭州杰竞科技有限公司 版权所有
*/
......@@ -141,6 +141,7 @@ class VideoCourseFilter extends React.Component {
onChange={(e) => { this.handleChangeQuery('courseName', e.target.value)}}
onSearch={ () => { this.props.onChange(this.state.query) } }
style={{ width: "calc(100% - 84px)" }}
enterButton={<span className="icon iconfont">&#xe832;</span>}
/>
</div>
......
......@@ -59,10 +59,4 @@
background: #f3f6fa;
}
}
}
.ant-tooltip{
max-width:700px !important;
}
.ant-tooltip-inner{
max-width:700px !important;
}
\ No newline at end of file
......@@ -334,6 +334,7 @@ class OperateArea extends React.Component {
value={searchKey}
onSearch={this.props.onSearch}
style={{width: '245px'}}
enterButton={<span className="icon iconfont">&#xe832;</span>}
/>
</div>
......
......@@ -375,6 +375,7 @@ class OperateArea extends React.Component {
onSearch={this.handleSearch}
onChange={this.handleChangeSearchKey}
style={{width: '245px'}}
enterButton={<span className="icon iconfont">&#xe832;</span>}
/>
</div>
......
......@@ -351,6 +351,7 @@ function EmployeesManagePage() {
}
setQuery(_query);
}}
enterButton={<span className="icon iconfont">&#xe832;</span>}
/>
</div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment