Skip to content

X
xiaomai-cloud-class-web
Commit 8cdfd96a by zhangleyuan
Options

feat:UI样式优化

parent b1651ccb
Showing with 32 additions and 17 deletions
src/core/antd.less
...@@ -618,7 +618,6 @@ mr0 { ...@@ -618,7 +618,6 @@ mr0 {
border-color: #ffb000 !important; border-color: #ffb000 !important;
} }
.ant-btn-loading { .ant-btn-loading {
padding-left:18px !important; padding-left:18px !important;
} }
...@@ -638,7 +637,8 @@ mr0 { ...@@ -638,7 +637,8 @@ mr0 {
border:none !important; border:none !important;
} }
/* 按钮padding改成8px */
//普通按钮样式
.ant-btn { .ant-btn {
height:28px !important; height:28px !important;
font-weight: normal !important; font-weight: normal !important;
...@@ -684,6 +684,26 @@ mr0 { ...@@ -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-modal-footer {
.ant-btn { .ant-btn {
font-weight: normal !important; font-weight: normal !important;
......
src/modules/course-manage/components/LiveCourseFilter.jsx
...@@ -161,6 +161,8 @@ class LiveCourseFilter extends React.Component { ...@@ -161,6 +161,8 @@ class LiveCourseFilter extends React.Component {
onChange={(e) => { this.handleChangeQuery('courseName', e.target.value)}} onChange={(e) => { this.handleChangeQuery('courseName', e.target.value)}}
onSearch={ () => { this.props.onChange(this.state.query) } } onSearch={ () => { this.props.onChange(this.state.query) } }
style={{ width: "calc(100% - 70px)" }} style={{ width: "calc(100% - 70px)" }}
className="search-input"
enterButton={<span className="icon iconfont">&#xe832;</span>}
/> />
</div> </div>
<div className="search-condition__item"> <div className="search-condition__item">
......
src/modules/course-manage/components/LiveCourseList.jsx
...@@ -492,12 +492,14 @@ class LiveCourseList extends React.Component { ...@@ -492,12 +492,14 @@ class LiveCourseList extends React.Component {
} }
handleDelete = (record)=>{ handleDelete = (record)=>{
return confirm({ return confirm({
title: '你确定要删除直播课', title: '你确定要删除直播课?',
content: '删除后，用户将不能观看直播课/回放', content: '删除后，用户将不能观看直播课/回放',
icon: <span className="icon iconfont default-confirm-icon">&#xe839; </span>, icon: <span className="icon iconfont default-confirm-icon">&#xe839; </span>,
okText: '删除', okText: '删除',
okType: 'danger', okType: 'danger',
cancelText: '取消', cancelText: '取消',
width:440,
height:188,
onOk: () => { onOk: () => {
this.deleteConfirm(record); this.deleteConfirm(record);
} }
......
src/modules/course-manage/components/LiveCourseList.less
...@@ -128,12 +128,6 @@ ...@@ -128,12 +128,6 @@
} }
} }
.ant-tooltip{
max-width:700px !important;
}
.ant-tooltip-inner{
max-width:700px !important;
}
.live-course-more-menu { .live-course-more-menu {
background: white; background: white;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
......
src/modules/course-manage/video-course/components/VideoCourseFilter.jsx
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
* @Author: 吴文洁 * @Author: 吴文洁
* @Date: 2020-08-05 10:11:57 * @Date: 2020-08-05 10:11:57
* @LastEditors: zhangleyuan * @LastEditors: zhangleyuan
* @LastEditTime: 2021-01-29 13:47:59 * @LastEditTime: 2021-02-01 10:25:04
* @Description: 视频课-搜索模块 * @Description: 视频课-搜索模块
* @Copyright: 杭州杰竞科技有限公司 版权所有 * @Copyright: 杭州杰竞科技有限公司 版权所有
*/ */
...@@ -141,6 +141,7 @@ class VideoCourseFilter extends React.Component { ...@@ -141,6 +141,7 @@ class VideoCourseFilter extends React.Component {
onChange={(e) => { this.handleChangeQuery('courseName', e.target.value)}} onChange={(e) => { this.handleChangeQuery('courseName', e.target.value)}}
onSearch={ () => { this.props.onChange(this.state.query) } } onSearch={ () => { this.props.onChange(this.state.query) } }
style={{ width: "calc(100% - 84px)" }} style={{ width: "calc(100% - 84px)" }}
enterButton={<span className="icon iconfont">&#xe832;</span>}
/> />
</div> </div>
......
src/modules/course-manage/video-course/components/VideoCourseList.less
...@@ -60,9 +60,3 @@ ...@@ -60,9 +60,3 @@
} }
} }
} }
.ant-tooltip{
max-width:700px !important;
}
.ant-tooltip-inner{
max-width:700px !important;
}
\ No newline at end of file
src/modules/prepare-lesson/components/OperateArea.jsx
...@@ -334,6 +334,7 @@ class OperateArea extends React.Component { ...@@ -334,6 +334,7 @@ class OperateArea extends React.Component {
value={searchKey} value={searchKey}
onSearch={this.props.onSearch} onSearch={this.props.onSearch}
style={{width: '245px'}} style={{width: '245px'}}
enterButton={<span className="icon iconfont">&#xe832;</span>}
/> />
</div> </div>
......
src/modules/resource-disk/components/OperateArea.jsx
...@@ -375,6 +375,7 @@ class OperateArea extends React.Component { ...@@ -375,6 +375,7 @@ class OperateArea extends React.Component {
onSearch={this.handleSearch} onSearch={this.handleSearch}
onChange={this.handleChangeSearchKey} onChange={this.handleChangeSearchKey}
style={{width: '245px'}} style={{width: '245px'}}
enterButton={<span className="icon iconfont">&#xe832;</span>}
/> />
</div> </div>
......
src/modules/store-manage/EmployeesManagePage.tsx
...@@ -351,6 +351,7 @@ function EmployeesManagePage() { ...@@ -351,6 +351,7 @@ function EmployeesManagePage() {
} }
setQuery(_query); setQuery(_query);
}} }}
enterButton={<span className="icon iconfont">&#xe832;</span>}
/> />
</div> </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