Browse Source

学员-作业详情

master
李双庆 1 year ago
parent
commit
c3cf0efe01
  1. 2
      pages/student/index/index.vue
  2. 52
      pages/student/index/work_details.vue
  3. BIN
      static/images/index/work_details.png

2
pages/student/index/index.vue

@ -151,7 +151,7 @@
}
</script>
<style scoped>
<style lang="less" scoped>
page {
font-weight: normal;
}

52
pages/student/index/work_details.vue

@ -1,9 +1,22 @@
<template>
<view>
<view class="top-style">
<image src="@/static/images/index/work_details.png" class="top-style-img">
</view>
<view class="below-style">
<view class="head-img">
<fui-avatar width="80" src="https://img1.baidu.com/it/u=3598104138,3632108415&fm=253&fmt=auto&app=120&f=JPEG?w=800&h=800"></fui-avatar>
<view class="head-text">智卓燕</view>
</view>
<view class="multi-line-ellipsis">
作业描述作业描述作业描述作业描述作业描述作业描述作业描述作业描述作业描述作业描述作业描述作业描述作业描述作业描述作业描述作业描述作业描述作业描述</view>
</view>
</view>
</template>
<!-- work_details.png -->
<script>
export default {
data() {
@ -17,6 +30,41 @@
}
</script>
<style>
<style lang="less" scoped>
.top-style{
width: 92%;
height: 700rpx;
margin: auto;
display: flex;
align-items: center;
justify-content: center;
}
.top-style-img{
width: 120rpx;
height: 120rpx;
}
.below-style{
width: 92%;
margin: auto;
}
.head-img {
display: flex;
align-items: center;
padding: 10rpx 20rpx;
}
.head-text {
color: #333333;
font-size: 35rpx;
padding-left: 20rpx;
}
.multi-line-ellipsis {
color: #333333;
font-size: 29rpx;
padding: 5rpx 10rpx;
// display: -webkit-box;
// -webkit-box-orient: vertical;
// -webkit-line-clamp: 2;
// overflow: hidden;
// text-overflow: ellipsis;
}
</style>

BIN
static/images/index/work_details.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

Loading…
Cancel
Save