diff --git a/package/component/src/component/collapse/index.less b/package/component/src/component/collapse/index.less
index 880c17fc..7dea77cf 100644
--- a/package/component/src/component/collapse/index.less
+++ b/package/component/src/component/collapse/index.less
@@ -33,8 +33,8 @@
 }
 
 .layui-colla-icon {
-  position: absolute;
   left: 15px;
   top: 0;
   font-size: 14px;
+  position: absolute;
 }
\ No newline at end of file
diff --git a/package/component/src/component/collapseItem/index.vue b/package/component/src/component/collapseItem/index.vue
index 421132a3..c97a942b 100644
--- a/package/component/src/component/collapseItem/index.vue
+++ b/package/component/src/component/collapseItem/index.vue
@@ -55,10 +55,8 @@ const showHandle = function () {
       :class="['layui-colla-title', { 'layui-disabled': disabled }]"
       @click="showHandle"
     >
-      <slot name="title" :props="props">{{ title }}</slot>
-      <i class="layui-icon layui-colla-icon">
-        {{ isShow ? "" : "" }}
-      </i>
+      <slot name="title" :props="props">{{ title }}</slot> {{ collapseTransition }}
+      <i class="layui-icon layui-colla-icon layui-icon-right" :style="{ 'transform' : isShow ? 'rotate(90deg)':'none', 'transition': collapseTransition ? 'all 0.2s ease 0s':'' }"></i>
     </h2>
     <lay-transition :enable="collapseTransition">
       <div v-if="isShow">