【新增】新增一个卡片组件，为查询区域统一样式

_web/src/components/index.js

@@ -31,6 +31,9 @@ import ArticleListContent from '@/components/ArticleListContent'
 import AntdEditor from '@/components/Editor/WangEditor'
 import Dialog from '@/components/Dialog'
 
+// xn components
+import XCard from '@/components/xnComponents/XCard'
+
 export {
   AvatarList,
   Bar,
@@ -62,5 +65,6 @@ export {
   StandardFormRow,
   ArticleListContent,
   AntdEditor,
-  Dialog
+  Dialog,
+  XCard
 }

_web/src/components/xnComponents/XCard.vue

@@ -0,0 +1,16 @@
+<template>
+  <a-card :bordered="false" :bodyStyle="tstyle">
+    <slot name="content"></slot>
+  </a-card>
+</template>
+
+<script>
+    export default {
+        name: 'XCard',
+      data() {
+        return {
+          tstyle: { 'padding-bottom': '0px', 'margin-bottom': '10px' }
+        }
+      }
+    }
+</script>