🌀(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>

package/document-component/src/document/zh-CN/components/page.md

@@ -285,6 +285,7 @@ export default {
 | showSkip    | 显示跳转     | `false` |
 | pages       | 显示切页按钮数量     | `10` |
 | limits       | 切换每页数量的选择项     | `[10,20,30,40,50]` |
+| theme       | 主题色        |`green`|
 
 :::
 

package/document-component/src/document/zh-CN/guide/changelog.md

@@ -20,6 +20,7 @@
           <li>[修复] tooltip 组件设置isAutoShow 属性时，宽度设置max-width 时拖动浏览器时出现...时，tooltip不显示问题。 by @dingyongya</li>
           <li>[修复] table 组件设置 ellipsisTooltip 属性时 出现...时，tooltip不显示问题。by @dingyongya</li>
           <li>[优化] transfer 组件 selectedKeys 选中效果, 加入 checkbox 半选状态。by @Jmysy</li>
+          <li>[优化] page 组件 hover状态下文字颜色跟当前设置的theme主题色保持一致。by @0o张不歪o0</li>
         </ul>
       </li>
     </ul>