Compare commits
2 Commits
f290b970db
...
5832ee5fcc
| Author | SHA1 | Date |
|---|---|---|
zjlnb666
|
5832ee5fcc | 1 month ago |
|
zjlnb666
|
642bc43e30 | 1 month ago |
@ -0,0 +1,27 @@
|
||||
{
|
||||
"name": "vue-project",
|
||||
"version": "0.0.0",
|
||||
"private": true,
|
||||
"type": "module",
|
||||
"engines": {
|
||||
"node": "^20.19.0 || >=22.12.0"
|
||||
},
|
||||
"scripts": {
|
||||
"dev": "vite",
|
||||
"build": "vite build",
|
||||
"preview": "vite preview"
|
||||
},
|
||||
"dependencies": {
|
||||
"@element-plus/icons-vue": "^2.3.2",
|
||||
"element-plus": "^2.13.0",
|
||||
"pinia": "^3.0.4",
|
||||
"vue": "^3.5.25",
|
||||
"vue-router": "^4.6.3"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@vitejs/plugin-vue": "^6.0.2",
|
||||
"less": "^4.5.1",
|
||||
"vite": "^7.2.4",
|
||||
"vite-plugin-vue-devtools": "^8.0.5"
|
||||
}
|
||||
}
|
||||
@ -1,11 +1,15 @@
|
||||
<script setup></script>
|
||||
<script setup>
|
||||
|
||||
import HeaderNav from "@/components/HeaderNav.vue";
|
||||
import Footer from "@/components/Footer.vue"
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<h1>You did it!</h1>
|
||||
<p>
|
||||
Visit <a href="https://vuejs.org/" target="_blank" rel="noopener">vuejs.org</a> to read the
|
||||
documentation
|
||||
</p>
|
||||
<HeaderNav></HeaderNav>
|
||||
<router-view></router-view>
|
||||
<Footer></Footer>
|
||||
</template>
|
||||
|
||||
<style scoped></style>
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
|
||||
|
After Width: | Height: | Size: 28 KiB |
|
After Width: | Height: | Size: 249 KiB |
|
After Width: | Height: | Size: 277 KiB |
|
After Width: | Height: | Size: 151 KiB |
|
After Width: | Height: | Size: 289 KiB |
|
After Width: | Height: | Size: 229 KiB |
|
After Width: | Height: | Size: 466 KiB |
|
After Width: | Height: | Size: 137 KiB |
|
After Width: | Height: | Size: 134 KiB |
|
After Width: | Height: | Size: 136 KiB |
|
After Width: | Height: | Size: 135 KiB |
|
After Width: | Height: | Size: 930 KiB |
|
After Width: | Height: | Size: 114 KiB |
|
After Width: | Height: | Size: 1.1 MiB |
|
After Width: | Height: | Size: 152 KiB |
|
After Width: | Height: | Size: 196 KiB |
|
After Width: | Height: | Size: 74 KiB |
|
After Width: | Height: | Size: 50 KiB |
|
After Width: | Height: | Size: 78 KiB |
|
After Width: | Height: | Size: 54 KiB |
|
After Width: | Height: | Size: 284 KiB |
|
After Width: | Height: | Size: 623 KiB |
|
After Width: | Height: | Size: 272 KiB |
|
After Width: | Height: | Size: 7.7 KiB |
|
After Width: | Height: | Size: 7.7 KiB |
|
After Width: | Height: | Size: 34 KiB |
|
After Width: | Height: | Size: 235 KiB |
|
After Width: | Height: | Size: 166 KiB |
|
After Width: | Height: | Size: 344 KiB |
|
After Width: | Height: | Size: 179 KiB |
|
After Width: | Height: | Size: 31 KiB |
|
After Width: | Height: | Size: 198 KiB |
|
After Width: | Height: | Size: 3.0 KiB |
|
After Width: | Height: | Size: 514 KiB |
|
After Width: | Height: | Size: 451 KiB |
|
After Width: | Height: | Size: 839 B |
|
After Width: | Height: | Size: 442 B |
|
After Width: | Height: | Size: 577 KiB |
|
After Width: | Height: | Size: 733 B |
|
After Width: | Height: | Size: 714 B |
|
After Width: | Height: | Size: 778 B |
|
After Width: | Height: | Size: 830 B |
|
After Width: | Height: | Size: 626 B |
|
After Width: | Height: | Size: 620 B |
|
After Width: | Height: | Size: 484 KiB |
|
After Width: | Height: | Size: 599 B |
|
After Width: | Height: | Size: 821 KiB |
|
After Width: | Height: | Size: 849 B |
|
After Width: | Height: | Size: 1.4 MiB |
|
After Width: | Height: | Size: 548 KiB |
|
After Width: | Height: | Size: 130 KiB |
|
After Width: | Height: | Size: 468 KiB |
|
After Width: | Height: | Size: 617 KiB |
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 8.2 KiB |
@ -0,0 +1,3 @@
|
||||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M12.9737 7.19789C13.1693 7.19789 13.3622 7.2122 13.5532 7.23296C13.0327 4.83433 10.4407 3.05176 7.48239 3.05176C4.17471 3.05176 1.46509 5.28286 1.46509 8.1157C1.46509 9.75064 2.36676 11.0934 3.87294 12.1349L3.2712 13.9265L5.3745 12.8825C6.12759 13.0297 6.73114 13.1815 7.48239 13.1815C7.67112 13.1815 7.85799 13.1723 8.04397 13.1575C7.92629 12.7598 7.85799 12.3426 7.85799 11.9102C7.85801 9.30903 10.1154 7.19789 12.9737 7.19789ZM9.73888 5.58328C10.192 5.58328 10.4919 5.8786 10.4919 6.32668C10.4919 6.77289 10.192 7.07191 9.73888 7.07191C9.28756 7.07191 8.83535 6.77289 8.83535 6.32668C8.83535 5.8786 9.28758 5.58328 9.73888 5.58328ZM5.52769 7.07189C5.07638 7.07189 4.62139 6.77288 4.62139 6.32666C4.62139 5.87858 5.07638 5.58326 5.52769 5.58326C5.97851 5.58326 6.27892 5.87858 6.27892 6.32666C6.27892 6.7729 5.97851 7.07189 5.52769 7.07189ZM18.4658 11.8387C18.4658 9.45807 16.0584 7.51767 13.3548 7.51767C10.4919 7.51767 8.23732 9.45807 8.23732 11.8387C8.23732 14.2228 10.4919 16.159 13.3548 16.159C13.9538 16.159 14.5583 16.0104 15.16 15.8609L16.8106 16.7552L16.3579 15.2675C17.566 14.3704 18.4658 13.1815 18.4658 11.8387ZM11.6954 11.0934C11.396 11.0934 11.0937 10.7986 11.0937 10.4977C11.0937 10.201 11.396 9.90245 11.6954 9.90245C12.1504 9.90245 12.4485 10.201 12.4485 10.4977C12.4485 10.7986 12.1504 11.0934 11.6954 11.0934ZM15.0049 11.0934C14.7078 11.0934 14.4074 10.7986 14.4074 10.4977C14.4074 10.201 14.7078 9.90245 15.0049 9.90245C15.4562 9.90245 15.758 10.201 15.758 10.4977C15.758 10.7986 15.4562 11.0934 15.0049 11.0934Z" fill="white"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.6 KiB |
|
Before Width: | Height: | Size: 276 B After Width: | Height: | Size: 82 KiB |
@ -1,35 +1,7 @@
|
||||
@import './base.css';
|
||||
|
||||
#app {
|
||||
max-width: 1280px;
|
||||
margin: 0 auto;
|
||||
padding: 2rem;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
a,
|
||||
.green {
|
||||
text-decoration: none;
|
||||
color: hsla(160, 100%, 37%, 1);
|
||||
transition: 0.4s;
|
||||
padding: 3px;
|
||||
}
|
||||
|
||||
@media (hover: hover) {
|
||||
a:hover {
|
||||
background-color: hsla(160, 100%, 37%, 0.2);
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1024px) {
|
||||
body {
|
||||
display: flex;
|
||||
place-items: center;
|
||||
}
|
||||
|
||||
#app {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
padding: 0 2rem;
|
||||
}
|
||||
body{
|
||||
max-width:1920px;
|
||||
margin:auto;
|
||||
position:relative;
|
||||
}
|
||||
|
||||
@ -1,12 +1,17 @@
|
||||
import { createApp } from 'vue'
|
||||
import { createPinia } from 'pinia'
|
||||
import '@/assets/main.css'
|
||||
|
||||
import App from './App.vue'
|
||||
import router from './router'
|
||||
|
||||
import ElementPlus from 'element-plus'
|
||||
import 'element-plus/dist/index.css'
|
||||
|
||||
const app = createApp(App)
|
||||
|
||||
app.use(createPinia())
|
||||
app.use(router)
|
||||
app.use(ElementPlus)
|
||||
|
||||
app.mount('#app')
|
||||
|
||||
@ -1,8 +1,15 @@
|
||||
import { createRouter, createWebHistory } from 'vue-router'
|
||||
import HomeView from "@/views/HomeView.vue";
|
||||
|
||||
const router = createRouter({
|
||||
history: createWebHistory(import.meta.env.BASE_URL),
|
||||
routes: [],
|
||||
routes: [
|
||||
{
|
||||
path:'/',
|
||||
name:'home',
|
||||
component:HomeView
|
||||
}
|
||||
],
|
||||
})
|
||||
|
||||
export default router
|
||||
|
||||
@ -1,9 +1,53 @@
|
||||
<script setup>
|
||||
import TheWelcome from '../components/TheWelcome.vue'
|
||||
import {reactive} from "vue";
|
||||
|
||||
const swiperItem=reactive([
|
||||
{
|
||||
src:'/src/assets/image/轮播图2.png'
|
||||
},
|
||||
{
|
||||
src:'/src/assets/image/轮播图2.png'
|
||||
},
|
||||
{
|
||||
src:'/src/assets/image/轮播图2.png'
|
||||
},
|
||||
])
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<main>
|
||||
<TheWelcome />
|
||||
</main>
|
||||
<div class="block text-center swiper" m="t-4">
|
||||
<el-carousel trigger="click" height="852px" :arrow="'never'" indicator-position >
|
||||
<el-carousel-item v-for="(item,index) in swiperItem" :key="index">
|
||||
<img :src=item.src :alt=index>
|
||||
</el-carousel-item>
|
||||
</el-carousel>
|
||||
</div>
|
||||
</template>
|
||||
<style scoped lang="less">
|
||||
.swiper{
|
||||
height:852px;
|
||||
.el-carousel{
|
||||
--el-carousel-indicator-height:12.53px;
|
||||
--el-carousel-indicator-width:203.69px;
|
||||
}
|
||||
}
|
||||
.demonstration {
|
||||
color: var(--el-text-color-secondary);
|
||||
}
|
||||
|
||||
.el-carousel__item h3 {
|
||||
color: #475669;
|
||||
opacity: 0.75;
|
||||
line-height: 852px;
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.el-carousel__item:nth-child(2n) {
|
||||
background-color: #99a9bf;
|
||||
}
|
||||
|
||||
.el-carousel__item:nth-child(2n + 1) {
|
||||
background-color: #d3dce6;
|
||||
}
|
||||
</style>
|
||||
|
||||