个人中心

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>

components/fans-item/index.vue

@@ -0,0 +1,41 @@
+<template>
+	<view class="fans-item">
+		<image></image>
+		<view class="name">兽兽</view>
+		<view class="date">2017-10-14</view>
+	</view>
+</template>
+<script>
+export default {
+	data() {
+		return {}
+	}
+};
+</script>
+<style lang="scss" scoped>
+.fans-item {
+	width: 750rpx;
+	height: 100rpx;
+	background: rgba(255,255,255,1);
+	padding: 0 30rpx;
+	display: flex;
+	align-items: center;
+	margin-bottom: 2rpx;
+	> image {
+		width: 70rpx;
+		height: 70rpx;
+		border-radius: 10rpx;
+		background-color: aqua;
+		margin-right: 30rpx;
+	}
+	.name {
+		font-size: 28rpx;
+		color: rgba(51,51,51,1);
+		margin-right: auto;
+	}
+	.date {
+		font-size: 24rpx;
+		color: rgba(153,153,153,1);
+	}
+}
+</style>

components/user/navs.vue

@@ -1,29 +0,0 @@
-<template>
-    <view class="nav">
-        <text>dsadasdas</text>
-        <image></image>
-    </view>
-</template>
-<script>
-export default {
-    name:"navs"    
-}
-</script>
-<style lang="scss" scoped>
-.nav{
-    width: 100%;
-    height: 100rpx;
-    display: flex;
-    padding: 30rpx;
-    align-items: center;
-    justify-content: space-between;
-    font-size: 30rpx;
-    margin-bottom: 2rpx;
-    color:#333;
-    background-color: #fff;
-    >image{
-        width: 13rpx;
-        height: 25rpx;
-    }
-}
-</style>