hz/learning-system-mobile
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-mobile.git synced 2025-12-08 18:36:47 +08:00
Code Issues Packages Projects Releases Wiki Activity

首页课程样式

Browse Source
This commit is contained in:
zhaofang
2022-11-08 18:13:37 +08:00
parent d7132efc22
commit 70b14ab53a
7 changed files with 256 additions and 209 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
components/course-image/course-image.vue
View File

@@ -7,10 +7,10 @@
mode="aspectFit "
:src="imageUrl"
@error="imageError"></image>
<text v-if="textShow && isTextShow == 1" class="text mid" style="color: #fff !important;" v-html="name"></text>
<!-- <text v-if="textShow && isTextShow == 1" class="text mid" style="color: #fff !important;" v-html="name"></text>
<text v-if="textShow && isTextShow ==2" class="text mini" style="color: #fff !important;" v-html="name"></text>
<text v-if="textShow && isTextShow ==3" class="text max" style="color: #fff !important;" v-html="name"></text>
<!-- <text v-if="textShow && isTextShow ==4" class="text end" style="color: #fff !important;" v-html="name"></text> -->
<text v-if="textShow && isTextShow ==3" class="text max" style="color: #fff !important;" v-html="name"></text> -->
<text class="text" style="color: #fff !important;" v-html="name"></text>
</view>
</template>
@@ -118,31 +118,35 @@
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
font-size: 1em;
top: 36%;
left: 7%;
-webkit-line-clamp: 2;
}
.mid{
font-size: 16upx;
top: 36%;
left: 7%;
-webkit-line-clamp: 1;
}
.mini{
font-size: 12upx;
top: 36%;
left: 7%;
-webkit-line-clamp: 2;
}
.max{
font-size: 38upx;
top: 36%;
left: 7%;
-webkit-line-clamp: 3;
}
.end{
font-size: 12upx;
top: 36%;
left: 7%;
-webkit-line-clamp: 2;
}
// .mid{
// font-size: 3em;
// top: 36%;
// left: 7%;
// -webkit-line-clamp: 1;
// }
// .mini{
// font-size: 3em;
// top: 36%;
// left: 7%;
// -webkit-line-clamp: 2;
// }
// .max{
// font-size: 3em;
// top: 36%;
// left: 7%;
// -webkit-line-clamp: 3;
// }
// .end{
// font-size: 3em;
// top: 36%;
// left: 7%;
// -webkit-line-clamp: 2;
// }
}
</style>