소스 검색

搜索结果页样式微调

Eratosici 3 년 전
부모
커밋
99b64f0f19
2개의 변경된 파일13개의 추가작업 그리고 1개의 파일을 삭제
  1. 11 0
      mall4uni/pages/search-prod-show/search-prod-show.css
  2. 2 1
      mall4uni/pages/search-prod-show/search-prod-show.vue

+ 11 - 0
mall4uni/pages/search-prod-show/search-prod-show.css

@@ -24,6 +24,7 @@ page {
   z-index: 3;
   padding: 0 30rpx;
   box-sizing: border-box;
+  margin: 30rpx 0;
 }
 
 .search-bar .search-box {
@@ -197,3 +198,13 @@ page {
   color: #eb2444;
   font-family: arial;
 }
+
+.container .empty {
+  margin-top: 100rpx;
+  text-align: center;
+  color: #999;
+  font-size: 26rpx;
+}
+.container .empty.empty-top {
+  margin-top: 300rpx;
+}

+ 2 - 1
mall4uni/pages/search-prod-show/search-prod-show.vue

@@ -53,6 +53,7 @@
     </view>
   </view>
 
+  <view v-if="!searchProdList.length" :class="['empty',showType==1? 'empty-top':'']">暂无结果</view>
 </view>
 </template>
 
@@ -202,4 +203,4 @@ export default {
 </script>
 <style>
 @import "./search-prod-show.css";
-</style>
+</style>