|
|
@@ -2,100 +2,95 @@
|
|
|
<div class="pb_content">
|
|
|
<div class="pb_content_body" style="position: relative; margin: 0">
|
|
|
<div class="right">
|
|
|
- <div class="courseTop">
|
|
|
- <div class="stepsNav">
|
|
|
- <h3 class="info_title" v-if="steps == 1">课程内容填写</h3>
|
|
|
- <h3 class="info_title" v-if="steps == 2">请选择课程框架</h3>
|
|
|
- <h3 class="info_title" v-if="steps == 3">课程内容填写</h3>
|
|
|
- <h3 class="info_title" v-if="steps == 4">上传课程</h3>
|
|
|
- <el-breadcrumb
|
|
|
- separator-class="el-icon-arrow-right"
|
|
|
- style="margin-top: 15px"
|
|
|
- >
|
|
|
- <el-breadcrumb-item
|
|
|
- :to="{ path: '/course?userid=' + userid + '&oid=' + oid }"
|
|
|
- >课程管理</el-breadcrumb-item
|
|
|
- >
|
|
|
- <el-breadcrumb-item>添加课程</el-breadcrumb-item>
|
|
|
- </el-breadcrumb>
|
|
|
+ <div class="stepBg">
|
|
|
+ <div v-if="steps == 1" class="first" @click="navSteps(1)">
|
|
|
+ <div>
|
|
|
+ <img src="../../assets/icon/first.png" alt />
|
|
|
+ </div>
|
|
|
+ <div>填写基本信息</div>
|
|
|
</div>
|
|
|
- <div
|
|
|
- v-if="steps == 1 || steps == 2 || steps == 3"
|
|
|
- style="
|
|
|
- font-size: 25px;
|
|
|
- color: #dedede;
|
|
|
- font-weight: bold;
|
|
|
- margin-left: auto;
|
|
|
- margin-right: 2%;
|
|
|
- "
|
|
|
- >
|
|
|
- {{
|
|
|
- steps == 1
|
|
|
- ? "第一步"
|
|
|
- : steps == 2
|
|
|
- ? "第二步"
|
|
|
- : steps == 3
|
|
|
- ? "第三步"
|
|
|
- : ""
|
|
|
- }}
|
|
|
+ <div v-else class="firstNo" @click="navSteps(1)">
|
|
|
+ <div>
|
|
|
+ <img src="../../assets/icon/firstNo.png" alt />
|
|
|
+ </div>
|
|
|
+ <div>填写基本信息</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div style="display: flex; margin-top: 20px; position: relative">
|
|
|
- <div class="stepBg" :class="steps == 3 ? 'isHeight' : ''">
|
|
|
- <div v-if="steps == 1" class="first" @click="navSteps(1)">
|
|
|
- <div>
|
|
|
- <img src="../../assets/icon/first.png" alt />
|
|
|
+ <div v-show="cid == ''" class="secondNo">
|
|
|
+ <div v-if="steps == 2" class="newSteps second" @click="navSteps(2)">
|
|
|
+ <div style="margin: 5px 10px 0 0; width: 2rem">
|
|
|
+ <img src="../../assets/icon/second.png" alt />
|
|
|
</div>
|
|
|
- <div>填写基本信息</div>
|
|
|
+ <div>选择课程框架</div>
|
|
|
</div>
|
|
|
- <div v-else class="firstNo" @click="navSteps(1)">
|
|
|
+ <div v-else class="newSteps secondNo" @click="navSteps(2)">
|
|
|
<div>
|
|
|
- <img src="../../assets/icon/firstNo.png" alt />
|
|
|
- </div>
|
|
|
- <div>填写基本信息</div>
|
|
|
- </div>
|
|
|
- <div v-show="cid == ''" class="secondNo">
|
|
|
- <div
|
|
|
- v-if="steps == 2"
|
|
|
- class="newSteps second"
|
|
|
- @click="navSteps(2)"
|
|
|
- >
|
|
|
- <div style="margin: 5px 10px 0 0; width: 2rem">
|
|
|
- <img src="../../assets/icon/second.png" alt />
|
|
|
- </div>
|
|
|
- <div>选择课程框架</div>
|
|
|
- </div>
|
|
|
- <div v-else class="newSteps secondNo" @click="navSteps(2)">
|
|
|
- <div>
|
|
|
- <img src="../../assets/icon/secondNo.png" alt />
|
|
|
- </div>
|
|
|
- <div>选择课程框架</div>
|
|
|
+ <img src="../../assets/icon/secondNo.png" alt />
|
|
|
</div>
|
|
|
+ <div>选择课程框架</div>
|
|
|
</div>
|
|
|
+ </div>
|
|
|
|
|
|
- <div v-if="steps == 3" class="third" @click="navSteps(3)">
|
|
|
- <div>
|
|
|
- <img src="../../assets/icon/third.png" alt />
|
|
|
- </div>
|
|
|
- <div>上传课程内容</div>
|
|
|
+ <div v-if="steps == 3" class="third" @click="navSteps(3)">
|
|
|
+ <div>
|
|
|
+ <img src="../../assets/icon/third.png" alt />
|
|
|
</div>
|
|
|
- <div v-else class="thirdNo" @click="navSteps(3)">
|
|
|
- <div>
|
|
|
- <img src="../../assets/icon/thirdNo.png" alt />
|
|
|
- </div>
|
|
|
- <div>上传课程内容</div>
|
|
|
+ <div>上传课程内容</div>
|
|
|
+ </div>
|
|
|
+ <div v-else class="thirdNo" @click="navSteps(3)">
|
|
|
+ <div>
|
|
|
+ <img src="../../assets/icon/thirdNo.png" alt />
|
|
|
</div>
|
|
|
- <div v-if="steps == 4" class="four">
|
|
|
- <div>
|
|
|
- <img src="../../assets/icon/four.png" alt />
|
|
|
- </div>
|
|
|
- <div>上传完成</div>
|
|
|
+ <div>上传课程内容</div>
|
|
|
+ </div>
|
|
|
+ <div v-if="steps == 4" class="four">
|
|
|
+ <div>
|
|
|
+ <img src="../../assets/icon/four.png" alt />
|
|
|
</div>
|
|
|
- <div v-else class="fourNo">
|
|
|
- <div>
|
|
|
- <img src="../../assets/icon/fourNo.png" alt />
|
|
|
- </div>
|
|
|
- <div>上传完成</div>
|
|
|
+ <div>上传完成</div>
|
|
|
+ </div>
|
|
|
+ <div v-else class="fourNo">
|
|
|
+ <div>
|
|
|
+ <img src="../../assets/icon/fourNo.png" alt />
|
|
|
+ </div>
|
|
|
+ <div>上传完成</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- <div style="display: flex; margin-top: 20px; position: relative"> -->
|
|
|
+ <div style="width: 100%; height: 100%; overflow: auto">
|
|
|
+ <div class="courseTop">
|
|
|
+ <div class="stepsNav">
|
|
|
+ <h3 class="info_title" v-if="steps == 1">课程内容填写</h3>
|
|
|
+ <h3 class="info_title" v-if="steps == 2">请选择课程框架</h3>
|
|
|
+ <h3 class="info_title" v-if="steps == 3">课程内容填写</h3>
|
|
|
+ <h3 class="info_title" v-if="steps == 4">上传课程</h3>
|
|
|
+ <el-breadcrumb
|
|
|
+ separator-class="el-icon-arrow-right"
|
|
|
+ style="margin-top: 15px"
|
|
|
+ >
|
|
|
+ <el-breadcrumb-item
|
|
|
+ :to="{ path: '/course?userid=' + userid + '&oid=' + oid }"
|
|
|
+ >课程管理</el-breadcrumb-item
|
|
|
+ >
|
|
|
+ <el-breadcrumb-item
|
|
|
+ ><span style="color: rgb(15, 126, 255)"
|
|
|
+ >添加课程</span
|
|
|
+ ></el-breadcrumb-item
|
|
|
+ >
|
|
|
+ </el-breadcrumb>
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ v-if="steps == 1 || steps == 2 || steps == 3"
|
|
|
+ class="stepsWord"
|
|
|
+ >
|
|
|
+ {{
|
|
|
+ steps == 1
|
|
|
+ ? "第一步"
|
|
|
+ : steps == 2
|
|
|
+ ? "第二步"
|
|
|
+ : steps == 3
|
|
|
+ ? "第三步"
|
|
|
+ : ""
|
|
|
+ }}
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="rightBox" v-if="this.steps == 1">
|
|
|
@@ -107,7 +102,8 @@
|
|
|
<div>
|
|
|
<div>
|
|
|
<div class="bInfo_title" style="margin-bottom: 15px">
|
|
|
- <span style="color: red">*</span> 课程名称
|
|
|
+ <!-- <span style="color: red">*</span> -->
|
|
|
+ 课程名称
|
|
|
</div>
|
|
|
<div style="display: flex">
|
|
|
<img
|
|
|
@@ -157,9 +153,11 @@
|
|
|
display: flex;
|
|
|
align-items: baseline;
|
|
|
justify-content: flex-start;
|
|
|
+ width: 95%;
|
|
|
+ margin: 0 auto;
|
|
|
"
|
|
|
>
|
|
|
- <div style="margin: 45px 0px 0px 80px">
|
|
|
+ <div>
|
|
|
<div class="bInfo_title" style="margin-top: 0 !important">
|
|
|
课程封面
|
|
|
</div>
|
|
|
@@ -191,7 +189,7 @@
|
|
|
align-items: baseline; ;
|
|
|
"
|
|
|
>
|
|
|
- <div style="flex: 0.5 1 0%; margin: 30px 80px 0">
|
|
|
+ <div style="flex: 0.5 1 0%; margin: 0 50px 0px">
|
|
|
<div class="bInfo_title">协同编辑</div>
|
|
|
<div
|
|
|
class="addPeople"
|
|
|
@@ -207,8 +205,8 @@
|
|
|
</div>
|
|
|
<div class="whiteBg" style="border-radius: 0; margin-top: 15px">
|
|
|
<div class="right_title">课程简要描述</div>
|
|
|
- <div style="width: 55%; padding: 10px 0 10px 80px">
|
|
|
- <div>
|
|
|
+ <div style="width: 95%; margin: 15px auto">
|
|
|
+ <div style="width: 55%">
|
|
|
<textarea
|
|
|
rows="8"
|
|
|
class="binfo_input"
|
|
|
@@ -217,16 +215,18 @@
|
|
|
></textarea>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <el-switch
|
|
|
- v-model="isTeacherSee"
|
|
|
- active-text="允许给其他老师查看"
|
|
|
- style="margin: 30px 0px 10px 110px; padding-bottom: 30px"
|
|
|
- ></el-switch>
|
|
|
+ <div style="width: 95%; margin: 15px auto">
|
|
|
+ <el-switch
|
|
|
+ v-model="isTeacherSee"
|
|
|
+ active-text="允许给其他老师查看"
|
|
|
+ style="padding-bottom: 30px"
|
|
|
+ ></el-switch>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="rightBox" v-if="this.steps == 2">
|
|
|
<div class="basic_box" style="margin: 20px 30px 0 !important">
|
|
|
- <div
|
|
|
+ <!-- <div
|
|
|
style="
|
|
|
color: #b8b8b8;
|
|
|
background: #fff;
|
|
|
@@ -238,6 +238,10 @@
|
|
|
font-size: 17px;
|
|
|
box-shadow: 0px 1px 2px 2px #e0e0e0;
|
|
|
"
|
|
|
+ > -->
|
|
|
+ <div
|
|
|
+ class="right_title"
|
|
|
+ style="border: none; margin: 0; padding: 0"
|
|
|
>
|
|
|
请选择合适的课程模板
|
|
|
</div>
|
|
|
@@ -354,7 +358,7 @@
|
|
|
></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div style="margin: 50px 0 10px 0; font-size: 24px">
|
|
|
+ <div style="margin: 50px 0px 10px; font-size: 1.5em;font-weight: 700;color: #0f7eff;">
|
|
|
添加任务
|
|
|
</div>
|
|
|
<div
|
|
|
@@ -374,10 +378,6 @@
|
|
|
>
|
|
|
<div
|
|
|
style="
|
|
|
- font-weight: unset;
|
|
|
- font-size: 1.5em;
|
|
|
- font-weight: 700;
|
|
|
- width: 110px;
|
|
|
"
|
|
|
>
|
|
|
任务名称
|
|
|
@@ -387,7 +387,7 @@
|
|
|
type="text"
|
|
|
placeholder="输入任务名称"
|
|
|
class="binfo_input"
|
|
|
- style="height: 50px; border-radius: 4px"
|
|
|
+ style="border-radius: 4px"
|
|
|
v-model="
|
|
|
unitJson[unitIndex].chapterInfo[0].taskJson[
|
|
|
itemTaskIndex
|
|
|
@@ -418,7 +418,7 @@
|
|
|
</div>
|
|
|
<div>
|
|
|
<editor-bar
|
|
|
- style="width: 70.5% !important;margin: 0;"
|
|
|
+ style="width: 70.5% !important; margin: 0"
|
|
|
placeholder="请输入任务描述"
|
|
|
v-model="
|
|
|
unitJson[unitIndex].chapterInfo[0].taskJson[
|
|
|
@@ -641,7 +641,7 @@
|
|
|
添加教学附件
|
|
|
<input
|
|
|
type="file"
|
|
|
- accept="application/pdf, .ppt, .pptx, .xlsx, .xls, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document"
|
|
|
+ accept="application/pdf, application/.ppt, .ppt, .pptx, .xlsx, .xls, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document"
|
|
|
style="display: none"
|
|
|
v-if="inputShow"
|
|
|
@change="
|
|
|
@@ -700,7 +700,7 @@
|
|
|
type="text"
|
|
|
placeholder="添加工具描述"
|
|
|
class="binfo_input"
|
|
|
- style="margin: 20px 0; width: 71.5% !important"
|
|
|
+ style="margin: 0 0 20px 0; width: 71.5% !important"
|
|
|
v-model="itemTool.toolDetail"
|
|
|
></textarea>
|
|
|
</div>
|
|
|
@@ -1338,25 +1338,25 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="info_btnBox">
|
|
|
- <button
|
|
|
- class="info_btn"
|
|
|
- v-if="steps == 1"
|
|
|
- @click="goTo('/course?userid=' + userid + '&oid=' + oid)"
|
|
|
- >
|
|
|
- 返回课程
|
|
|
- </button>
|
|
|
- <button
|
|
|
- class="info_btn"
|
|
|
- v-if="steps > 1 && steps != 5"
|
|
|
- @click="lastSteps"
|
|
|
- >
|
|
|
- {{ steps == 4 ? "返回首页" : "上一步" }}
|
|
|
- </button>
|
|
|
- <button class="info_btn" v-if="steps < 5" @click="nextSteps">
|
|
|
- {{ steps == 3 ? "确认上传" : "下一步" }}
|
|
|
- </button>
|
|
|
+ <div class="info_btnBox">
|
|
|
+ <button
|
|
|
+ class="info_btn"
|
|
|
+ v-if="steps == 1"
|
|
|
+ @click="goTo('/course?userid=' + userid + '&oid=' + oid)"
|
|
|
+ >
|
|
|
+ 返回课程
|
|
|
+ </button>
|
|
|
+ <button
|
|
|
+ class="info_btn"
|
|
|
+ v-if="steps > 1 && steps != 5"
|
|
|
+ @click="lastSteps"
|
|
|
+ >
|
|
|
+ {{ steps == 4 ? "返回首页" : "上一步" }}
|
|
|
+ </button>
|
|
|
+ <button class="info_btn" v-if="steps < 5" @click="nextSteps">
|
|
|
+ {{ steps == 3 ? "确认上传" : "下一步" }}
|
|
|
+ </button>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -2673,7 +2673,7 @@ export default {
|
|
|
? JSON.stringify(this.checkboxList)
|
|
|
: [],
|
|
|
see: this.isTeacherSee == true ? 0 : 1,
|
|
|
- chapters: JSON.stringify(this.unitJson).replaceAll(/%/g,'%25'),
|
|
|
+ chapters: JSON.stringify(this.unitJson).replaceAll(/%/g, "%25"),
|
|
|
template: this.cTemplate != "undefined" ? this.cTemplate : "",
|
|
|
courseType: JSON.stringify(this.courseTypeId),
|
|
|
},
|
|
|
@@ -2724,7 +2724,7 @@ export default {
|
|
|
? JSON.stringify(this.checkboxList)
|
|
|
: [],
|
|
|
see: this.isTeacherSee == true ? 0 : 1,
|
|
|
- chapters: JSON.stringify(this.unitJson).replaceAll(/%/g,'%25'),
|
|
|
+ chapters: JSON.stringify(this.unitJson).replaceAll(/%/g, "%25"),
|
|
|
template: this.myWord != "undefined" ? this.myWord : [],
|
|
|
uid: this.userid,
|
|
|
courseType: JSON.stringify(this.courseTypeId),
|
|
|
@@ -3402,8 +3402,8 @@ export default {
|
|
|
}
|
|
|
|
|
|
.pb_content {
|
|
|
- height: auto !important;
|
|
|
- margin: 0 20px 0 20px;
|
|
|
+ height: 100% !important;
|
|
|
+ /* margin: 0 20px 0 20px; */
|
|
|
}
|
|
|
|
|
|
.pb_content_body {
|
|
|
@@ -3447,10 +3447,11 @@ export default {
|
|
|
.right {
|
|
|
height: 100%;
|
|
|
width: 100%;
|
|
|
+ display: flex;
|
|
|
}
|
|
|
|
|
|
.basic_box {
|
|
|
- width: 90%;
|
|
|
+ width: 95%;
|
|
|
margin: 0 auto;
|
|
|
position: relative;
|
|
|
}
|
|
|
@@ -3464,15 +3465,16 @@ export default {
|
|
|
}
|
|
|
.info_title {
|
|
|
font-size: 1.5em;
|
|
|
- margin: 20px 30px 20px 30px;
|
|
|
+ margin-right: 25px;
|
|
|
+ /* margin: 20px 30px 20px 30px; */
|
|
|
}
|
|
|
|
|
|
.bInfo_title {
|
|
|
- font-size: 20px;
|
|
|
+ /* font-size: 20px; */
|
|
|
text-align: left;
|
|
|
- margin-top: 20px;
|
|
|
+ margin-top: 10px;
|
|
|
margin-bottom: 10px;
|
|
|
- font-weight: 700;
|
|
|
+ /* font-weight: 700; */
|
|
|
}
|
|
|
|
|
|
.small_title {
|
|
|
@@ -3480,28 +3482,6 @@ export default {
|
|
|
line-height: 40px;
|
|
|
}
|
|
|
|
|
|
-.binfo_input {
|
|
|
- font: inherit;
|
|
|
- color: currentColor;
|
|
|
- width: 100%;
|
|
|
- margin: 0;
|
|
|
- padding: 15px 14px;
|
|
|
- display: block;
|
|
|
- min-width: 0;
|
|
|
- outline: none;
|
|
|
- box-sizing: content-box;
|
|
|
- background: none;
|
|
|
- -webkit-tap-highlight-color: transparent;
|
|
|
- border: 1px solid rgba(0, 0, 0, 0.23);
|
|
|
- border-radius: 4px;
|
|
|
- box-sizing: border-box;
|
|
|
- resize: none;
|
|
|
-}
|
|
|
-
|
|
|
-.binfo_input:focus-visible {
|
|
|
- border: 1px solid rgba(61, 103, 188);
|
|
|
-}
|
|
|
-
|
|
|
.chapter_beizhu {
|
|
|
font-size: 12px;
|
|
|
font-weight: bold;
|
|
|
@@ -3576,7 +3556,7 @@ export default {
|
|
|
.info_btn,
|
|
|
.teacherWord {
|
|
|
color: #fff;
|
|
|
- background-color: #6a8ed5;
|
|
|
+ background-color: #0f7eff;
|
|
|
padding: 8px 24px;
|
|
|
font-size: 0.9375rem;
|
|
|
box-shadow: 0px 1px 3px 0px rgb(0 0 0 / 20%), 0px 2px 2px 0px rgb(0 0 0 / 14%),
|
|
|
@@ -3690,15 +3670,16 @@ export default {
|
|
|
}
|
|
|
|
|
|
.chapter_contentbox div:nth-child(1) {
|
|
|
- width: 150px;
|
|
|
+ /* width: 150px; */
|
|
|
margin: 0px;
|
|
|
- font-size: 2em;
|
|
|
+ /* font-size: 2em; */
|
|
|
color: black;
|
|
|
display: block;
|
|
|
white-space: nowrap;
|
|
|
overflow: hidden;
|
|
|
text-overflow: ellipsis;
|
|
|
- font-weight: 600;
|
|
|
+ /* font-weight: 600; */
|
|
|
+ margin-right: 20px;
|
|
|
}
|
|
|
|
|
|
.chapter_contentbox div:nth-child(2) {
|
|
|
@@ -3721,7 +3702,8 @@ export default {
|
|
|
color: currentColor;
|
|
|
width: 100%;
|
|
|
margin: 0;
|
|
|
- padding: 15px 14px;
|
|
|
+ /* padding: 15px 14px; */
|
|
|
+ padding: 8px 14px;
|
|
|
display: block;
|
|
|
min-width: 0;
|
|
|
outline: none;
|
|
|
@@ -3882,10 +3864,13 @@ export default {
|
|
|
}
|
|
|
.right_title {
|
|
|
height: 30px;
|
|
|
- padding: 20px 0 10px 30px;
|
|
|
+ padding: 15px 0;
|
|
|
border-bottom: 1px solid #f2f2f2;
|
|
|
font-size: 1.5em;
|
|
|
font-weight: bold;
|
|
|
+ color: #0f7eff;
|
|
|
+ width: 95%;
|
|
|
+ margin: 0 auto;
|
|
|
}
|
|
|
.people {
|
|
|
border: 1px solid rgb(229 229 229);
|
|
|
@@ -4187,9 +4172,10 @@ ol {
|
|
|
|
|
|
.stepBg {
|
|
|
margin: 0 25px 0 0;
|
|
|
- width: 17%;
|
|
|
- min-width: 230px;
|
|
|
- border-radius: 10px;
|
|
|
+ /* width: 17%; */
|
|
|
+ min-width: 300px;
|
|
|
+ width: 300px;
|
|
|
+ /* border-radius: 10px; */
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
justify-content: flex-start;
|
|
|
@@ -4197,7 +4183,8 @@ ol {
|
|
|
flex-wrap: nowrap;
|
|
|
background: #fff;
|
|
|
min-height: 700px;
|
|
|
- top: 18%;
|
|
|
+ height: 100%;
|
|
|
+ /* top: 18%; */
|
|
|
}
|
|
|
|
|
|
.stepBg > div {
|
|
|
@@ -4791,38 +4778,51 @@ ol {
|
|
|
}
|
|
|
|
|
|
.lineTitle {
|
|
|
- font-size: 1.5em;
|
|
|
- font-weight: bold;
|
|
|
+ /* font-size: 1.5em; */
|
|
|
+ /* font-weight: bold; */
|
|
|
margin-top: 15px;
|
|
|
- width: 110px;
|
|
|
- min-width: 110px;
|
|
|
+ /* width: 110px; */
|
|
|
+ /* min-width: 110px; */
|
|
|
}
|
|
|
.courseTop {
|
|
|
display: flex;
|
|
|
flex-direction: row;
|
|
|
justify-content: flex-start;
|
|
|
align-items: center;
|
|
|
- width: 100%;
|
|
|
- background: rgb(255, 255, 255);
|
|
|
- border-radius: 10px;
|
|
|
+ /* width: 100%; */
|
|
|
+ width: calc(100% - 20px);
|
|
|
+ /* background: rgb(255, 255, 255); */
|
|
|
+ /* border-radius: 10px; */
|
|
|
+ padding: 20px 0;
|
|
|
}
|
|
|
.stepsNav {
|
|
|
display: flex;
|
|
|
flex-direction: row;
|
|
|
justify-content: flex-start;
|
|
|
align-items: center;
|
|
|
- border-radius: 80px;
|
|
|
- box-shadow: 0px 1px 2px 3px #f2f2f2;
|
|
|
- margin: 30px 20px 20px 45px;
|
|
|
+ /* border-radius: 80px; */
|
|
|
+ /* box-shadow: 0px 1px 2px 3px #f2f2f2; */
|
|
|
+ /* margin: 30px 20px 20px 45px; */
|
|
|
min-width: 420px;
|
|
|
}
|
|
|
+.stepsWord {
|
|
|
+ font-size: 18px;
|
|
|
+ color: #fff;
|
|
|
+ font-weight: bold;
|
|
|
+ margin-left: auto;
|
|
|
+ background: rgb(15, 126, 255);
|
|
|
+ border-radius: 5px;
|
|
|
+ padding: 3px 25px;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
.rightBox {
|
|
|
- width: calc(83% - 25px);
|
|
|
+ /* width: calc(83% - 25px); */
|
|
|
+ width: calc(100% - 20px);
|
|
|
background: rgb(255, 255, 255);
|
|
|
border-radius: 10px;
|
|
|
min-height: 550px;
|
|
|
- min-width: 700px;
|
|
|
- height: 700px;
|
|
|
+ /* min-width: 700px; */
|
|
|
+ /* height: 700px; */
|
|
|
overflow: auto;
|
|
|
}
|
|
|
</style>
|
