commit message

buyer/src/components/empty/Main.vue

@@ -0,0 +1,45 @@
+<template>
+  <div class="empty">
+    <img
+      class="empty-img"
+      :style="{ width: _Size + 'px' }"
+      src="../../assets/images/empty.png"
+      alt=""
+    />
+    <p v-if="_Title">{{ _Title }}</p>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'Main',
+  data () {
+    return {
+
+    };
+  },
+  props: {
+    _Title: { // 描述内容
+      type: null,
+      default: '暂无更多'
+    },
+    _Size: { // 图片大小
+      type: Number,
+      default: 150
+    }
+  }
+};
+</script>
+
+<style scoped lang="scss">
+.empty {
+  margin: 30px 0;
+  text-align: center;
+  width: 100%;
+
+}
+p {
+  cursor: pointer;
+  @include sub_color($light_sub_color);
+}
+</style>

buyer/src/components/empty/README.md

@@ -0,0 +1,10 @@
+# 空状态封装
+
+```
+// _Title
+
+<empty></empty>  //默认显示
+
+q
+<empty _Title='暂无更多了' ></empty>   //自定义返回标题
+```