+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/11 \351\231\210\346\254\243\345\250\201/test/src/components/Inshop.vue" "b/11 \351\231\210\346\254\243\345\250\201/test/src/components/Inshop.vue"
new file mode 100644
index 0000000..d8e44d9
--- /dev/null
+++ "b/11 \351\231\210\346\254\243\345\250\201/test/src/components/Inshop.vue"
@@ -0,0 +1,71 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 全选
+
+
+ 清空购物车
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ 总计 : ￥{{ sum
+ }}
+
+ 结算
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/11 \351\231\210\346\254\243\345\250\201/test/src/components/Product.vue" "b/11 \351\231\210\346\254\243\345\250\201/test/src/components/Product.vue"
new file mode 100644
index 0000000..f14c0a7
--- /dev/null
+++ "b/11 \351\231\210\346\254\243\345\250\201/test/src/components/Product.vue"
@@ -0,0 +1,131 @@
+
+
+ ![]()
+
+
+
+ {{ shopInfo.name }}
+
+ {{ shopInfo.slogan }}
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/11 \351\231\210\346\254\243\345\250\201/test/src/components/Tabbar.vue" "b/11 \351\231\210\346\254\243\345\250\201/test/src/components/Tabbar.vue"
new file mode 100644
index 0000000..ef8a74d
--- /dev/null
+++ "b/11 \351\231\210\346\254\243\345\250\201/test/src/components/Tabbar.vue"
@@ -0,0 +1,62 @@
+
+
+
+
+
+
diff --git "a/11 \351\231\210\346\254\243\345\250\201/test/src/main.js" "b/11 \351\231\210\346\254\243\345\250\201/test/src/main.js"
new file mode 100644
index 0000000..0ef3915
--- /dev/null
+++ "b/11 \351\231\210\346\254\243\345\250\201/test/src/main.js"
@@ -0,0 +1,14 @@
+// import './assets/main.css'
+import './style/base.scss'
+import './style/iconfont.css'
+import router from './router/router.js'
+import {createPinia} from 'pinia'
+
+import { createApp } from 'vue'
+import App from './App.vue'
+
+const app = createApp(App)
+app.use(createPinia())
+app.use(router)
+
+app.mount('#app')
diff --git "a/11 \351\231\210\346\254\243\345\250\201/test/src/router/router.js" "b/11 \351\231\210\346\254\243\345\250\201/test/src/router/router.js"
new file mode 100644
index 0000000..80f5a78
--- /dev/null
+++ "b/11 \351\231\210\346\254\243\345\250\201/test/src/router/router.js"
@@ -0,0 +1,43 @@
+import { createRouter, createWebHistory } from 'vue-router'
+import Layout from '../views/layout/LayoutView.vue'
+import Cart from "../views/cart/CartView.vue"
+import Home from "../views/home/HomeView.vue"
+import Order from "../views/order/OrderView.vue"
+import My from "../views/my/MyView.vue"
+import Shop from "../views/shop/Shop.vue"
+
+const router = createRouter({
+ history: createWebHistory(),
+ routes: [
+ {
+ path: '/',
+ redirect: '/home',
+ component: Layout,
+ children: [
+ {
+ path: 'home',
+ component: Home
+ },
+ {
+ path: 'cart',
+ component: Cart
+ },
+ {
+ path: 'my',
+ component: My
+ },
+ {
+ path: 'order',
+ component: Order
+ },
+ ]
+ },
+ {
+ path: '/shop',
+ component: Shop
+ },
+
+ ]
+})
+
+export default router
\ No newline at end of file
diff --git "a/11 \351\231\210\346\254\243\345\250\201/test/src/stores/cart.js" "b/11 \351\231\210\346\254\243\345\250\201/test/src/stores/cart.js"
new file mode 100644
index 0000000..21321ae
--- /dev/null
+++ "b/11 \351\231\210\346\254\243\345\250\201/test/src/stores/cart.js"
@@ -0,0 +1,8 @@
+import {defineStore} from 'pinia'
+import {ref} from 'vue'
+let useCartStore = defineStore('cart',()=>{
+ return{
+ cartList:ref([])
+ }
+})
+export {useCartStore}
\ No newline at end of file
diff --git "a/11 \351\231\210\346\254\243\345\250\201/test/src/stores/shop.js" "b/11 \351\231\210\346\254\243\345\250\201/test/src/stores/shop.js"
new file mode 100644
index 0000000..28df402
--- /dev/null
+++ "b/11 \351\231\210\346\254\243\345\250\201/test/src/stores/shop.js"
@@ -0,0 +1,175 @@
+import { defineStore } from 'pinia'
+import { ref } from 'vue'
+const useShopStore = defineStore('shop', () => {
+ return {
+ nearByList: ref([
+ {
+ id: 1,
+ name: "沃尔码",
+ imgUrl: "http://www.dell-lee.com/imgs/vue3/near.png",
+ sales: 10000,
+ expressLimit: 0,
+ expressPrice: 5,
+ slogan: "VIP尊享满89元减4元运费券",
+ category: [
+ {
+ id: 11,
+ name: "新鲜水果",
+ list: [
+ {
+ id: 111,
+ title: "番茄 250g / 份",
+ imgName: "tomato",
+ sales: 10,
+ number: 0,
+ checked: true,
+ price: 3.6,
+ oldPrice: 5.6
+ },
+ {
+ id: 112,
+ title: "车厘子 500g / 份",
+ imgName: "cherry",
+ sales: 10,
+ number: 0,
+ checked: true,
+ price: 33.9,
+ oldPrice: 39.9
+ },
+ {
+ id: 113,
+ title: "橙子 500g / 份",
+ imgName: "orange",
+ sales: 110,
+ number: 0,
+ checked: true,
+ price: 12.9,
+ oldPrice: 22.9
+ }
+ ]
+ },
+ {
+ id: 12,
+ name: "海鲜水产",
+ list: [
+ {
+ id: 121,
+ title: "帝王蟹 250g / 份",
+ imgName: "crab",
+ sales: 10,
+ number: 0,
+ checked: true,
+ price: 99.9,
+ oldPrice: 199.9
+ }
+ ]
+ }
+ ],
+ cartList: []
+ },
+ {
+ id: 2,
+ name: "山姆会员商店",
+ imgUrl: "http://www.dell-lee.com/imgs/vue3/near.png",
+ sales: 2000,
+ expressLimit: 0,
+ expressPrice: 5,
+ slogan: "联合利华洗护满10减5",
+ category: [
+ {
+ id: 21,
+ name: "新鲜水果",
+ list: [
+ {
+ id: 211,
+ title: "番茄 250g / 份",
+ imgName: "tomato",
+ sales: 10,
+ number: 0,
+ checked: true,
+ price: 3.6,
+ oldPrice: 5.6
+ },
+ {
+ id: 212,
+ title: "桃子 500g / 份",
+ imgName: "tomato",
+ sales: 10,
+ number: 0,
+ checked: true,
+ price: 33.9,
+ oldPrice: 39.9
+ },
+ {
+ id: 213,
+ title: "橙子 500g / 份",
+ imgName: "orange",
+ sales: 110,
+ number: 0,
+ checked: true,
+ price: 12.9,
+ oldPrice: 22.9
+ }
+ ]
+ },
+ {
+ id: 22,
+ name: "海鲜水产",
+ list: [
+ {
+ id: 221,
+ title: "帝王蟹 250g / 份",
+ imgName: "crab",
+ sales: 9,
+ number: 0,
+ checked: true,
+ price: 99.9,
+ oldPrice: 199.9
+ },
+ {
+ id: 222,
+ title: "虾 250g / 份",
+ imgName: "tomato",
+ sales: 19,
+ number: 0,
+ checked: true,
+ price: 39.9,
+ oldPrice: 59.9
+ }
+ ]
+ },
+ {
+ id: 23,
+ name: "零食小吃",
+ list: [
+ {
+ id: 231,
+ title: "薯片 250g / 份",
+ imgName: "tomato",
+ sales: 20,
+ number: 0,
+ checked: true,
+ price: 9.9,
+ oldPrice: 19.9
+ },
+ {
+ id: 232,
+ title: "饼干 250g / 份",
+ imgName: "tomato",
+ sales: 10,
+ number: 0,
+ checked: true,
+ price: 3.9,
+ oldPrice: 5.9
+ }
+ ]
+ }
+ ],
+ cartList: []
+ }
+ ])
+ }
+}
+)
+
+export default useShopStore
diff --git "a/11 \351\231\210\346\254\243\345\250\201/test/src/style/base.scss" "b/11 \351\231\210\346\254\243\345\250\201/test/src/style/base.scss"
new file mode 100644
index 0000000..b7d4aea
--- /dev/null
+++ "b/11 \351\231\210\346\254\243\345\250\201/test/src/style/base.scss"
@@ -0,0 +1,17 @@
+html {
+ font-size: 100px;
+}
+
+body {
+ font-size: .12rem;
+ margin: 0;
+ padding: 0;
+}
+
+a {
+ //去掉a标签点击背景颜色
+ -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
+ -webkit-user-select: none;
+ -moz-user-focus: none;
+ -moz-user-select: none;
+}
\ No newline at end of file
diff --git "a/11 \351\231\210\346\254\243\345\250\201/test/src/style/iconfont.css" "b/11 \351\231\210\346\254\243\345\250\201/test/src/style/iconfont.css"
new file mode 100644
index 0000000..4fa1b8f
--- /dev/null
+++ "b/11 \351\231\210\346\254\243\345\250\201/test/src/style/iconfont.css"
@@ -0,0 +1,43 @@
+/* CDN 服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
+@font-face {
+ font-family: 'iconfont'; /* Project id 3759887 */
+ src: url('//at.alicdn.com/t/c/font_3759887_yn0hf157sy.woff2?t=1669254870518') format('woff2'),
+ url('//at.alicdn.com/t/c/font_3759887_yn0hf157sy.woff?t=1669254870518') format('woff'),
+ url('//at.alicdn.com/t/c/font_3759887_yn0hf157sy.ttf?t=1669254870518') format('truetype');
+}
+
+.iconfont {
+ font-family: "iconfont" !important;
+ font-size: 16px;
+ font-style: normal;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-position:before {
+ content: "\e619";
+}
+
+.icon-bell:before {
+ content: "\e7e5";
+}
+
+.icon-wodedingdan:before {
+ content: "\e655";
+}
+
+.icon-dingdan:before {
+ content: "\e645";
+}
+
+.icon-home:before {
+ content: "\e651";
+}
+
+.icon-gouwuche:before {
+ content: "\e690";
+}
+
+.icon-wode:before {
+ content: "\e60b";
+}
\ No newline at end of file
diff --git "a/11 \351\231\210\346\254\243\345\250\201/test/src/style/mixins.scss" "b/11 \351\231\210\346\254\243\345\250\201/test/src/style/mixins.scss"
new file mode 100644
index 0000000..2b78818
--- /dev/null
+++ "b/11 \351\231\210\346\254\243\345\250\201/test/src/style/mixins.scss"
@@ -0,0 +1,5 @@
+@mixin ellipse {
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+}
\ No newline at end of file
diff --git "a/11 \351\231\210\346\254\243\345\250\201/test/src/style/viriables.scss" "b/11 \351\231\210\346\254\243\345\250\201/test/src/style/viriables.scss"
new file mode 100644
index 0000000..92b7969
--- /dev/null
+++ "b/11 \351\231\210\346\254\243\345\250\201/test/src/style/viriables.scss"
@@ -0,0 +1,12 @@
+$content-fontcolor: #333;
+$medium-fontColor: #666;
+$light-fontColor: #999;
+$content-notice-fontcolor: #777;
+$content-bgColor: #F1F1F1;
+$search-bgColor: #F5F5F5;
+$search-fontColor: #B7B7B7;
+$hightlight-fontColor: #E93B3B;
+$btn-bgColor: #0091FF;
+$bgColor: #FFF;
+$dark-fontColor: #000;
+$dark-bgColor: #F8F8F8;
\ No newline at end of file
diff --git "a/11 \351\231\210\346\254\243\345\250\201/test/src/views/cart/CartView.vue" "b/11 \351\231\210\346\254\243\345\250\201/test/src/views/cart/CartView.vue"
new file mode 100644
index 0000000..d9ee8d0
--- /dev/null
+++ "b/11 \351\231\210\346\254\243\345\250\201/test/src/views/cart/CartView.vue"
@@ -0,0 +1,7 @@
+
+ 111
+
+
+
diff --git "a/11 \351\231\210\346\254\243\345\250\201/test/src/views/home/HomeView.vue" "b/11 \351\231\210\346\254\243\345\250\201/test/src/views/home/HomeView.vue"
new file mode 100644
index 0000000..db6b689
--- /dev/null
+++ "b/11 \351\231\210\346\254\243\345\250\201/test/src/views/home/HomeView.vue"
@@ -0,0 +1,10 @@
+
+
+ ![]()
+
+
+
+ {{ productInfo.title }}
+
+ ￥{{ productInfo.price }} ￥{{
+ productInfo.oldPrice }}
+
+
+ -
+ {{ productInfo.number }}
+ +
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/11 \351\231\210\346\254\243\345\250\201/test/src/views/home/StaticPart.vue" "b/11 \351\231\210\346\254\243\345\250\201/test/src/views/home/StaticPart.vue"
new file mode 100644
index 0000000..ef0c96c
--- /dev/null
+++ "b/11 \351\231\210\346\254\243\345\250\201/test/src/views/home/StaticPart.vue"
@@ -0,0 +1,123 @@
+
+
+
+
+ 附近店铺
+
+
+ 北京理工大学国防科技园2号楼10层
+
+
+
+
+
+ 山姆会员商店优惠商品
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/11 \351\231\210\346\254\243\345\250\201/test/src/views/layout/LayoutView.vue" "b/11 \351\231\210\346\254\243\345\250\201/test/src/views/layout/LayoutView.vue"
new file mode 100644
index 0000000..ca2fd72
--- /dev/null
+++ "b/11 \351\231\210\346\254\243\345\250\201/test/src/views/layout/LayoutView.vue"
@@ -0,0 +1,12 @@
+
+
+ ![]()
+
+ {{e.desc}}
+
+
+
+
+
+
diff --git "a/11 \351\231\210\346\254\243\345\250\201/test/src/views/my/MyView.vue" "b/11 \351\231\210\346\254\243\345\250\201/test/src/views/my/MyView.vue"
new file mode 100644
index 0000000..2bb1914
--- /dev/null
+++ "b/11 \351\231\210\346\254\243\345\250\201/test/src/views/my/MyView.vue"
@@ -0,0 +1,7 @@
+
+ 333
+
+
+
diff --git "a/11 \351\231\210\346\254\243\345\250\201/test/src/views/order/OrderView.vue" "b/11 \351\231\210\346\254\243\345\250\201/test/src/views/order/OrderView.vue"
new file mode 100644
index 0000000..930579f
--- /dev/null
+++ "b/11 \351\231\210\346\254\243\345\250\201/test/src/views/order/OrderView.vue"
@@ -0,0 +1,7 @@
+
+ 444
+
+
+
diff --git "a/11 \351\231\210\346\254\243\345\250\201/test/src/views/shop/Shop.vue" "b/11 \351\231\210\346\254\243\345\250\201/test/src/views/shop/Shop.vue"
new file mode 100644
index 0000000..aa1b627
--- /dev/null
+++ "b/11 \351\231\210\346\254\243\345\250\201/test/src/views/shop/Shop.vue"
@@ -0,0 +1,140 @@
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/11 \351\231\210\346\254\243\345\250\201/test/vite.config.js" "b/11 \351\231\210\346\254\243\345\250\201/test/vite.config.js"
new file mode 100644
index 0000000..5c45e1d
--- /dev/null
+++ "b/11 \351\231\210\346\254\243\345\250\201/test/vite.config.js"
@@ -0,0 +1,16 @@
+import { fileURLToPath, URL } from 'node:url'
+
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+ plugins: [
+ vue(),
+ ],
+ resolve: {
+ alias: {
+ '@': fileURLToPath(new URL('./src', import.meta.url))
+ }
+ }
+})
--
Gitee
+
+
+
+
+
+
+
+
+
+
+
+
+ 全部商品
+ {{ cate.name }}
+
+
+
+
+
+
+
+
+
+