chore: split index.css

src/component/collapseItem/index.less

@@ -1 +1,37 @@
-@import "../../theme/variable.less";
+@import "../../theme/variable.less";
+
+.layui-colla-content,
+.layui-colla-item {
+  border-top-width: 1px;
+  border-top-style: solid;
+}
+
+.layui-colla-item:first-child {
+  border-top: none;
+}
+
+.layui-colla-title {
+  position: relative;
+  height: 42px;
+  line-height: 42px;
+  padding: 0 15px 0 35px;
+  color: #333;
+  background-color: @global-neutral-color-1;
+  cursor: pointer;
+  font-size: 14px;
+  overflow: hidden;
+}
+
+.layui-colla-content {
+  display: none;
+  padding: 10px 15px;
+  line-height: 1.6;
+  color: #666;
+}
+
+.layui-colla-icon {
+  position: absolute;
+  left: 15px;
+  top: 0;
+  font-size: 14px;
+}

src/component/collapseItem/index.vue

@@ -5,6 +5,7 @@ export default {
 </script>
 
 <script setup lang="ts">
+import "./index.less";
 import { withDefaults, inject, computed, ref } from "vue";
 
 export interface LayCollapseItemProps {