|
|
@@ -3,15 +3,19 @@
|
|
|
* @Author: uray(1109489444@qq.com)
|
|
|
* @date: 2022-04-13 18:00:09
|
|
|
* @lastEditors: uray(1109489444@qq.com)
|
|
|
- * @lastEditTime: 2022-04-14 14:08:01
|
|
|
+ * @lastEditTime: 2022-04-14 14:23:18
|
|
|
* @FilePath: \toy_box_website\src\page\home\index.vue
|
|
|
-->
|
|
|
|
|
|
<template>
|
|
|
- <div @click="onBtnClick">
|
|
|
+ <!-- <div @click="onBtnClick">
|
|
|
<h1>首页</h1>
|
|
|
<div @click="onBtnClick">点击跳转详情页面</div>
|
|
|
- </div>
|
|
|
+ </div> -->
|
|
|
+
|
|
|
+ <div class="head"></div>
|
|
|
+ <div class="tabs"></div>
|
|
|
+ <div class="goods"></div>
|
|
|
</template>
|
|
|
|
|
|
<script lang="ts">
|
|
|
@@ -27,4 +31,19 @@ export default defineComponent({
|
|
|
});
|
|
|
</script>
|
|
|
|
|
|
-<style lang="less" scoped></style>
|
|
|
+<style lang="less" scoped>
|
|
|
+.head {
|
|
|
+ height: 60px;
|
|
|
+ border: solid 1px red;
|
|
|
+ background-color: #0f0f0f;
|
|
|
+}
|
|
|
+.tabs {
|
|
|
+ height: 420px;
|
|
|
+ border: solid 1px green;
|
|
|
+}
|
|
|
+.goods {
|
|
|
+ height: calc(~"100vh - 400px");
|
|
|
+ background-color: #f5f5f5;
|
|
|
+ border: solid 1px blue;
|
|
|
+}
|
|
|
+</style>
|
