Переглянути джерело

Optimize Pagination omit icon

杜府 3 роки тому
батько
коміт
14701e86f7
1 змінених файлів з 10 додано та 2 видалено
  1. 10 2
      components/src/pagination/Pagination.svelte

+ 10 - 2
components/src/pagination/Pagination.svelte

@@ -249,7 +249,11 @@
                     : 'border-transparent' + (type === 'bold' ? ' opacity-50' : '')} {radiusClass[radius] || radiusClass.base}"
                 on:click={clickPreEllipsisFunc}
             >
-                <Icon name="ri-more-line" size={18} />
+                {#if type === 'bold' && showPreOmitPage}
+                    <Icon name="ri-more-fill" size={18} />
+                {:else}
+                    <Icon name="ri-more-line" size={18} />
+                {/if}
             </div>
         {/if}
         {#if !showPreEllipsis && current <= maxShowPage - 1}
@@ -286,7 +290,11 @@
                     : 'border-transparent' + (type === 'bold' ? ' opacity-50' : '')} {radiusClass[radius] || radiusClass.base}"
                 on:click={clickNextEllipsisFunc}
             >
-                <Icon name="ri-more-line" size={18} />
+                {#if type === 'bold' && showNextOmitPage}
+                    <Icon name="ri-more-fill" size={18} />
+                {:else}
+                    <Icon name="ri-more-line" size={18} />
+                {/if}
             </div>
         {/if}
         <Page active={current === totalPage} {type} {radius} on:click={() => clickItemFunc(totalPage)}>{totalPage}</Page>