🌀(component): 优化page组件 hover状态下文字颜色与当前主题色保持一致

package/component/src/component/page/index.less

@@ -47,6 +47,33 @@
 .layui-laypage a:hover {
   color: var(--global-primary-color);
 }
+.layui-laypage-a-red:hover{
+  color: #ff5722 !important;
+}
+
+.layui-laypage-a-orange:hover{
+  color: #ffb800 !important;
+}
+
+.layui-laypage-a-green:hover{
+  color: #009688 !important;
+}
+
+.layui-laypage-a-cyan:hover{
+  color: #2f4056 !important;
+}
+
+.layui-laypage-a-blue:hover{
+  color: #01aaed !important;
+}
+
+.layui-laypage-a-black:hover{
+  color: #000 !important;
+}
+
+.layui-laypage-a-gray:hover{
+  color: #c2c2c2 !important;
+}
 
 .layui-laypage em {
   font-style: normal;

package/component/src/component/page/index.vue

@@ -119,7 +119,7 @@ watch(currentPage, function () {
     <a
       href="javascript:;"
       class="layui-laypage-prev"
-      :class="[currentPage === 1 ? 'layui-disabled' : '']"
+      :class="[currentPage === 1 ? 'layui-disabled' : '',theme && currentPage !== 1 ? 'layui-laypage-a-' + theme : '']"
       @click="prev()"
     >
       <slot v-if="slots.prev" name="prev"></slot>
@@ -134,14 +134,14 @@ watch(currentPage, function () {
           ></em>
           <em>{{ index }}</em>
         </span>
-        <a v-else href="javascript:;" @click="jump(index)">{{ index }}</a>
+        <a v-else href="javascript:;" @click="jump(index)" :class="[theme ? 'layui-laypage-a-' + theme : '']">{{ index }}</a>
       </template>
     </template>
 
     <a
       href="javascript:;"
       class="layui-laypage-next"
-      :class="[currentPage === maxPage ? 'layui-disabled' : '']"
+      :class="[currentPage === maxPage ? 'layui-disabled' : '',theme && currentPage !== maxPage ? 'layui-laypage-a-' + theme : '']"
       @click="next()"
     >
       <slot v-if="slots.next" name="next"></slot>