完成搜索页面

src/components/user-merit/index.vue

@@ -1,5 +1,5 @@
 <template>
-	<div class="user-merit border-bottom" v-if="data">
+	<div class="user-merit border-bottom" v-if="data && data.user_info">
 		<img
 			:src="data.user_info.avatar"
 			alt=""
@@ -10,7 +10,7 @@
 					<span>{{data.user_info.nickname}}</span>
 					<span>{{data.user_info.region}}</span>
 				</div>
-				<p>{{data.goods_name}}</p>
+				<p class="goods_name">{{data.goods_name}}</p>
 			</div>
 		</div>
 		<div class="result">
@@ -27,7 +27,7 @@ export default {
 };
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .user-merit {
 	display: flex;
 	padding: .27rem 0.4rem;
@@ -58,8 +58,12 @@ export default {
 				display: inline-block;
 			}
 		}
-		p {
+		p.goods_name{
 			font-size: 0.32rem;
+            max-width: 4rem;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
 		}
 	}
 	.result {