提交 f0c0a17a authored 作者: 王鹏飞's avatar 王鹏飞

chore: 修改课程详情页标题;修改样式不正确显示的问题;

上级 1fe4927c
......@@ -237,9 +237,4 @@ ul.course-list {
overflow: hidden;
position: relative;
}
@media (max-width: 767px) {
.switch-box {
margin: 0;
}
}
</style>
......@@ -254,10 +254,4 @@ ul.course-list {
text-align: center;
line-height: 2rem;
}
@media (max-width: 767px) {
.switch-box {
margin: 0;
}
}
</style>
......@@ -57,6 +57,7 @@ export default {
}
.course-list-item-pic {
position: relative;
flex: 0 0 1.8rem;
width: 1.8rem;
height: 1rem;
cursor: pointer;
......@@ -85,9 +86,9 @@ export default {
flex: 1;
position: relative;
padding-left: 0.2rem;
overflow: hidden;
.title {
width: 80%;
line-height: 1.5;
font-weight: 700;
overflow: hidden;
......
......@@ -3,7 +3,7 @@
<div class="course-top">
<div class="course-top-hd">
<div class="course-top-hd-left">
<div class="course-top__title">{{ curriculum.curriculum_name }}</div>
<div class="course-top__title">{{ detail.course_name }}</div>
<div class="course-top__text" v-html="topText"></div>
<div class="course-top__progress">
{{ $t('pages.learn.courseDetail.Videoviewingprogress') }}
......
......@@ -102,39 +102,8 @@ p {
padding: 0;
}
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575px) {
html {
font-size: 80px;
}
}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767px) {
html {
font-size: 80px;
}
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
html {
font-size: 80px;
}
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {
html {
font-size: 90px;
}
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
html {
html {
font-size: 100px;
}
}
/* 改变主题色变量 */
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论