Преглед изворни кода

[create]fix UnoCSS template

杜府 пре 3 година
родитељ
комит
acd40bf6b1

+ 4 - 1
packages/create-stdf/package.json

@@ -1,6 +1,6 @@
 {
     "name": "create-stdf",
-    "version": "0.0.22",
+    "version": "0.0.23",
     "description": "A CLI for creating new STDF projects",
     "bin": {
         "create-stdf": "index.js"
@@ -28,6 +28,9 @@
     "keywords": [
         "svelte",
         "tailwind",
+        "unocss",
+        "typescript",
+        "sveltekit",
         "stdf",
         "cli",
         "mobile",

+ 5 - 5
packages/create-stdf/templates/vite-uno/src/App.svelte

@@ -7,7 +7,7 @@
 
     import viteLogo from './assets/vite.svg';
     import svelteLogo from './assets/svelte.svg';
-    import tailwindLogo from './assets/tailwindcss.svg';
+    import unoLogo from './assets/uno.svg';
 
     //切换亮暗模式(toggle light or dark mode)
     let theme = sessionStorage.getItem('theme') === 'dark' ? 'dark' : 'light';
@@ -60,8 +60,8 @@
         <a class="flex flex-col items-center w-10" href="https://svelte.dev" target="_blank" rel="noreferrer">
             <img src={svelteLogo} alt="Svelte Logo" />
         </a>+
-        <a class="flex flex-col items-center w-10" href="https://tailwindcss.com" target="_blank" rel="noreferrer">
-            <img src={tailwindLogo} alt="Tailwind Logo" />
+        <a class="flex flex-col items-center w-8" href="https://unocss.dev" target="_blank" rel="noreferrer">
+            <img src={unoLogo} alt="UnoCSS Logo" />
         </a>+
         <a class="flex flex-col items-center w-8" href="https://stdf.design" target="_blank" rel="noreferrer">
             <svg viewBox="0 0 90 80" fill="currentColor">
@@ -75,10 +75,10 @@
     </div>
     <div class="text-center my-8 text-xs">
         {#if isZh}
-            <p>这是一个使用 Vite + Svelte + Tailwind + STDF 构建的模板。</p>
+            <p>这是一个使用 Vite + Svelte + UnoCSS + STDF 构建的模板。</p>
             <p class="mt-2">点击上方 LOGO 了解更多。</p>
         {:else}
-            <p>This is a template using Vite + Svelte + TailwindCSS + STDF.</p>
+            <p>This is a template using Vite + Svelte + UnoCSS + STDF.</p>
             <p class="mt-2">Click the logo above to learn more.</p>
         {/if}
     </div>

+ 0 - 6
packages/create-stdf/templates/vite-uno/src/assets/tailwindcss.svg

@@ -1,6 +0,0 @@
-<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
-    <title>Tailwind CSS</title>
-    <path
-    fill="#06B6D4"
-        d="M12.001,4.8c-3.2,0-5.2,1.6-6,4.8c1.2-1.6,2.6-2.2,4.2-1.8c0.913,0.228,1.565,0.89,2.288,1.624 C13.666,10.618,15.027,12,18.001,12c3.2,0,5.2-1.6,6-4.8c-1.2,1.6-2.6,2.2-4.2,1.8c-0.913-0.228-1.565-0.89-2.288-1.624 C16.337,6.182,14.976,4.8,12.001,4.8z M6.001,12c-3.2,0-5.2,1.6-6,4.8c1.2-1.6,2.6-2.2,4.2-1.8c0.913,0.228,1.565,0.89,2.288,1.624 c1.177,1.194,2.538,2.576,5.512,2.576c3.2,0,5.2-1.6,6-4.8c-1.2,1.6-2.6,2.2-4.2,1.8c-0.913-0.228-1.565-0.89-2.288-1.624 C10.337,13.382,8.976,12,6.001,12z" />
-</svg>

+ 5 - 0
packages/create-stdf/templates/vite-uno/src/assets/uno.svg

@@ -0,0 +1,5 @@
+<svg width="220" height="220" viewBox="0 0 220 220" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M117.444 167.888C117.444 140.273 139.83 117.888 167.444 117.888V117.888C195.058 117.888 217.444 140.273 217.444 167.888V167.888C217.444 195.502 195.058 217.888 167.444 217.888V217.888C139.83 217.888 117.444 195.502 117.444 167.888V167.888Z" fill="#858585"/>
+<path d="M117.444 53C117.444 25.3858 139.83 3 167.444 3V3C195.058 3 217.444 25.3858 217.444 53V98C217.444 100.761 215.205 103 212.444 103H122.444C119.683 103 117.444 100.761 117.444 98V53Z" fill="#CCCCCC"/>
+<path d="M102 167.888C102 195.502 79.6142 217.888 52 217.888V217.888C24.3858 217.888 2 195.502 2 167.888L2.00001 122.888C2.00001 120.126 4.23859 117.888 7.00001 117.888L97 117.888C99.7614 117.888 102 120.126 102 122.888L102 167.888Z" fill="#4D4D4D"/>
+</svg>