搜索结果页样式微调

5 years ago · 99b64f0f19
parent ffe43acba5
commit 99b64f0f19
2 changed files with 13 additions and 1 deletions
--- a/mall4uni/pages/search-prod-show/search-prod-show.css
+++ b/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;
+}
--- a/mall4uni/pages/search-prod-show/search-prod-show.vue
+++ b/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>