Hooke / hager

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
2e99c860 1 parent 2b87ffb5

✨ feat: 新增标题组件和查看更多组件

Inline Side-by-side
Showing 3 changed files with 105 additions and 0 deletions
...@@ -10,6 +10,8 @@ declare module 'vue' { ...@@ -10,6 +10,8 @@ declare module 'vue' {
10 ElBreadcrumb: typeof import('element-ui/lib/breadcrumb')['default'] 10 ElBreadcrumb: typeof import('element-ui/lib/breadcrumb')['default']
11 ElBreadcrumbItem: typeof import('element-ui/lib/breadcrumb-item')['default'] 11 ElBreadcrumbItem: typeof import('element-ui/lib/breadcrumb-item')['default']
12 ElButton: typeof import('element-ui/lib/button')['default'] 12 ElButton: typeof import('element-ui/lib/button')['default']
13 + ElCarousel: typeof import('element-ui/lib/carousel')['default']
14 + ElCarouselItem: typeof import('element-ui/lib/carousel-item')['default']
13 ElCol: typeof import('element-ui/lib/col')['default'] 15 ElCol: typeof import('element-ui/lib/col')['default']
14 ElCollapse: typeof import('element-ui/lib/collapse')['default'] 16 ElCollapse: typeof import('element-ui/lib/collapse')['default']
15 ElCollapseItem: typeof import('element-ui/lib/collapse-item')['default'] 17 ElCollapseItem: typeof import('element-ui/lib/collapse-item')['default']
...@@ -20,7 +22,12 @@ declare module 'vue' { ...@@ -20,7 +22,12 @@ declare module 'vue' {
20 HagerBox: typeof import('./src/components/common/hagerBox.vue')['default'] 22 HagerBox: typeof import('./src/components/common/hagerBox.vue')['default']
21 HagerCarousel: typeof import('./src/components/hagerCarousel.vue')['default'] 23 HagerCarousel: typeof import('./src/components/hagerCarousel.vue')['default']
22 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']
23 HagerHeader: typeof import('./src/components/common/hagerHeader.vue')['default'] 26 HagerHeader: typeof import('./src/components/common/hagerHeader.vue')['default']
27 + HagerHT: typeof import('./src/components/common/hagerHT.vue')['default']
28 + HagerMore: typeof import('./src/components/hagerMore.vue')['default']
29 + HagerT: typeof import('./src/components/common/hagerT.vue')['default']
30 + HargerMore: typeof import('./src/components/hargerMore.vue')['default']
24 Navbar: typeof import('./src/components/navbar.vue')['default'] 31 Navbar: typeof import('./src/components/navbar.vue')['default']
25 RouterLink: typeof import('vue-router')['RouterLink'] 32 RouterLink: typeof import('vue-router')['RouterLink']
26 RouterView: typeof import('vue-router')['RouterView'] 33 RouterView: typeof import('vue-router')['RouterView']
......
1 +<!--
2 + * @Date: 2024-09-29 10:07:11
3 + * @LastEditors: hookehuyr hookehuyr@gmail.com
4 + * @LastEditTime: 2024-09-29 10:12:22
5 + * @FilePath: /hager/src/components/common/hagerH1.vue
6 + * @Description: 文件描述
7 +-->
8 +<template>
9 + <div class="hagerH1">
10 + <p class="h1">{{ title }}</p>
11 + <p class="sub">{{ sub }}</p>
12 + </div>
13 +</template>
14 +
15 +<script>
16 +import mixin from 'common/mixin';
17 +
18 +export default {
19 + mixins: [mixin.init],
20 + props: {
21 + title: {
22 + type: String,
23 + default: '标题'
24 + },
25 + sub: {
26 + type: String,
27 + default: '副标题'
28 + }
29 + },
30 + data () {
31 + return {
32 +
33 + }
34 + },
35 + mounted () {
36 +
37 + },
38 + methods: {
39 +
40 + }
41 +}
42 +</script>
43 +
44 +<style lang="less" scoped>
45 + .hagerH1 {
46 + .h1 {
47 + color: #333;
48 + font-size: 1.75rem;
49 + font-weight: bold;
50 + }
51 + .sub {
52 + color: #999;
53 + font-size: 1.25rem;
54 + font-weight: bold;
55 + }
56 + }
57 +</style>
1 +<!--
2 + * @Date: 2024-09-29 10:31:01
3 + * @LastEditors: hookehuyr hookehuyr@gmail.com
4 + * @LastEditTime: 2024-09-29 10:40:48
5 + * @FilePath: /hager/src/components/hagerMore.vue
6 + * @Description: 文件描述
7 +-->
8 +<template>
9 + <div class="hager-more">
10 + <i class="el-icon-right"></i> <span style="font-size: 0.9rem;">查看MORE</span>
11 + </div>
12 +</template>
13 +
14 +<script>
15 +import mixin from 'common/mixin';
16 +
17 +export default {
18 + mixins: [mixin.init],
19 + data () {
20 + return {
21 +
22 + }
23 + },
24 + mounted () {
25 +
26 + },
27 + methods: {
28 +
29 + }
30 +}
31 +</script>
32 +
33 +<style lang="less" scoped>
34 + .hager-more {
35 + color: #EE6D10;
36 + padding: 0.5rem 1rem;
37 + border: 1px solid #EE6D10;
38 + border-radius: 4px;
39 + display: inline-block;
40 + }
41 +</style>