medicine-xcx/pages/home/answer.vue

<template>
	<view class="answer p-20">
		<com-view v-for="item in 10">
			<view class="answer-item flex align-start p-20 m-b-20">
				<view class="flex flex-column flex-1 overflow-hidden m-r-20">
					<view class="u-body-item-title u-line-1 font-28 text-black font-weight-bold m-b-10">瓶身描绘的牡丹一如你初妆，冉冉檀香透过窗心事我了然，宣纸上走笔至此搁一半</view>
					<view class="u-body-item-title u-line-4 font-28 text-grey">瓶身描绘的牡丹一如你初妆，冉冉檀香透过窗心事我了然冉冉檀香透过窗心事我了然冉冉檀香透过窗心事我了然冉冉檀香透过窗心事我了然冉冉檀香透过窗心事我了然冉冉檀香透过窗心事我了然冉冉檀香透过窗心事我了然冉冉檀香透过窗心事我了然，宣纸上走笔至此搁一半</view>
				</view>
				<image class="answer-image" src="https://img11.360buyimg.com/n7/jfs/t1/94448/29/2734/524808/5dd4cc16E990dfb6b/59c256f85a8c3757.jpg" mode="aspectFill"></image>
			</view>
		</com-view>
	</view>
</template>

<script>
	export default {
		data() {
			
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
	.answer {
		&-item {
			background: #ffffff;
			box-shadow: 0 6rpx 12rpx 0 rgba(0,0,0,0.16); 
			border-radius: 20rpx;
		}
		&-image {
			width: 190rpx;
			height: 210rpx;
			border-radius: 10rpx;
		}
	}
</style>