sundongyu/dykj-official-website
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

✨ feat: 首页头部图标位置完成

Browse Source
This commit is contained in:
ycy 2024-03-31 14:07:15 +08:00
parent 3f6d65e798
commit b4aed533a1
5 changed files with 71 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
index.html
View File

@ -1,13 +1,16 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="icon" href="/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Vite App</title>
</head>
<body>
<div id="app"></div>
<script type="module" src="/src/main.ts"></script>
</body>
<head>
<meta charset="UTF-8">
<link rel="icon" href="/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>黑龙江东印科技有限公司</title>
</head>
<body>
<div id="app"></div>
<script type="module" src="/src/main.ts"></script>
</body>
</html>

9
src/App.vue
View File

@ -4,7 +4,12 @@
</div>
</template>
<script setup lang="ts">
import Index from './pages/index.vue'
import Index from "./pages/index.vue";
</script>
<style scoped></style>
<style scoped lang="less">
.box {
width: 100%;
overflow-x: hidden;
}
</style>

37
src/pages/header/index.vue
View File

@ -0,0 +1,37 @@
<template>
<div class="app-container">
<div class="container">
<div class="logo-container">
<img
width="136"
class="logo"
src="http://dykj.co/logo.png"
alt="logo"
/>
</div>
<div></div>
</div>
<div>1</div>
</div>
</template>
<script setup lang="ts"></script>
<style scoped lang="less">
.app-container {
background: radial-gradient(circle, #2aae67, #fff);
width: 100%;
height: 70px;
display: flex;
justify-content: center;
.container {
width: 70%;
display: flex;
.logo-container {
img {
margin-top: -35px;
}
}
}
}
</style>

22
src/pages/index.vue
View File

@ -1,15 +1,17 @@
<template>
<t-space direction="vertical">
<div>
<t-layout>
<t-header>Header</t-header>
<t-content>Content</t-content>
<t-footer>Footer</t-footer>
</t-layout>
</div>
</t-space>
<div>
<t-layout>
<t-header>
<hesder-top />
</t-header>
<t-content>Content</t-content>
<t-footer>Footer</t-footer>
</t-layout>
</div>
</template>
<script setup lang="ts"></script>
<script setup lang="ts">
import hesderTop from "./header/index.vue";
</script>
<style scoped></style>

2
tsconfig.app.json
View File

@ -1,6 +1,6 @@
{
"extends": "@vue/tsconfig/tsconfig.dom.json",
"include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
"include": ["env.d.ts", "src/**/*", "src/**/*.vue" ],
"exclude": ["src/**/__tests__/*"],
"compilerOptions": {
"composite": true,