✨(component): 新增 card 组件 footer 插槽

package/component/src/component/card/index.less

@@ -16,6 +16,14 @@
   font-size: 14px;
 }
 
+.layui-card .layui-card-footer {
+  height: 42px;
+  line-height: 42px;
+  padding: 0 15px;
+  border-top: 1px solid #f6f6f6;
+  font-size: 14px;
+}
+
 .layui-card .layui-card-header .layui-card-header-extra {
   float: right;
 }

package/component/src/component/card/index.vue

@@ -44,5 +44,8 @@ const classes = computed(() => {
       <slot name="body" v-if="slot.body"></slot>
       <slot v-else></slot>
     </div>
+    <div class="layui-card-footer" v-if="slot.footer">
+      <slot name="footer"></slot>
+    </div>
   </div>
 </template>

package/component/src/component/scroll/index.vue

@@ -1,18 +1,30 @@
 <template>
-  <div class="layui-scroll" :class="{ hide: data.winWidth < 500 }" :style="{ height: height }">
+  <div
+    class="layui-scroll"
+    :class="{ hide: data.winWidth < 500 }"
+    :style="{ height: height }"
+  >
     <div class="layui-scroll-y">
       <div ref="scrollRef" class="layui-scroll-wrap" @scroll="onMosewheel">
         <slot></slot>
       </div>
-      <div ref="barRef" class="layui-scroll-track" :style="{
+      <div
-        backgroundColor: data.heightPre == 1 ? 'rgba(0,0,0,0)' : trackColor,
+        ref="barRef"
-      }">
+        class="layui-scroll-track"
-        <div :style="{
+        :style="{
-          height: data.barHeight + 'px',
+          backgroundColor: data.heightPre == 1 ? 'rgba(0,0,0,0)' : trackColor,
-          width: thumbWidth + 'px',
+        }"
-          transform: 'translateY(' + data.translateY + 'px)',
+      >
-          backgroundColor: data.heightPre == 1 ? 'rgba(0,0,0,0)' : thumbColor,
+        <div
-        }" class="layui-scroll-thumb" @mousedown.stop.prevent="moveStart"></div>
+          :style="{
+            height: data.barHeight + 'px',
+            width: thumbWidth + 'px',
+            transform: 'translateY(' + data.translateY + 'px)',
+            backgroundColor: data.heightPre == 1 ? 'rgba(0,0,0,0)' : thumbColor,
+          }"
+          class="layui-scroll-thumb"
+          @mousedown.stop.prevent="moveStart"
+        ></div>
       </div>
     </div>
   </div>

package/document-component/src/document/zh-CN/components/card.md

@@ -55,6 +55,9 @@ export default {
       <template v-slot:body>
       内容
       </template>
+      <template v-slot:footer>
+      底部
+      </template>
   </lay-card>
 </div>
 </template>