Преглед изворни кода

搜索结果页样式微调

Eratosici пре 3 година
родитељ
комит
99b64f0f19

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

@@ -24,6 +24,7 @@ page {
   z-index: 3;
   z-index: 3;
   padding: 0 30rpx;
   padding: 0 30rpx;
   box-sizing: border-box;
   box-sizing: border-box;
+  margin: 30rpx 0;
 }
 }
 
 
 .search-bar .search-box {
 .search-bar .search-box {
@@ -197,3 +198,13 @@ page {
   color: #eb2444;
   color: #eb2444;
   font-family: arial;
   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>
   </view>
 
 
+  <view v-if="!searchProdList.length" :class="['empty',showType==1? 'empty-top':'']">暂无结果</view>
 </view>
 </view>
 </template>
 </template>
 
 
@@ -202,4 +203,4 @@ export default {
 </script>
 </script>
 <style>
 <style>
 @import "./search-prod-show.css";
 @import "./search-prod-show.css";
-</style>
+</style>