hookehuyr

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

......@@ -10,6 +10,8 @@ declare module 'vue' {
ElBreadcrumb: typeof import('element-ui/lib/breadcrumb')['default']
ElBreadcrumbItem: typeof import('element-ui/lib/breadcrumb-item')['default']
ElButton: typeof import('element-ui/lib/button')['default']
ElCarousel: typeof import('element-ui/lib/carousel')['default']
ElCarouselItem: typeof import('element-ui/lib/carousel-item')['default']
ElCol: typeof import('element-ui/lib/col')['default']
ElCollapse: typeof import('element-ui/lib/collapse')['default']
ElCollapseItem: typeof import('element-ui/lib/collapse-item')['default']
......@@ -20,7 +22,12 @@ declare module 'vue' {
HagerBox: typeof import('./src/components/common/hagerBox.vue')['default']
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']
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']
HagerT: typeof import('./src/components/common/hagerT.vue')['default']
HargerMore: typeof import('./src/components/hargerMore.vue')['default']
Navbar: typeof import('./src/components/navbar.vue')['default']
RouterLink: typeof import('vue-router')['RouterLink']
RouterView: typeof import('vue-router')['RouterView']
......
<!--
* @Date: 2024-09-29 10:07:11
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2024-09-29 10:12:22
* @FilePath: /hager/src/components/common/hagerH1.vue
* @Description: 文件描述
-->
<template>
<div class="hagerH1">
<p class="h1">{{ title }}</p>
<p class="sub">{{ sub }}</p>
</div>
</template>
<script>
import mixin from 'common/mixin';
export default {
mixins: [mixin.init],
props: {
title: {
type: String,
default: '标题'
},
sub: {
type: String,
default: '副标题'
}
},
data () {
return {
}
},
mounted () {
},
methods: {
}
}
</script>
<style lang="less" scoped>
.hagerH1 {
.h1 {
color: #333;
font-size: 1.75rem;
font-weight: bold;
}
.sub {
color: #999;
font-size: 1.25rem;
font-weight: bold;
}
}
</style>
<!--
* @Date: 2024-09-29 10:31:01
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2024-09-29 10:40:48
* @FilePath: /hager/src/components/hagerMore.vue
* @Description: 文件描述
-->
<template>
<div class="hager-more">
<i class="el-icon-right"></i> <span style="font-size: 0.9rem;">查看MORE</span>
</div>
</template>
<script>
import mixin from 'common/mixin';
export default {
mixins: [mixin.init],
data () {
return {
}
},
mounted () {
},
methods: {
}
}
</script>
<style lang="less" scoped>
.hager-more {
color: #EE6D10;
padding: 0.5rem 1rem;
border: 1px solid #EE6D10;
border-radius: 4px;
display: inline-block;
}
</style>