Home Explore Help
Register Sign In
genlitex
/
prototype_design
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

longwei_user-2025-07-31 02:22:59

genlitex 2 days ago
parent
82efb6a59d
commit
d4e388b383
9 changed files with 78 additions and 6 deletions
Unified View Show Diff Stats
  1. 1 0
      dist/assets/CustomPrototypeView-jIid0ILz.js
  2. 0 0
      dist/assets/CustomPrototypeView-tn0RQdqM.css
  3. 0 0
      dist/assets/index-4owCqU6i.css
  4. 0 4
      dist/assets/index-C3Owj14Z.js
  5. 0 0
      dist/assets/index-DBgonPx6.css
  6. 5 0
      dist/assets/index-gVBAMlaT.js
  7. 2 2
      dist/index.html
  8. 5 0
      src/router/index.js
  9. 65 0
      src/views/CustomPrototypeView.vue

+ 1 - 0
dist/assets/CustomPrototypeView-jIid0ILz.js
View File 

@@ -0,0 +1 @@
 
+import{_ as s,c as o,a as r,u as a,o as l}from"./index-gVBAMlaT.js";const i={setup(){return{router:a()}}},n={class:"bg-gray-100 min-h-screen flex flex-col"};function c(t,e,u,d,p,x){return l(),o("div",n,e[0]||(e[0]=[r('<header class="bg-white shadow-md fixed w-full z-10"><div class="container mx-auto px-4 py-2 flex justify-between items-center"><div><span class="font-bold text-xl">Website Logo</span></div><nav class="space-x-4"><a href="#/" class="text-gray-700 hover:text-blue-500">Home</a><a href="#/login" class="text-gray-700 hover:text-blue-500">Login/Register</a><a href="#/" class="text-gray-700 hover:text-blue-500">Menu Item 1</a><a href="#/" class="text-gray-700 hover:text-blue-500">Menu Item 2</a></nav></div></header><main class="container mx-auto px-4 mt-16 flex flex-grow"><aside class="w-1/4 bg-white p-4 border-r"><ul class="space-y-2"><li class="cursor-pointer hover:bg-gray-100 rounded p-2">Function Module 1</li><li class="cursor-pointer hover:bg-gray-100 rounded p-2">Function Module 2</li><li class="cursor-pointer hover:bg-gray-100 rounded p-2">Function Module 3</li><li class="cursor-pointer hover:bg-gray-100 rounded p-2">Function Module 4</li></ul></aside><section class="w-3/4 p-4"><div><p>Details for selected function module.</p></div></section></main><footer class="bg-white shadow-md fixed bottom-0 w-full"><div class="container mx-auto px-4 py-2 flex justify-between items-center"><div><p>© 2025 Your Company. All rights reserved.</p></div><div class="space-x-4"><a href="mailto:support@yourcompany.com" class="text-gray-700 hover:text-blue-500">Contact Us</a><a href="#" class="text-gray-700 hover:text-blue-500">LinkedIn</a><a href="#" class="text-gray-700 hover:text-blue-500">Twitter</a></div></div></footer>',3)]))}const h=s(i,[["render",c]]);export{h as default};

+ 0 - 0
dist/assets/CustomPrototypeView-tn0RQdqM.css
View File


File diff suppressed because it is too large
+ 0 - 0
dist/assets/index-4owCqU6i.css


File diff suppressed because it is too large
+ 0 - 4
dist/assets/index-C3Owj14Z.js


File diff suppressed because it is too large
+ 0 - 0
dist/assets/index-DBgonPx6.css


File diff suppressed because it is too large
+ 5 - 0
dist/assets/index-gVBAMlaT.js


+ 2 - 2
dist/index.html
View File 

@@ -5,8 +5,8 @@
 
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
 
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
     <title>Vite + Vue</title>
 
     <title>Vite + Vue</title>
 
-    <script type="module" crossorigin src="/ide/proxy/6007/assets/index-C3Owj14Z.js"></script>
 
-    <link rel="stylesheet" crossorigin href="/ide/proxy/6007/assets/index-4owCqU6i.css">
 
+    <script type="module" crossorigin src="/ide/proxy/6009/assets/index-gVBAMlaT.js"></script>
 
+    <link rel="stylesheet" crossorigin href="/ide/proxy/6009/assets/index-DBgonPx6.css">
 
   </head>
 
   </head>
 
   <body>
 
   <body>
 
     <div id="app"></div>
 
     <div id="app"></div>

+ 5 - 0
src/router/index.js
View File 

@@ -157,6 +157,11 @@ const routes = [
 
     name: 'Futuristic',
 
     name: 'Futuristic',
 
     component: FuturisticView
 
     component: FuturisticView
 
   },
 
   },
 
+  {
 
+    path: '/custom',
 
+    name: 'CustomPrototype',
 
+    component: () => import('../views/CustomPrototypeView.vue')
 
+  },
 
   {
 
   {
 
     path: '/:pathMatch(.*)*',
 
     path: '/:pathMatch(.*)*',
 
     redirect: '/'
 
     redirect: '/'

+ 65 - 0
src/views/CustomPrototypeView.vue
View File 

@@ -0,0 +1,65 @@
 
+<template>
 
+  <div class="bg-gray-100 min-h-screen flex flex-col">
 
+    <header class="bg-white shadow-md fixed w-full z-10">
 
+      <div class="container mx-auto px-4 py-2 flex justify-between items-center">
 
+        <div>
 
+          <span class="font-bold text-xl">Website Logo</span>
 
+        </div>
 
+        <nav class="space-x-4">
 
+          <a href="#/" class="text-gray-700 hover:text-blue-500">Home</a>
 
+          <a href="#/login" class="text-gray-700 hover:text-blue-500">Login/Register</a>
 
+          <a href="#/" class="text-gray-700 hover:text-blue-500">Menu Item 1</a>
 
+          <a href="#/" class="text-gray-700 hover:text-blue-500">Menu Item 2</a>
 
+        </nav>
 
+      </div>
 
+    </header>
 
+
 
+    <main class="container mx-auto px-4 mt-16 flex flex-grow">
 
+      <aside class="w-1/4 bg-white p-4 border-r">
 
+        <ul class="space-y-2">
 
+          <li class="cursor-pointer hover:bg-gray-100 rounded p-2">Function Module 1</li>
 
+          <li class="cursor-pointer hover:bg-gray-100 rounded p-2">Function Module 2</li>
 
+          <li class="cursor-pointer hover:bg-gray-100 rounded p-2">Function Module 3</li>
 
+          <li class="cursor-pointer hover:bg-gray-100 rounded p-2">Function Module 4</li>
 
+        </ul>
 
+      </aside>
 
+
 
+      <section class="w-3/4 p-4">
 
+        <div>
 
+          <p>Details for selected function module.</p>
 
+        </div>
 
+      </section>
 
+    </main>
 
+
 
+    <footer class="bg-white shadow-md fixed bottom-0 w-full">
 
+      <div class="container mx-auto px-4 py-2 flex justify-between items-center">
 
+        <div>
 
+          <p>&copy; 2025 Your Company. All rights reserved.</p>
 
+        </div>
 
+        <div class="space-x-4">
 
+          <a href="mailto:support@yourcompany.com" class="text-gray-700 hover:text-blue-500">Contact Us</a>
 
+          <a href="#" class="text-gray-700 hover:text-blue-500">LinkedIn</a>
 
+          <a href="#" class="text-gray-700 hover:text-blue-500">Twitter</a>
 
+        </div>
 
+      </div>
 
+    </footer>
 
+  </div>
 
+</template>
 
+
 
+<script>
 
+import { useRouter } from 'vue-router'
 
+
 
+export default {
 
+  setup() {
 
+    const router = useRouter()
 
+
 
+    return {
 
+      router
 
+    }
 
+  }
 
+}
 
+</script>
 
+
 
+<style>
 
+/* TailwindCSS classes are used directly in the template */
 
+</style>

Some files were not shown because too many files changed in this diff