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

admin-2025-02-19 08:43:49

genlitex 2 months ago
parent
427dd3497b
commit
5c53cadd45
19 changed files with 157 additions and 29 deletions
Unified View Show Diff Stats
  1. 1 0
      dist/assets/CartView-BUm9dcLD.css
  2. 1 0
      dist/assets/CartView-sBxUA18n.js
  3. 1 0
      dist/assets/OrderView-DB5c9XNz.css
  4. 1 0
      dist/assets/OrderView-nxVozElc.js
  5. 1 0
      dist/assets/ProductDetailView-269w7mz-.js
  6. 1 0
      dist/assets/ProductDetailView-B1ClwXps.css
  7. 1 0
      dist/assets/ProductListView-CIyNXisL.js
  8. 1 0
      dist/assets/ProductListView-zTdqrKcH.css
  9. 1 0
      dist/assets/UserProfileView-0n7K-RNl.css
  10. 1 0
      dist/assets/UserProfileView-CJCqFfeg.js
  11. 5 0
      dist/assets/index-BekN1hYL.js
  12. 1 0
      dist/assets/index-BgACLjNj.css
  13. BIN
      dist/assets/project_view-LV_89wZ1.png
  14. BIN
      dist/assets/prompt_view-3DShJMky.png
  15. BIN
      dist/assets/upload_view-BMwFENoV.png
  16. 13 0
      dist/index.html
  17. 122 8
      src/views/HomeView.vue
  18. 0 21
      src/views/ProductListView.vue
  19. 6 0
      vite.config.js

+ 1 - 0
dist/assets/CartView-BUm9dcLD.css
View File 

@@ -0,0 +1 @@
 
+.cart[data-v-f59f2b3f]{padding:20px}

+ 1 - 0
dist/assets/CartView-sBxUA18n.js
View File 

@@ -0,0 +1 @@
 
+import{_ as t,c as a,a as s,o}from"./index-BekN1hYL.js";const r={class:"cart"},_={__name:"CartView",setup(c){return(n,e)=>(o(),a("div",r,e[0]||(e[0]=[s("h1",null,"购物车",-1)])))}},f=t(_,[["__scopeId","data-v-f59f2b3f"]]);export{f as default};

+ 1 - 0
dist/assets/OrderView-DB5c9XNz.css
View File 

@@ -0,0 +1 @@
 
+.order[data-v-fdfad1a3]{padding:20px}

+ 1 - 0
dist/assets/OrderView-nxVozElc.js
View File 

@@ -0,0 +1 @@
 
+import{_ as r,c as s,a,o}from"./index-BekN1hYL.js";const t={class:"order"},_={__name:"OrderView",setup(c){return(d,e)=>(o(),s("div",t,e[0]||(e[0]=[a("h1",null,"订单",-1)])))}},p=r(_,[["__scopeId","data-v-fdfad1a3"]]);export{p as default};

+ 1 - 0
dist/assets/ProductDetailView-269w7mz-.js
View File 

@@ -0,0 +1 @@
 
+import{_ as t,c as a,a as o,o as s}from"./index-BekN1hYL.js";const c={class:"product-detail"},r={__name:"ProductDetailView",setup(_){return(d,e)=>(s(),a("div",c,e[0]||(e[0]=[o("h1",null,"商品详情",-1)])))}},n=t(r,[["__scopeId","data-v-3785a455"]]);export{n as default};

+ 1 - 0
dist/assets/ProductDetailView-B1ClwXps.css
View File 

@@ -0,0 +1 @@
 
+.product-detail[data-v-3785a455]{padding:20px}

+ 1 - 0
dist/assets/ProductListView-CIyNXisL.js
View File 

@@ -0,0 +1 @@
 
+import{_ as s,c as e,a as o,o as c}from"./index-BekN1hYL.js";const a={class:"product-list"},r={__name:"ProductListView",setup(_){return(n,t)=>(c(),e("div",a,t[0]||(t[0]=[o("h1",null,"商品列表",-1)])))}},i=s(r,[["__scopeId","data-v-2254c416"]]);export{i as default};

+ 1 - 0
dist/assets/ProductListView-zTdqrKcH.css
View File 

@@ -0,0 +1 @@
 
+.product-list[data-v-2254c416]{padding:20px}

+ 1 - 0
dist/assets/UserProfileView-0n7K-RNl.css
View File 

@@ -0,0 +1 @@
 
+.user-profile[data-v-429c258d]{padding:20px}

+ 1 - 0
dist/assets/UserProfileView-CJCqFfeg.js
View File 

@@ -0,0 +1 @@
 
+import{_ as s,c as o,a as r,o as t}from"./index-BekN1hYL.js";const a={class:"user-profile"},_={__name:"UserProfileView",setup(c){return(l,e)=>(t(),o("div",a,e[0]||(e[0]=[r("h1",null,"个人中心",-1)])))}},i=s(_,[["__scopeId","data-v-429c258d"]]);export{i as default};

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


+ 1 - 0
dist/assets/index-BgACLjNj.css
View File 

@@ -0,0 +1 @@
 
+#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}nav{padding:30px}nav a{font-weight:700;color:#2c3e50}nav a.router-link-exact-active{color:#42b983}.home[data-v-c8f5037c]{display:flex;flex-direction:column;min-height:100vh}header nav ul[data-v-c8f5037c]{list-style-type:none;padding:0;display:flex;justify-content:space-around;background-color:#f8f8f8}header nav ul li a[data-v-c8f5037c]{text-decoration:none;color:#333;padding:10px 20px;display:block}header nav ul li a[data-v-c8f5037c]:hover{background-color:#ddd}main[data-v-c8f5037c]{flex:1;padding:20px}.carousel[data-v-c8f5037c],.featured-products[data-v-c8f5037c],.categories[data-v-c8f5037c]{margin-bottom:20px}.carousel-images[data-v-c8f5037c]{display:flex;overflow-x:scroll;white-space:nowrap}.carousel-images img[data-v-c8f5037c]{width:300px;height:auto;margin-right:10px}.product-list[data-v-c8f5037c]{display:flex;flex-wrap:wrap;gap:10px}.product-item[data-v-c8f5037c]{border:1px solid #ddd;padding:10px;width:200px;box-shadow:0 2px 4px #0000001a}.product-item img[data-v-c8f5037c]{width:100%;height:auto}.product-item p[data-v-c8f5037c]{margin-top:5px}footer[data-v-c8f5037c]{text-align:center;padding:10px;background-color:#f8f8f8}

BIN
dist/assets/project_view-LV_89wZ1.png
View File


BIN
dist/assets/prompt_view-3DShJMky.png
View File


BIN
dist/assets/upload_view-BMwFENoV.png
View File


+ 13 - 0
dist/index.html
View File 

@@ -0,0 +1,13 @@
 
+<!doctype html>
 
+<html lang="en">
 
+  <head>
 
+    <meta charset="UTF-8" />
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
+    <title>Prototype Design</title>
 
+    <script type="module" crossorigin src="/ide/proxy/6008/assets/index-BekN1hYL.js"></script>
 
+    <link rel="stylesheet" crossorigin href="/ide/proxy/6008/assets/index-BgACLjNj.css">
 
+  </head>
 
+  <body>
 
+    <div id="app"></div>
 
+  </body>
 
+</html>

+ 122 - 8
src/views/HomeView.vue
View File 

@@ -1,19 +1,133 @@
 
 <template>
 
 <template>
 
   <div class="home">
 
   <div class="home">
 
-    <h2>欢迎使用Prototype Design, 请您根据您的需要设计您的Prototype</h2>
 
+    <header>
 
+      <nav>
 
+        <ul>
 
+          <li><router-link to="/">首页</router-link></li>
 
+          <li><router-link to="/product-list">全部商品</router-link></li>
 
+          <li><router-link to="/cart">购物车</router-link></li>
 
+          <li><router-link to="/order">我的订单</router-link></li>
 
+          <li><router-link to="/user-profile">个人中心</router-link></li>
 
+        </ul>
 
+      </nav>
 
+    </header>
 
+    <main>
 
+      <section class="carousel">
 
+        <h2>热门商品轮播</h2>
 
+        <div class="carousel-images">
 
+          <img src="@/assets/img/project_view.png" alt="Product 1" />
 
+          <img src="@/assets/img/prompt_view.png" alt="Product 2" />
 
+          <img src="@/assets/img/upload_view.png" alt="Product 3" />
 
+        </div>
 
+      </section>
 
+      <section class="featured-products">
 
+        <h2>推荐商品</h2>
 
+        <div class="product-list">
 
+          <div class="product-item">
 
+            <img src="@/assets/img/project_view.png" alt="Product 1" />
 
+            <p>产品1 - 描述</p>
 
+          </div>
 
+          <div class="product-item">
 
+            <img src="@/assets/img/prompt_view.png" alt="Product 2" />
 
+            <p>产品2 - 描述</p>
 
+          </div>
 
+          <div class="product-item">
 
+            <img src="@/assets/img/upload_view.png" alt="Product 3" />
 
+            <p>产品3 - 描述</p>
 
+          </div>
 
+        </div>
 
+      </section>
 
+      <section class="categories">
 
+        <h2>商品分类</h2>
 
+        <!-- 商品分类导航 -->
 
+      </section>
 
+    </main>
 
+    <footer>
 
+      <p>&copy; 2025 Prototype Design. All rights reserved.</p>
 
+    </footer>
 
   </div>
 
   </div>
 
 </template>
 
 </template>
 
 
 
 <script>
 
 <script>
 
-
 
-export default {}
 
+export default {
 
+  name: 'HomeView',
 
+}
 
 </script>
 
 </script>
 
-<style>
 
+
 
+<style scoped>
 
 .home {
 
 .home {
 
-  height: 100vh;
 
-  width: 100vw;
 
   display: flex;
 
   display: flex;
 
-  justify-content: center;
 
-  align-items: center;
 
+  flex-direction: column;
 
+  min-height: 100vh;
 
+}
 
+
 
+header nav ul {
 
+  list-style-type: none;
 
+  padding: 0;
 
+  display: flex;
 
+  justify-content: space-around;
 
+  background-color: #f8f8f8;
 
+}
 
+
 
+header nav ul li a {
 
+  text-decoration: none;
 
+  color: #333;
 
+  padding: 10px 20px;
 
+  display: block;
 
+}
 
+
 
+header nav ul li a:hover {
 
+  background-color: #ddd;
 
+}
 
+
 
+main {
 
+  flex: 1;
 
+  padding: 20px;
 
+}
 
+
 
+.carousel,
 
+.featured-products,
 
+.categories {
 
+  margin-bottom: 20px;
 
+}
 
+
 
+.carousel-images {
 
+  display: flex;
 
+  overflow-x: scroll;
 
+  white-space: nowrap;
 
+}
 
+
 
+.carousel-images img {
 
+  width: 300px;
 
+  height: auto;
 
+  margin-right: 10px;
 
+}
 
+
 
+.product-list {
 
+  display: flex;
 
+  flex-wrap: wrap;
 
+  gap: 10px;
 
+}
 
+
 
+.product-item {
 
+  border: 1px solid #ddd;
 
+  padding: 10px;
 
+  width: 200px;
 
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
 
+}
 
+
 
+.product-item img {
 
+  width: 100%;
 
+  height: auto;
 
+}
 
+
 
+.product-item p {
 
+  margin-top: 5px;
 
+}
 
+
 
+footer {
 
+  text-align: center;
 
+  padding: 10px;
 
+  background-color: #f8f8f8;
 
 }
 
 }
 
 </style>
 
 </style>

+ 0 - 21
src/views/ProductListView.vue
View File 

@@ -14,24 +14,3 @@
 
   padding: 20px;
 
   padding: 20px;
 
 }
 
 }
 
 </style>
 
 </style>
 
-</write_to_file>
 
-
 
-<write_to_file>
 
-<path>src/views/ProductDetailView.vue</path>
 
-<content>
 
-<template>
 
-  <div class="product-detail">
 
-    <h1>商品详情</h1>
 
-    <!-- 商品详情将在这里展示 -->
 
-  </div>
 
-</template>
 
-
 
-<script setup>
 
-// 这里可以引入数据和逻辑
 
-</script>
 
-
 
-<style scoped>
 
-.product-detail {
 
-  padding: 20px;
 
-}
 
-</style>

+ 6 - 0
vite.config.js
View File 

@@ -1,4 +1,5 @@
 
 import { defineConfig } from 'vite'
 
 import { defineConfig } from 'vite'
 
+import { resolve } from 'path'
 
 import vue from '@vitejs/plugin-vue'
 
 import vue from '@vitejs/plugin-vue'
 
 
 
 const port = process.env.PORT ? parseInt(process.env.PORT) : 3000;
 
 const port = process.env.PORT ? parseInt(process.env.PORT) : 3000;
 
@@ -8,6 +9,11 @@ export default defineConfig({
 
     vue()
 
     vue()
 
   ],
 
   ],
 
   base: `/ide/proxy/${port}/`,
 
   base: `/ide/proxy/${port}/`,
 
+  resolve: {
 
+    alias: {
 
+      '@': resolve(__dirname, 'src')
 
+    },
 
+  },
 
   server: {
 
   server: {
 
     host: '0.0.0.0', // 监听所有网络
 
     host: '0.0.0.0', // 监听所有网络
 
     port, // 确保端口匹配
 
     port, // 确保端口匹配

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