🐛修复: timeline-item 边距

package/component/src/component/timeline/index.less

@@ -48,9 +48,6 @@
 
 .layui-timeline-content {
   padding-left: 25px;
-  line-height: 1.6;
-  font-size: 14px;
-  color: #666;
 }
 
 .layui-timeline-title {
@@ -100,4 +97,4 @@
   position: relative;
   margin-bottom: 10px;
   line-height: 22px;
-}
+}

package/component/src/component/timeline/index.vue

@@ -26,4 +26,4 @@ const timeLineClass = computed(() => [
   <ul :class="timeLineClass">
     <slot></slot>
   </ul>
-</template>
+</template>

package/component/src/component/timelineItem/index.vue

@@ -23,7 +23,7 @@ const props = defineProps<LayTimelineItemProps>();
       <slot name="dot"></slot>
     </i>
     <i class="layui-icon layui-timeline-axis" v-else></i>
-    <div class="layui-timeline-content">
+    <div class="layui-timeline-content layui-text">
       <div v-if="simple" class="layui-timeline-title">
         {{ title }}
       </div>
@@ -33,4 +33,4 @@ const props = defineProps<LayTimelineItemProps>();
       <slot></slot>
     </div>
   </li>
-</template>
+</template>

package/component/src/theme/public.less

@@ -387,6 +387,62 @@ a:hover {
   font-size: 30px !important;
 }
 
+.layui-text {
+  line-height: 1.6;
+  font-size: 14px;
+  color: #666;
+}
+
+.layui-text h1,
+.layui-text h2,
+.layui-text h3 {
+  font-weight: 500;
+  color: #333;
+}
+
+.layui-text h1 {
+  font-size: 30px;
+}
+
+.layui-text h2 {
+  font-size: 24px;
+}
+
+.layui-text h3 {
+  font-size: 18px;
+}
+
+.layui-text a:not(.layui-btn) {
+  color: #01aaed;
+}
+
+.layui-text a:not(.layui-btn):hover {
+  text-decoration: underline;
+}
+
+.layui-text ul {
+  padding: 5px 0 5px 15px;
+}
+
+.layui-text ul li {
+  margin-top: 5px;
+  list-style-type: disc;
+}
+
+.layui-text em {
+  color: #999 !important;
+  padding-left: 5px !important;
+  padding-right: 5px !important;
+}
+
+.layui-text p {
+  margin: 10px 0;
+}
+
+.layui-text p:first-child {
+  margin-top: 0;
+}
+
 .layui-anim {
   -webkit-animation-duration: 0.3s;
   -webkit-animation-fill-mode: both;