Skip to content

M
mt-education-web
Commit 7c627f48 authored by fanlin@91isoft.com's avatar fanlin@91isoft.com
Browse files
Options

web端按钮样式

parent a321eca5
Hide whitespace changes
Inline Side-by-side
Showing with 65 additions and 28 deletions
src/components/tools/Studycard.vue
View file @ 7c627f48
......@@ -337,8 +337,8 @@
padding: 10px 10px 8px 10px !important;
margin-left: -100px !important;
color: #fff !important;
background-color: #409EFF !important;
border-color: #409EFF !important;
background-color: #30b0ff !important;
border-color: #30b0ff !important;
}
//设置取消按钮向右浮动，左magin为10px，即与确定按钮间距为10px
.cancelButton{
......
src/views/courseTrain/offlineTraining/newTraining.vue
View file @ 7c627f48
......@@ -2107,6 +2107,7 @@
}
.addCourseFooter{
padding-bottom: 10px;
text-align: center;
button.makeSure.ant-btn.ant-btn-primary{
/*width:82px;*/
......
src/views/courseTrain/offlineTraining/offlineTrainingMain.vue
View file @ 7c627f48
......@@ -453,6 +453,23 @@
window.removeEventListener('scroll', this.handleScroll); // 离开页面清除（移除）滚轮滚动事件
},
methods: {
getPageWidth() {
debugger
var widPrev = document.getElementsByClassName('ant-pagination-prev')[0].clientWidth; // 上一页宽度
var widnext = document.getElementsByClassName('ant-pagination-next')[0].clientWidth; // 下一页宽度
var widRendered = document.getElementsByClassName('ant-select-selection__rendered')[0].clientWidth; // 每页多少条宽度
if (this.dataTotal <= this.queryParam.rows) { // 判断跳至多少页是否存在
// var widJumper = document.getElementsByClassName('ant-pagination-options-quick-jumper')[0].clientWidth; // 跳至多少页宽度
var allLength = widPrev + widnext + widRendered; // 总宽度
document.getElementsByClassName('ant-pagination').style.marginRight = '74px'
console.log(allLength, '全部');
} else {
var widJumper = document.getElementsByClassName('ant-pagination-options-quick-jumper')[0].clientWidth; // 跳至多少页宽度
var allLength3 = widPrev + widnext + widRendered + widJumper; // 没有跳至的宽度
document.getElementsByClassName('ant-pagination').style.marginRight = '-74px'
console.log(allLength3, '置灰');
}
},
// 点击排序
handleChangeTable(pagination, filters, sorter) {
// this.queryParam.createDateSort = '';
......@@ -633,11 +650,13 @@
this.queryParam.rows = pageSize;
this.getLessonManage();
this.currentpageSize = pageSize;
this.getPageWidth();
},
changePage(current) {
this.queryParam.page = current;
this.getLessonManage();
this.currentPage = current;
this.getPageWidth();
},
// 弹出课程推荐页面
goRecommendLesson(record) {
......
src/views/courseTrain/onlineCourseNew/ChapterCatalog.vue
View file @ 7c627f48
......@@ -911,18 +911,19 @@
},
// ”编辑节“对话框的取消事件方法
cancleEditSect() {
this.$service.cancelUpload()
this.submitChapterWait = false;
document.getElementById('editChpterBelong').style.border = '1px solid #DCDFE6';
document.getElementById('editChptercontentClass').style.border = '1px solid #DCDFE6';
this.$refs.SectDialog.showDialog = false
this.belongToChapterLog = false;
this.chapterNameLv2Log = false;
this.chapterContentLog = false;
this.isNotUploading = true
this.uploadProgress = 0
this.$refs.upload.abort()
this.formClear()
this.submitChapterWait = false
this.$refs.SectDialog.showDialog = false
this.$service.cancelUpload()
setTimeout( () =>{
this.belongToChapterLog = false;
this.chapterNameLv2Log = false;
this.chapterContentLog = false;
this.isNotUploading = true
this.uploadProgress = 0
document.getElementById('belongToUnitLog').style.border = '1px solid #DCDFE6'
document.getElementById('addCoursePartLog').style.border = '1px solid #DCDFE6'
this.formClear()
},300)
},
// ”编辑节“对话框的确认事件方法
// ”编辑节“对话框的确认事件方法
......@@ -2186,6 +2187,11 @@
display:flex;
justify-content:center;
}
.edu-upload-dialog-footer .el-button--primary{
color: #FFF !important;
background-color: #30b0ff !important;
border-color: #30b0ff !important;
}
#chapterCatalog .edu-upload-group{display:flex}
#chapterCatalog .edu-upload-group-item{flex:1}
#chapterCatalog .upload-btn{flex:0 0 10%}
......@@ -2296,8 +2302,8 @@
padding: 10px 10px 8px 10px !important;
margin-left: -100px !important;
color: #fff !important;
background-color: #409EFF !important;
border-color: #409EFF !important;
background-color: #30b0ff !important;
border-color: #30b0ff !important;
}
/*设置px按钮*/
......
src/views/courseTrain/onlineCourseNew/ChapterListTea.vue
View file @ 7c627f48
......@@ -217,7 +217,7 @@
</div>
</transition>
</div>
<div slot="footer" style="text-align: end;">
<div slot="footer" style="text-align: end;" class="chapterTeaStyle">
<el-button type="primary" :disabled="AddUnitFamily === false" id="next-step" @click="nextStep()" v-show="addCourseSteps != 3"><i v-if="AddUnitFamily === false" class="el-icon-loading"></i>下一步</el-button>
<el-button type="primary" :loading="submitWait" :disabled="submitWait" style="margin: 0px 20px" v-show="addCourseSteps == 3" @click="submitCourseContent()">确定</el-button>
<el-button @click="cancelThisAddCourse();UrlCourseClear()" >取消</el-button>
......@@ -1837,6 +1837,11 @@
}
</style>
<style lang="less">
.chapterTeaStyle .el-button--primary{
color: #FFF !important;
background-color: #30b0ff !important;
border-color: #30b0ff !important;
}
// 视频音频倒计时去掉
.video-js .vjs-time-control{display:block !important;}
.video-js .vjs-remaining-time{display: none !important;}
......
src/views/courseTrain/onlineCourseNew/CourseDetail.vue
View file @ 7c627f48
......@@ -72,7 +72,7 @@
<span style="font-size: 8px" v-show="dynamicTags.length >3">最多3个标签</span>
</el-form-item>
<el-form-item label="可见范围:" style="margin-bottom: 2px">
<el-button type="primary" @click="selectDepart()" plain>选择可见范围</el-button>
<el-button type="primary" plain @click="selectDepart()">选择可见范围</el-button>
<span style="color:#999999;margin-left: 14px;margin-top: 10px"><img src="@/assets/image/icon-question.png" style="margin-right:4px;width: 20px;height: 20px;margin-top: -4px;"/>未设置即全部可见</span>
</el-form-item>
<el-form-item label=" ">
......@@ -86,7 +86,7 @@
</span>
</el-form-item>
<el-form-item>
<div style="position: relative;margin-top: 12px;margin-bottom: 12px">
<div class="buttonStyleFan" style="position: relative;margin-top: 12px;margin-bottom: 12px">
<el-button
type="primary"
@click="onSubmit('rules')"
......@@ -1443,6 +1443,11 @@
/*}*/
</style>
<style lang="less">
.buttonStyleFan .el-button--primary{
color: #FFF !important;
background-color: #30b0ff !important;
border-color: #30b0ff !important;
}
.footerStyleCancel{
border-top: 1px solid #ffffff !important;
border-radius: 0px !important;
......@@ -1457,6 +1462,7 @@
/*添加标签对齐*/
.wrap .button-new-tag {
margin-top: 4px;
background-color:#30b0ff !important ;
}
.wrap .el-tabs__content {
min-height: 689px;
......@@ -1523,7 +1529,7 @@
overflow: hidden;
}
.avatar-uploader .el-upload:hover {
border-color: #409EFF;
border-color: #30b0ff;
}
.avatar-uploader-icon {
font-size: 28px;
......
src/views/courseTrain/onlineCourseNew/components/ComCourseBlock1.vue
View file @ 7c627f48
......@@ -823,8 +823,8 @@
padding: 10px 10px 8px 10px !important;
margin-left: -100px !important;
color: #fff !important;
background-color: #409EFF !important;
border-color: #409EFF !important;
background-color: #30b0ff !important;
border-color: #30b0ff !important;
}
//设置取消按钮
.cancelButton{
......
src/views/systemManagement/bannerManage.vue
View file @ 7c627f48
......@@ -1664,7 +1664,7 @@
bannerItem.type = res.data.rows[i].type;
bannerItem.computerLogo = res.data.rows[i].computerLogo;
bannerItem.mobileLogo = res.data.rows[i].mobileLogo;
bannerItem.remarks = res.data.rows[i].remarks !== undefined || res.data.rows[i].remarks !== '' ? res.data.rows[i].remarks : '';
bannerItem.remarks = (res.data.rows[i].remarks !== undefined || res.data.rows[i].remarks !== '') ? res.data.rows[i].remarks : '';
bannerItem.key = res.data.rows[i].businessId;
bannerItem.businessId = res.data.rows[i].businessId;
bannerList.push(bannerItem);
......@@ -1779,7 +1779,7 @@
mobileLogo: updateData.mobileLogo,
externalUrl: updateData.externalUrl,
type: updateData.deviceType,
remarks: updateData.remarks !== undefined || updateData.remarks !== '' ? updateData.remarks : '',
remarks: (updateData.remarks !== undefined || updateData.remarks !== '') ? updateData.remarks : '',
userId: sessionStorage.getItem('userId'),
corpId: sessionStorage.getItem('corpId')
};
......@@ -1974,7 +1974,7 @@
this.getIconValue();
this.mobileLogoCache = record.mobileLogo;
this.form2.setFieldsValue({
remarks: record.remarks !== undefined ? record.remarks : '',
remarks: (record.remarks !== undefined || record.remarks !== '') ? record.remarks : '',
extralTitle: record.extralLinkTitle,
externalUrl: record.jumpAddress,
mobileLogo: record.mobileLogo,
......@@ -2625,7 +2625,7 @@
}
.splitImgBanner .ant-modal-body{
margin: 20px;
height: 560px;
/*height: 560px;*/
/*width: 500px*/
}
.vue-cropper.vueCropperWrapper{
......@@ -3167,10 +3167,10 @@
}
.vueCropperFooter{
padding-top: 0;
margin-top: 40px;
margin-top: 33px;
text-align: center;
width:100%;
margin-left: 5%;
margin-left: 18%;
.inSourcemakeSureBtn{
width: 120px;
height:34px;
......
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