-
- ![]()
+ ![]()
-
- 2022新款Apple/苹果iPhone 14 Plus手机6.7
+ {{ item.name }}
- 满4减3
+ {{ item.discount }}
￥
-
- 6099
+ {{ item.price }}
已售223件
+ 已售{{ item.sold }}件
+
@@ -70,9 +71,12 @@
import {onMounted, reactive} from "vue";
import Utils from "@/utils";
import Scroll from "@/components/Scroll.vue";
+import goods from "@/assets/data/goods";
+import {useNav} from "@/utils/hooks/useNav";
+const nav = useNav()
const state = reactive({
- list: [],
+ list: goods.list,
listEl: null,
fixed: false
})
@@ -84,7 +88,7 @@ function loadData() {
src: new URL(`../../../assets/img/poster/${i}.jpg`, import.meta.url).href,
author: new URL(`../../../assets/img/avatar.png`, import.meta.url).href,
}
- state.list.push(temp)
+ // state.list.push(temp)
}
}
@@ -94,7 +98,7 @@ onMounted(() => {
src: new URL(`../../../assets/img/poster/${i}.jpg`, import.meta.url).href,
author: new URL(`../../../assets/img/avatar.png`, import.meta.url).href,
}
- state.list.push(temp)
+ // state.list.push(temp)
}
})
@@ -255,6 +259,10 @@ onMounted(() => {
color: black;
font-size: 16rem;
margin-bottom: 8rem;
+ @lh: 18rem;
+ line-height: @lh;
+ height: @lh * 2;
+ overflow: hidden;
}
.discounts {
diff --git a/src/pages/test/Test.vue b/src/pages/test/Test.vue
index 2628eb4..6ac1b59 100644
--- a/src/pages/test/Test.vue
+++ b/src/pages/test/Test.vue
@@ -25,7 +25,7 @@ import slideHooks from '../home/index.vue'
import TestSwiperJs from "./TestSwiperJs";
import {mat4} from "gl-matrix";
import UserPanel from "@/components/UserPanel.vue";
-import Shop from "@/pages/home/slide/Shop.vue";
+import Shop from "@/pages/shop/Shop.vue";
import Community from "@/pages/home/slide/Community.vue";
export default {
diff --git a/src/router/routes.js b/src/router/routes.js
index 80771ed..1052b1d 100644
--- a/src/router/routes.js
+++ b/src/router/routes.js
@@ -64,6 +64,7 @@ import VerificationCode from "../pages/login/VerificationCode";
import RetrievePassword from "../pages/login/RetrievePassword";
import Help from "../pages/login/Help";
import Uploader from "../pages/me/Uploader";
+import GoodsDetail from "@/pages/shop/GoodsDetail.vue";
const routes = [
{path: '/', redirect: '/home'},
@@ -80,6 +81,8 @@ const routes = [
{path: '/home/live', component: LivePage},
{path: '/home/search', component: Search},
+ {path: '/shop/detail', component: GoodsDetail},
+
{path: '/me', component: Me,},
{path: '/me/edit-userinfo', component: EditUserInfo},
{path: '/me/edit-userinfo-item', component: EditUserInfoItem},
近30天低价