店铺收藏

pagesMy/collection/market.vue

@@ -15,7 +15,7 @@
 							</view>
 							<view class="other">
 								<view class="other_1">
-									{{item.num}}人评价
+									{{item.num||0}}人评价
 								</view>
 								<view class="other_2">
 									<text @click="toDel(item)" class="iconfont icon-del"></text>

pagesMy/collection/shop.vue

@@ -2,23 +2,25 @@
 	<mobile-frame>
 		<view class="main">
 			<view class="one">
-				<view class="list" v-for="(item, index) in list" :key="index" @click="toView(item)">
-					<image class="image" :src="item.file" mode=""></image>
-					<view class="name">{{item.name||'暂无'}}</view>
-					<view class="other">
-						<view class="other_1">
-							<text>￥{{item.sell_money||0}}</text>
-						</view>
-						<view class="other_1">
-							<view>{{item.person||0}}人评价</view>
-							<text @click="toDel(item)" class="iconfont icon-del"></text>
+				<scroll-view scroll-y="true" class="scroll-view" @scrolltolower="toPage">
+					<view class="list-scroll-view">
+						<view class="list" v-for="(item, index) in list" :key="index" @click="toView(item)">
+							<image class="image" :src="item.file" mode=""></image>
+							<view class="other">
+								<view class="name">{{item.name}}</view>
+								<view class="other_1">
+									关注人数 <text>{{item.num}}</text>
+								</view>
+								<view class="other_1">
+									关注时间 <text>{{item.time}}</text>
+								</view>
+							</view>
+							<view class="btn">
+								<text @click="toDel(item)" class="iconfont icon-del"></text>
+							</view>
 						</view>
 					</view>
-				</view>
-			</view>
-			<view class="two" v-if="!list">
-				<text class="heng"></text>
-				<view class="title"><text>没有更多收藏了</text></view>
+				</scroll-view>
 			</view>
 		</view>
 	</mobile-frame>
@@ -75,75 +77,60 @@
 		height: 100vh;
 
 		.one {
-			display: flex;
-			flex-wrap: wrap;
-			width: 100vw;
-			text-align: center;
+			padding: 2vw 0 0 0;
 
 			.list {
-				width: 45vw;
-				margin: 2vw;
-				padding: 1vw 0;
-				border: 0.1vw solid var(--fcColor);
-			}
-
-			.image {
-				width: 45vw;
-				height: 45vw;
-			}
-
-			.name {
-				margin: 2vw 0 5vw 0;
-				font-size: var(--font14Size);
-			}
-
-			.other {
 				display: flex;
-				flex-direction: column;
+				flex-direction: row;
+				justify-content: space-between;
+				width: 95vw;
+				border: 1px solid var(--f1Color);
+				margin: 2vw 2vw 0 2vw;
+				padding: 2vw;
+				border-radius: 5px;
 
-				.other_1:first-child {
-					color: var(--ff0Color);
-					font-size: var(--font16Size);
+				.image {
+					width: 25vw;
+					height: 25vw;
+					margin: 0 2vw 0 0;
 				}
 
-				.other_1 {
+				.other {
 					display: flex;
-					flex-direction: row;
-					justify-content: space-between;
-					padding: 0 4vw;
-					font-size: var(--font14Size);
-					color: var(--fcColor);
+					flex-direction: column;
+					flex-grow: 1;
 
-					.iconfont {
-						font-size: 20px;
+					.name {
+						font-size: var(--font16Size);
+						font-weight: bold;
 					}
-				}
-			}
-		}
 
-		.two {
-			padding: 3vw 0;
-			margin: 0 0 3vw 0;
-			text-align: center;
+					.other_1 {
+						font-size: var(--font14Size);
+						color: var(--f85Color);
 
-			.heng {
-				display: inline-block;
-				width: 95vw;
-				height: 0.1vw;
-				background-color: var(--fcColor);
+						text {
+							font-weight: bold;
+							padding: 0 2vw;
+							color: var(--ff0Color);
+						}
+					}
+				}
 			}
+		}
+	}
 
-			.title {
-				margin: -5vw 0 0 0;
+	.scroll-view {
+		position: absolute;
+		top: 0;
+		left: 0;
+		right: 0;
+		bottom: 0;
 
-				text {
-					display: inline-block;
-					padding: 0 3vw;
-					background-color: var(--mainColor);
-					color: var(--fcColor);
-					font-size: var(--font12Size);
-				}
-			}
+		.list-scroll-view {
+			display: flex;
+			flex-direction: row;
+			flex-wrap: wrap;
 		}
 	}
 </style>