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' { ...@@ -23,6 +23,7 @@ declare module 'vue' {
23 HagerCarousel: typeof import('./src/components/hagerCarousel.vue')['default'] 23 HagerCarousel: typeof import('./src/components/hagerCarousel.vue')['default']
24 HagerFooter: typeof import('./src/components/common/hagerFooter.vue')['default'] 24 HagerFooter: typeof import('./src/components/common/hagerFooter.vue')['default']
25 HagerH1: typeof import('./src/components/common/hagerH1.vue')['default'] 25 HagerH1: typeof import('./src/components/common/hagerH1.vue')['default']
26 + HagerHCarousel: typeof import('./src/components/hagerHCarousel.vue')['default']
26 HagerHeader: typeof import('./src/components/common/hagerHeader.vue')['default'] 27 HagerHeader: typeof import('./src/components/common/hagerHeader.vue')['default']
27 HagerHT: typeof import('./src/components/common/hagerHT.vue')['default'] 28 HagerHT: typeof import('./src/components/common/hagerHT.vue')['default']
28 HagerMore: typeof import('./src/components/hagerMore.vue')['default'] 29 HagerMore: typeof import('./src/components/hagerMore.vue')['default']
......
1 /* 1 /*
2 * @Date: 2024-08-26 10:42:15 2 * @Date: 2024-08-26 10:42:15
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2024-09-29 14:27:23 4 + * @LastEditTime: 2024-09-29 16:11:58
5 * @FilePath: /hager/src/route.js 5 * @FilePath: /hager/src/route.js
6 * @Description: 文件描述 6 * @Description: 文件描述
7 */ 7 */
...@@ -29,4 +29,20 @@ export default [{ ...@@ -29,4 +29,20 @@ export default [{
29 title: '海格电器' 29 title: '海格电器'
30 }, 30 },
31 children: [] 31 children: []
32 +}, {
33 + path: '/solution/index',
34 + name: '解决方案',
35 + component: () => import('@/views/solution/index'),
36 + meta: {
37 + title: '海格电器'
38 + },
39 + children: []
40 +}, {
41 + path: '/solution/detail',
42 + name: '解决方案详情',
43 + component: () => import('@/views/solution/detail'),
44 + meta: {
45 + title: '海格电器'
46 + },
47 + children: []
32 }] 48 }]
......
1 <!-- 1 <!--
2 * @Date: 2024-08-27 10:06:30 2 * @Date: 2024-08-27 10:06:30
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2024-09-29 15:03:02 4 + * @LastEditTime: 2024-09-29 16:49:36
5 * @FilePath: /hager/src/views/index.vue 5 * @FilePath: /hager/src/views/index.vue
6 * @Description: 文件描述 6 * @Description: 文件描述
7 --> 7 -->
8 <template> 8 <template>
9 <div class="hager-container"> 9 <div class="hager-container">
10 - <el-carousel height="40rem" :interval="8000" style="margin-top: 5rem;"> 10 + <el-carousel height="40rem" :interval="8000">
11 <el-carousel-item v-for="item in 4" :key="item"> 11 <el-carousel-item v-for="item in 4" :key="item">
12 <el-image style="width: 100%; height: 100%;" fit="cover" src="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg"></el-image> 12 <el-image style="width: 100%; height: 100%;" fit="cover" src="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg"></el-image>
13 </el-carousel-item> 13 </el-carousel-item>
......
1 +<!--
2 + * @Date: 2024-09-29 15:49:27
3 + * @LastEditors: hookehuyr hookehuyr@gmail.com
4 + * @LastEditTime: 2024-09-29 16:30:31
5 + * @FilePath: /hager/src/views/solution/detail.vue
6 + * @Description: 文件描述
7 +-->
8 +<template>
9 + <div class="hager-solution-detail">
10 + <el-image style="width: 100%; height: 25rem" fit="cover" src="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg"></el-image>
11 + <hager-box class="box-n">
12 + <el-row :gutter="0">
13 + <el-col :span="12" style="height: 25rem;">
14 + <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">
15 + </el-col>
16 + <el-col :span="12" style="background-color: #FFF; height: 25rem;">
17 + <div style="padding: 3rem;">
18 + <div style="font-weight: bold; font-size: 1.25rem;">学校解决方案</div>
19 + <p>Electronic solutions</p>
20 + <p style="margin: 2rem 0;">淨於电气开乐驾能民电峰决方案，提供安全。可靠。摄作友好。易于堆护的电力划！ 1h14. n53 X0(009121 3098. 228 41324849 56MeD 换至备用电源，保障救学和生活的连续性。</p>
21 + <i class="el-icon-right"></i>
22 + </div>
23 + </el-col>
24 + </el-row>
25 + <hager-h1 title="使用产品" sub="Our advantages" style="margin: 2rem 0;"></hager-h1>
26 + <hager-h-carousel></hager-h-carousel>
27 + </hager-box>
28 + </div>
29 +</template>
30 +
31 +<script>
32 +import mixin from 'common/mixin';
33 +import hagerBox from '@/components/common/hagerBox';
34 +import hagerH1 from '@/components/common/hagerH1.vue';
35 +import hagerMore from '@/components/hagerMore.vue';
36 +import hagerHCarousel from '@/components/hagerHCarousel.vue';
37 +
38 +export default {
39 + components: { hagerBox, hagerH1, hagerMore, hagerHCarousel },
40 + mixins: [mixin.init],
41 + data () {
42 + return {
43 +
44 + }
45 + },
46 + mounted () {
47 +
48 + },
49 + methods: {
50 +
51 + }
52 +}
53 +</script>
54 +
55 +<style lang="less" scoped>
56 +.hager-solution-detail {
57 + .box-n {
58 + background-color: #fff;
59 + padding: 2rem 0;
60 + }
61 + .box-2n {
62 + background-color: #f1f1f1;
63 + padding: 2rem 0;
64 + }
65 +}
66 +</style>
1 +<template>
2 + <div class="hager-solution-index"></div>
3 +</template>
4 +
5 +<script>
6 +import mixin from 'common/mixin';
7 +
8 +export default {
9 + mixins: [mixin.init],
10 + data () {
11 + return {
12 +
13 + }
14 + },
15 + mounted () {
16 +
17 + },
18 + methods: {
19 +
20 + }
21 +}
22 +</script>
23 +
24 +<style lang="less" scoped>
25 +.hager-solution-index {}
26 +</style>