44 lines
1.0 KiB
Vue
44 lines
1.0 KiB
Vue
<template>
|
|
<div class="title-d public-title" :class="props.themeType">
|
|
<span>{{ props.title }}</span>
|
|
<div v-if="props.themeType !== 'light'">
|
|
<span class="tips"><slot name="right"></slot></span>
|
|
<img src="../assets/img/point.png" alt="" />
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<script setup lang="ts">
|
|
const props = defineProps({
|
|
title: {
|
|
type: String,
|
|
default: () => '',
|
|
},
|
|
isShowMore: {
|
|
type: Boolean,
|
|
default: () => false,
|
|
},
|
|
themeType: {
|
|
type: String,
|
|
},
|
|
});
|
|
const emit = defineEmits(['clickMore']);
|
|
|
|
function clickMore() {
|
|
emit('clickMore');
|
|
}
|
|
</script>
|
|
<style scoped lang="less">
|
|
.title-d {
|
|
padding-left: 17px;
|
|
position: relative;
|
|
text-align: left;
|
|
height: 40px;
|
|
line-height: 40px;
|
|
|
|
font-size: 20px;
|
|
font-weight: 700;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
</style>
|