Hooke / hager

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
0e6f982c 1 parent c9d66e92

新增解决方案和详情页面

Inline Side-by-side
Showing 5 changed files with 112 additions and 3 deletions
......@@ -23,6 +23,7 @@ declare module 'vue' {
HagerCarousel: typeof import('./src/components/hagerCarousel.vue')['default']
HagerFooter: typeof import('./src/components/common/hagerFooter.vue')['default']
HagerH1: typeof import('./src/components/common/hagerH1.vue')['default']
HagerHCarousel: typeof import('./src/components/hagerHCarousel.vue')['default']
HagerHeader: typeof import('./src/components/common/hagerHeader.vue')['default']
HagerHT: typeof import('./src/components/common/hagerHT.vue')['default']
HagerMore: typeof import('./src/components/hagerMore.vue')['default']
......
/*
* @Date: 2024-08-26 10:42:15
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2024-09-29 14:27:23
* @LastEditTime: 2024-09-29 16:11:58
* @FilePath: /hager/src/route.js
* @Description: 文件描述
*/
......@@ -29,4 +29,20 @@ export default [{
title: '海格电器'
},
children: []
}, {
path: '/solution/index',
name: '解决方案',
component: () => import('@/views/solution/index'),
meta: {
title: '海格电器'
},
children: []
}, {
path: '/solution/detail',
name: '解决方案详情',
component: () => import('@/views/solution/detail'),
meta: {
title: '海格电器'
},
children: []
}]
......
<!--
* @Date: 2024-08-27 10:06:30
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2024-09-29 15:03:02
* @LastEditTime: 2024-09-29 16:49:36
* @FilePath: /hager/src/views/index.vue
* @Description: 文件描述
-->
<template>
<div class="hager-container">
<el-carousel height="40rem" :interval="8000" style="margin-top: 5rem;">
<el-carousel height="40rem" :interval="8000">
<el-carousel-item v-for="item in 4" :key="item">
<el-image style="width: 100%; height: 100%;" fit="cover" src="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg"></el-image>
</el-carousel-item>
......
<!--
* @Date: 2024-09-29 15:49:27
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2024-09-29 16:30:31
* @FilePath: /hager/src/views/solution/detail.vue
* @Description: 文件描述
-->
<template>
<div class="hager-solution-detail">
<el-image style="width: 100%; height: 25rem" fit="cover" src="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg"></el-image>
<hager-box class="box-n">
<el-row :gutter="0">
<el-col :span="12" style="height: 25rem;">
<img style="width: 100%; height: 100%; border-radius: 5px;object-fit: cover;" src="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg" alt="News Image 1">
</el-col>
<el-col :span="12" style="background-color: #FFF; height: 25rem;">
<div style="padding: 3rem;">
<div style="font-weight: bold; font-size: 1.25rem;">学校解决方案</div>
<p>Electronic solutions</p>
<p style="margin: 2rem 0;">淨於电气开乐驾能民电峰决方案，提供安全。可靠。摄作友好。易于堆护的电力划！ 1h14. n53 X0(009121 3098. 228 41324849 56MeD 换至备用电源，保障救学和生活的连续性。</p>
<i class="el-icon-right"></i>
</div>
</el-col>
</el-row>
<hager-h1 title="使用产品" sub="Our advantages" style="margin: 2rem 0;"></hager-h1>
<hager-h-carousel></hager-h-carousel>
</hager-box>
</div>
</template>
<script>
import mixin from 'common/mixin';
import hagerBox from '@/components/common/hagerBox';
import hagerH1 from '@/components/common/hagerH1.vue';
import hagerMore from '@/components/hagerMore.vue';
import hagerHCarousel from '@/components/hagerHCarousel.vue';
export default {
components: { hagerBox, hagerH1, hagerMore, hagerHCarousel },
mixins: [mixin.init],
data () {
return {
}
},
mounted () {
},
methods: {
}
}
</script>
<style lang="less" scoped>
.hager-solution-detail {
.box-n {
background-color: #fff;
padding: 2rem 0;
}
.box-2n {
background-color: #f1f1f1;
padding: 2rem 0;
}
}
</style>
<template>
<div class="hager-solution-index"></div>
</template>
<script>
import mixin from 'common/mixin';
export default {
mixins: [mixin.init],
data () {
return {
}
},
mounted () {
},
methods: {
}
}
</script>
<style lang="less" scoped>
.hager-solution-index {}
</style>