Skip to content

P
pica.cloud.web-education-admin
提交 9d5c63d1 编写于 作者: guangjun.yang's avatar guangjun.yang
浏览文件
操作

滚动条问题

上级 bc39e135
隐藏空白字符变更
内嵌 并排
正在显示 包含 85 行增加 和 21 行删除
src/components/education/custom/course-list.vue
浏览文件 @ 9d5c63d1
...@@ -158,15 +158,15 @@ export default { ...@@ -158,15 +158,15 @@ export default {
min-width: 1180px; min-width: 1180px;
max-width: 1600px; max-width: 1600px;
.course-header { .course-header {
position: relative; // position: relative;
top: 0; // top: 0;
left: 0; // left: 0;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
height: 78px; height: 78px;
// line-height: 78px; // line-height: 78px;
align-items: center; align-items: center;
margin-right: 100px; // margin-right: 100px;
justify-content: space-between; justify-content: space-between;
.title { .title {
.main { .main {
...@@ -182,14 +182,14 @@ export default { ...@@ -182,14 +182,14 @@ export default {
} }
} }
.order { .order {
position: absolute; // position: absolute;
// top: 0; // top: 0;
left: 880px; // left: 880px;
width: 200px; // width: 200px;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
margin-right: 20px; // margin-right: 20px;
font-size: 14px; font-size: 14px;
color: #333333; color: #333333;
img { img {
......
src/components/education/custom/course-select.vue
浏览文件 @ 9d5c63d1
<template> <template>
<div> <div class="custom-over">
<!-- <div class="custom-select-wrapper" style="overflow:auto;"> <!-- <div class="custom-select-wrapper" style="overflow:auto;">
<div class="department-label" style="width: 1200px;"> --> <div class="department-label" style="width: 1200px;"> -->
<div class="custom-select-wrapper"> <div class="custom-select-wrapper">
...@@ -407,8 +407,8 @@ export default { ...@@ -407,8 +407,8 @@ export default {
.button-wrapper { .button-wrapper {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
// justify-content: flex-end; justify-content: flex-end;
margin-top: 20px; margin-top: 20px;
margin-left: 956px; margin-right: 20px;
} }
</style> </style>
\ No newline at end of file
src/components/education/custom/custom-baseinfo.vue
浏览文件 @ 9d5c63d1
...@@ -692,13 +692,14 @@ export default { ...@@ -692,13 +692,14 @@ export default {
} }
}; };
</script> </script>
<style > <style>
.subject-slelct .el-input__inner { .subject-slelct .el-input__inner {
height: 32px; height: 32px;
line-height: 32px; line-height: 32px;
} }
</style> </style>
<style lang="scss" scoped> <style lang="scss">
.base-message-wrap { .base-message-wrap {
padding-top: 80px; padding-top: 80px;
.p_label { .p_label {
......
src/components/education/custom/index.html 0 → 100644
浏览文件 @ 9d5c63d1
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar
{
width: 16px;
height: 16px;
background-color: #F5F5F5;
}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
background-color: #F5F5F5;
}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb
{
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #555;
}
</style>
</head>
<body>
<div class="name" style="overflow: auto;width: 100px;">
<div style="width: 1200px;">wewfwef</div>
</div>
</body>
</html>
\ No newline at end of file
src/components/education/custom/select-course-comp.vue
浏览文件 @ 9d5c63d1
...@@ -29,5 +29,6 @@ export default { ...@@ -29,5 +29,6 @@ export default {
height: 10px; height: 10px;
background: rgb(240, 242, 245); background: rgb(240, 242, 245);
} }
} }
</style> </style>
\ No newline at end of file
src/views/education/edit-custom.vue
浏览文件 @ 9d5c63d1
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
></bread-crumb> ></bread-crumb>
<div class="add-content screenSet" id="screenSet"> <div class="add-content screenSet" id="screenSet">
<el-row class="step-content"> <el-row class="step-content-new">
<el-col style="width: 700px;"> <el-col style="width: 700px;">
<el-steps :active="active" simple class> <el-steps :active="active" simple class>
<span class="step-num" v-bind:class="{ 'on-step': active==0 }">1</span> <span class="step-num" v-bind:class="{ 'on-step': active==0 }">1</span>
...@@ -537,7 +537,30 @@ export default { ...@@ -537,7 +537,30 @@ export default {
</script> </script>
<style lang="scss"> <style lang="scss">
.edit-custom-wrap { .edit-custom-wrap {
::-webkit-scrollbar
{
width: 16px;
height: 16px;
background-color: #F5F5F5;
}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
background-color: #F5F5F5;
}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb
{
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #555;
}
.el-step.is-simple:not(:last-of-type) .el-step__title { .el-step.is-simple:not(:last-of-type) .el-step__title {
max-width: 100%; max-width: 100%;
} }
...@@ -550,14 +573,14 @@ export default { ...@@ -550,14 +573,14 @@ export default {
z-index: 1001; z-index: 1001;
top: 125px; top: 125px;
} }
.step-content { .step-content-new {
min-width: 1300px; min-width: 1300px;
background: #fff; background: #fff;
z-index: 1001; // z-index: 1001;
background: #fff; background: #fff;
position: fixed; // position: fixed;
right: 30px; // right: 30px;
left: 285px; // left: 285px;
overflow: hidden; overflow: hidden;
// height: 60px; // height: 60px;
height: 54px; height: 54px;
...@@ -565,7 +588,7 @@ export default { ...@@ -565,7 +588,7 @@ export default {
// margin-top: 66px; // margin-top: 66px;
padding: 15px 0 50px 0; padding: 15px 0 50px 0;
border-bottom: 1px solid #efefef; border-bottom: 1px solid #efefef;
margin-bottom: 20px; // margin-bottom: 20px;
background: #fff; background: #fff;
.is-text { .is-text {
display: none; display: none;
...@@ -735,7 +758,8 @@ export default { ...@@ -735,7 +758,8 @@ export default {
} }
} }
.tpl-main { .tpl-main {
padding-top: 64px; // padding-top: 64px;
} }
} }
</style> </style>
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或