个人中心

2020-06-12 18:05:39 +08:00
parent 006a3a5459
commit ee119b3be5
10 changed files with 407 additions and 53 deletions
--- a/components/complaint-item/index.vue
+++ b/components/complaint-item/index.vue
@@ -0,0 +1,69 @@
+<template>
+	<view class="item">
+		<image></image>
+		<view class="people">
+			<view class="status">已受理</view>
+			<view class="goods-name u-line-1">心机小黑裙连衣裙赫本风夏季爆款...</view>
+			<view class="info">
+				<view class="name">骑手：李先生</view>
+				<view class="price">￥199.9</view>
+			</view>
+		</view>
+	</view>
+</template>
+<script>
+export default {
+	data() {
+		return {}
+	},
+	methods: {
+	},
+};
+</script>
+<style lang="scss" scoped>
+.item {
+	width: 690rpx;
+	height: 220rpx;
+	background: rgba(255,255,255,1);
+	border-radius: 10rpx;
+	padding: 30rpx;
+	display: flex; 
+	align-items: center;
+	margin-bottom: 20rpx;
+	> image {
+		width: 160rpx;
+		height: 160rpx;
+		flex-shrink: 0;
+		margin-right: 25rpx;
+		background-color: aqua;
+	}
+	.people {
+		.status {
+			text-align: right;
+			font-size: 26rpx;
+			color: rgba(255,49,49,1);
+			margin-bottom: 30rpx;
+		}
+		.goods-name {
+			width: 439rpx;
+			font-size: 28rpx;
+			color: rgba(51,51,51,1);
+			margin-bottom: 30rpx;
+		}
+		.info {
+			display: flex;
+			align-items: center;
+			font-size: 26rpx;
+			color: rgba(102,102,102,1);
+			.name {
+				font-size: 26rpx;
+				color: rgba(101,101,101,1);
+				margin-right: auto;
+			}
+			.price {
+				color: #FF780F;
+			}
+		}
+	}
+}
+</style>