zh_order_food_xcx/pages-my/comment.vue

<template>
	<view class="flex-common-css bgc-f">
		<Nav title="评论" titleColor="#333" bgckgroundBox='#fff'></Nav>
		<scroll-view :scroll-y="true" class="scroll-view-css">
			<view class="content-box box-border-box">
				<view class="item-box display-flex mb-26" v-for="(item,index) in 2">
					<image class="item-img mr-16 flex-shrink0" src="../static/img/my/user-img.png" mode=""></image>
					<view class="item-right flex-justify-space">
						<view class="common-view-css mr-46">
							<view class="mb-4 fc-3 fs-28">
								恒生科技和半导体
							</view>
							<view class="fs-24 fc-9 mb-16">
								1小时前
							</view>
							<view class="fs-30 fc-3">
								正常的很
							</view>
						</view>
						<image class="right-img" src="../static/img/my/bg.png" mode=""></image>
					</view>
				</view>
			</view>
		</scroll-view>
	</view>
</template>

<script>
	export default {
		components: {},
		data() {
			return {};
		},
		onLoad(data) {},
		mounted() {},
		methods: {
			
		},
	}
</script>

<style lang="scss" scoped>
.content-box{
	padding: 24rpx 24rpx 0;
}
.item-img{
	width: 80rpx;
	height: 80rpx;
}
.item-right{
	width: 100%;
	padding: 0 0 24rpx 0;
	border-bottom: 2rpx solid #F9F9F9;
}
.right-img{
	width: 140rpx;
	height: 140rpx;
	border-radius: 12rpx;
}
</style>