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

25
index.html
View File

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

9
src/App.vue
View File

@ -4,7 +4,12 @@
</div> </div>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import Index from './pages/index.vue' import Index from "./pages/index.vue";
</script> </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> <template>
<t-space direction="vertical"> <div>
<div> <t-layout>
<t-layout> <t-header>
<t-header>Header</t-header> <hesder-top />
<t-content>Content</t-content> </t-header>
<t-footer>Footer</t-footer> <t-content>Content</t-content>
</t-layout> <t-footer>Footer</t-footer>
</div> </t-layout>
</t-space> </div>
</template> </template>
<script setup lang="ts"></script> <script setup lang="ts">
import hesderTop from "./header/index.vue";
</script>
<style scoped></style> <style scoped></style>

2
tsconfig.app.json
View File

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