bd4rr/vue-naive-admin
1
0
Fork 0
mirror of https://github.com/zclzone/vue-naive-admin.git synced 2025-05-01 06:39:01 +08:00
Code

style: 图标示例布局改成grid

Browse Source
This commit is contained in:
zclzone 2024-06-23 00:15:10 +08:00
parent c2ff434b9d
commit fd4582fc0c
1 changed files with 2 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/views/base/unocss-icon.vue
View File

@ -13,11 +13,11 @@
feather图标集 + isme自定义图标 feather图标集 + isme自定义图标
</n-tag> </n-tag>
</template> </template>
<ul class="flex flex-wrap justify-between"> <ul class="grid grid-cols-[repeat(auto-fill,minmax(160px,1fr))] justify-items-center gap-16">
<li <li
v-for="item in icons" v-for="item in icons"
:key="item" :key="item"
class="m-16 w-160 f-c-c flex-col cursor-pointer rounded-12 px-12 py-24 card-border auto-bg" class="w-160 f-c-c flex-col cursor-pointer rounded-12 px-12 py-24 card-border auto-bg"
@click="copy(`&lt;i class=&quot;${item}&quot; /&gt;`)" @click="copy(`&lt;i class=&quot;${item}&quot; /&gt;`)"
> >
<i :class="`${item}?mask`" class="text-28 text-gray-600 hover:bg-primary" /> <i :class="`${item}?mask`" class="text-28 text-gray-600 hover:bg-primary" />
@ -28,13 +28,6 @@
{{ item }} {{ item }}
</span> </span>
</li> </li>
<li class="mx-16 h-0 w-160" />
<li class="mx-16 h-0 w-160" />
<li class="mx-16 h-0 w-160" />
<li class="mx-16 h-0 w-160" />
<li class="mx-16 h-0 w-160" />
<li class="mx-16 h-0 w-160" />
<li class="mx-16 h-0 w-160" />
</ul> </ul>
</CommonPage> </CommonPage>
</template> </template>