| | |
| | | }" |
| | | @click.stop="emit('buttonClick')" |
| | | > |
| | | {{ buttonConfig?.text }} |
| | | {{ buttonConfig?.text || t('components.banner.basic.view') }} |
| | | </div> |
| | | </slot> |
| | | |
| | |
| | | :src="imageConfig.src" |
| | | :style="{ width: imageConfig.width, bottom: imageConfig.bottom, right: imageConfig.right }" |
| | | loading="lazy" |
| | | alt="背景图片" |
| | | :alt="t('components.banner.basic.backgroundAlt')" |
| | | /> |
| | | </div> |
| | | </div> |
| | |
| | | |
| | | <script setup> |
| | | import { onMounted, ref, computed } from 'vue' |
| | | import { useI18n } from 'vue-i18n' |
| | | import { useSettingStore } from '@/store/modules/setting' |
| | | const settingStore = useSettingStore() |
| | | const { isDark } = storeToRefs(settingStore) |
| | | defineOptions({ name: 'ArtBasicBanner' }) |
| | | const { t } = useI18n() |
| | | const props = defineProps({ |
| | | height: { required: false, default: '11rem' }, |
| | | title: { required: false, default: '' }, |
| | |
| | | required: false, |
| | | default: () => ({ |
| | | show: true, |
| | | text: '查看', |
| | | text: '', |
| | | color: '#fff', |
| | | textColor: '#333', |
| | | radius: '6px' |