fix: button group style

src/component/carousel/index.less

@@ -32,7 +32,6 @@
 }
 
 .layui-carousel > [carousel-item] > * {
-  display: none;
   position: absolute;
   left: 0;
   top: 0;

src/component/carousel/index.vue

@@ -84,7 +84,7 @@ provide("active", active);
 provide("slotsChange", slotsChange);
 
 // 上一页
-const prev = function () {
+const sub = function () {
   for (var i = 0; i < childrens.value.length; i++) {
     // @ts-ignore
     if (childrens.value[i].props.id === active.value) {
@@ -100,7 +100,7 @@ const prev = function () {
 };
 
 // 下一页
-const next = function () {
+const add = function () {
   for (var i = 0; i < childrens.value.length; i++) {
     // @ts-ignore
     if (childrens.value[i].props.id === active.value) {
@@ -124,9 +124,11 @@ const next = function () {
     :lay-arrow="arrow"
     :style="{ width: width, height: height }"
   >
+    <!-- 内容 -->
     <div carousel-item>
       <slot></slot>
     </div>
+    <!-- 轮播 -->
     <div class="layui-carousel-ind">
       <ul>
         <li
@@ -137,18 +139,21 @@ const next = function () {
         ></li>
       </ul>
     </div>
+    <!-- 操作 -->
     <button
       class="layui-icon layui-carousel-arrow"
       lay-type="sub"
-      @click="prev"
+      @click="sub"
     >
       {{ anim === "updown" ? "" : "" }}</button
-    ><button
+    >
+    
+    <button
       class="layui-icon layui-carousel-arrow"
       lay-type="add"
-      @click="next"
+      @click="add"
     >
       {{ anim === "updown" ? "" : "" }}
     </button>
   </div>
-</template>
+</template>