examples/vue-ts-example
1
0
Fork 0
Code Issues Pull Requests 5 Actions Packages Projects Releases Wiki Activity

feat: 调整组件样式，优化图标和布局的尺寸，更新无限加载组件的刷新方法
Some checks failed
/ playwright (push) Failing after 0s
Details
/ depcheck (push) Failing after 3s
Details
/ build-and-deploy-to-vercel (push) Failing after 10s
Details

Browse Source
This commit is contained in:
严浩
2024-12-08 18:00:21 +08:00
parent 1685a34bb2
commit f314b9c023
4 changed files with 14 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/Icons.vue
View File

@ -3,7 +3,7 @@
</script> </script>
<template> <template>
<div b="1px solid pink" mt-8 text-16 p-8 space-y-8> <div b="1px solid pink" mt-2 text-4 p-2 space-y-2>
<!-- <div b="1px solid pink"> <!-- <div b="1px solid pink">
<div>@iconify-json/carbon/icons.json</div> <div>@iconify-json/carbon/icons.json</div>
<div i-carbon-face-cool text-orange /> <div i-carbon-face-cool text-orange />
@ -11,7 +11,7 @@
<div b="1px solid pink"> <div b="1px solid pink">
<div>Icons({ autoInstall: true })</div> <div>Icons({ autoInstall: true })</div>
<icon-carbon-face-cool class="text-yellow" w-32 h-32 /> <icon-carbon-face-cool class="text-yellow" w-8 h-8 />
</div> </div>
<!-- <div b="1px solid pink"> <!-- <div b="1px solid pink">
@ -21,8 +21,8 @@
<div b="1px solid pink"> <div b="1px solid pink">
<div>pacman.svg</div> <div>pacman.svg</div>
<icon-svg:pacman text-blue w-48 h-48 /> <icon-svg:pacman text-blue w-12 h-12 />
<some-icon text-cyan w-48 h-48 /> <some-icon text-cyan w-12 h-12 />
</div> </div>
</div> </div>
</template> </template>

2
src/components/UseIntersectionObserverInfiniteLoading.vue
View File

@ -34,7 +34,7 @@ defineExpose({
refresh: () => { refresh: () => {
currentPage = 0; currentPage = 0;
state.value = ''; state.value = '';
load('refresh'); return load('refresh');
}, },
}); });

16
src/pages/index-page.vue
View File

@ -40,39 +40,39 @@ const FComponent: import('vue').FunctionalComponent<{ prop: string }> = (props,
<li><router-link class="green" :to="{ name: 'InfiniteLoading' }">Infinite Loading</router-link></li> <li><router-link class="green" :to="{ name: 'InfiniteLoading' }">Infinite Loading</router-link></li>
</ul> </ul>
<div b="1px solid pink" mt-8> <div b="1px solid pink" mt-2>
<I18nComp /> <I18nComp />
</div> </div>
<FComponent prop="Hello World" style="margin-top: 8px"></FComponent> <FComponent prop="Hello World" style="margin-top: 8px"></FComponent>
<div text-orange></div> <div text-orange></div>
<div b="1px solid pink" mt-8> <div b="1px solid pink" mt-2>
<ReusableTemplate /> <ReusableTemplate />
</div> </div>
<div b="1px solid pink" mt-8> <div b="1px solid pink" mt-2>
<ReactivityTransform /> <ReactivityTransform />
</div> </div>
<div b="1px solid pink" mt-8> <div b="1px solid pink" mt-2>
<DefineRender /> <DefineRender />
</div> </div>
<Icons /> <Icons />
<div :class="$style.hero" mt-8> <div :class="$style.hero" mt-2>
<h1><i>🔌</i> Vite Plugin Webfont DL <i>⚡</i></h1> <h1><i>🔌</i> Vite Plugin Webfont DL <i>⚡</i></h1>
<h2>Fonts are downloaded directly from Google Fonts</h2> <h2>Fonts are downloaded directly from Google Fonts</h2>
<p>{{ JSON.stringify({ $style }) }}</p> <p>{{ JSON.stringify({ $style }) }}</p>
</div> </div>
<div b="1px solid pink" mt-8 p-8> <div b="1px solid pink" mt-2 p-2>
<SendSms /> <SendSms />
</div> </div>
<div b="1px solid pink" mt-8 p-8> <div b="1px solid pink" mt-2 p-2>
<Primevue /> <Primevue />
</div> </div>
<div b="1px solid pink" mt-8 p-8> <div b="1px solid pink" mt-2 p-2>
<pre>{{ JSON.stringify(routes, null, 2) }}</pre> <pre>{{ JSON.stringify(routes, null, 2) }}</pre>
</div> </div>
</template> </template>

2
unocss.config.ts
View File

@ -15,7 +15,7 @@ export default defineConfig({
}), }),
// https://unocss.dev/presets/rem-to-px // https://unocss.dev/presets/rem-to-px
presetRemToPx({ baseFontSize: 4 }), // presetRemToPx({ baseFontSize: 4 }),
// https://unocss.dev/presets/attributify // https://unocss.dev/presets/attributify
presetAttributify(), presetAttributify(),