yeyin/tools-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: 首页适配移动端，新增工具：随机密码生成

Browse Source
This commit is contained in:
taoran
2023-12-04 17:57:20 +08:00
parent 24b80f04c2
commit 48bf2b2198
10 changed files with 262 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Home/Home.vue
+3 -3
View File
@@ -27,13 +27,13 @@ onMounted(() => {
<template>
<div>
<!-- card -->
<div class="mr-3 flex justify-between flex-wrap self-card-div" :gutter="10">
<router-link v-for="(item, index) in toolsStore.list" :key="index" :to="item.url" class="flex flex-col mt-3 border-solid rounded border-gray w-[32.5%] p-2 bg-gray-100 hover:shadow-md">
<div class="mr-3 flex justify-between flex-wrap self-card-div c-xs:ml-3" :gutter="10">
<router-link v-for="(item, index) in toolsStore.list" :key="index" :to="item.url" class="flex flex-col mt-3 border-solid rounded border-gray w-[32.5%] p-2 bg-gray-100 hover:shadow-md c-xs:w-[99.5%]">
<div class="flex items-center border-b pb-2">
<el-image :src="item.logo" class="w-10 h-10 min-h-[2.5rem] min-w-[2.5rem] rounded-full"></el-image>
<div class="flex flex-col ml-2 w-full">
<div class="flex">
<div class="font-semibold text-lg ">{{ item.title }}</div>
<div class="font-semibold text-lg line-clamp-1">{{ item.title }}</div>
</div>
<div class="flex justify-between">
<el-text size="small">{{ item.cate }}</el-text>