<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>
<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<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>
