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

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

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