refactor:欢迎词
This commit is contained in:
parent
103cd89303
commit
f42f8b0fb3
@ -4,7 +4,7 @@
|
|||||||
<i v-if="leftIcon" class="notice-bar-warp-left-icon" :class="leftIcon"></i>
|
<i v-if="leftIcon" class="notice-bar-warp-left-icon" :class="leftIcon"></i>
|
||||||
<div class="notice-bar-warp-text-box">
|
<div class="notice-bar-warp-text-box">
|
||||||
<div class="notice-bar-warp-text" ref="noticeBarTextRef">
|
<div class="notice-bar-warp-text" ref="noticeBarTextRef">
|
||||||
<div v-html="text" data-slate-editor />
|
<div v-html="displayText" data-slate-editor />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- <SvgIcon :name="rightIcon" v-if="rightIcon" class="notice-bar-warp-right-icon" @click="onRightIconClick" /> -->
|
<!-- <SvgIcon :name="rightIcon" v-if="rightIcon" class="notice-bar-warp-right-icon" @click="onRightIconClick" /> -->
|
||||||
@ -14,10 +14,16 @@
|
|||||||
|
|
||||||
<script setup lang="ts" name="noticeBar">
|
<script setup lang="ts" name="noticeBar">
|
||||||
import { reactive, ref, onMounted, nextTick } from 'vue';
|
import { reactive, ref, onMounted, nextTick } from 'vue';
|
||||||
|
import { useI18n } from 'vue-i18n';
|
||||||
|
|
||||||
|
const { t } = useI18n();
|
||||||
|
|
||||||
|
const defaultText = t('message.list.welcomein') + ' <a href="https://gitee.com/zuohuaijun/Admin.NET" target="_blank">https://gitee.com/zuohuaijun/Admin.NET</a>';
|
||||||
|
|
||||||
|
|
||||||
const props = defineProps({
|
const props = defineProps({
|
||||||
mode: { type: String, default: '' }, // 通知栏模式,可选值为 closeable link
|
mode: { type: String, default: '' }, // 通知栏模式,可选值为 closeable link
|
||||||
text: { type: String, default: '欢迎使用 Admin.NET 通用权限开发框架 <a href="https://gitee.com/zuohuaijun/Admin.NET" target="_blank">https://gitee.com/zuohuaijun/Admin.NET</a>' }, // 通知文本内容
|
text: { type: String, default: ''}, // 通知文本内容
|
||||||
color: { type: String, default: 'var(--el-color-warning)' }, // 通知文本颜色
|
color: { type: String, default: 'var(--el-color-warning)' }, // 通知文本颜色
|
||||||
background: { type: String, default: 'var(--el-color-warning-light-9)' }, // 通知背景色
|
background: { type: String, default: 'var(--el-color-warning-light-9)' }, // 通知背景色
|
||||||
size: { type: [Number, String], default: 14 }, // 字体大小,单位px
|
size: { type: [Number, String], default: 14 }, // 字体大小,单位px
|
||||||
@ -28,6 +34,7 @@ const props = defineProps({
|
|||||||
leftIcon: { type: String, default: 'iconfont icon-tongzhi2' }, // 自定义左侧图标
|
leftIcon: { type: String, default: 'iconfont icon-tongzhi2' }, // 自定义左侧图标
|
||||||
rightIcon: { type: String, default: '' }, // 自定义右侧图标
|
rightIcon: { type: String, default: '' }, // 自定义右侧图标
|
||||||
});
|
});
|
||||||
|
const displayText = ref(props.text || defaultText);
|
||||||
|
|
||||||
const emit = defineEmits(['close', 'link']);
|
const emit = defineEmits(['close', 'link']);
|
||||||
const noticeBarWarpRef = ref<HTMLDivElement | null>(null);
|
const noticeBarWarpRef = ref<HTMLDivElement | null>(null);
|
||||||
@ -42,6 +49,7 @@ const state = reactive({
|
|||||||
// 页面初始化
|
// 页面初始化
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
if (!props.scrollable) {
|
if (!props.scrollable) {
|
||||||
|
displayText.value = defaultText;
|
||||||
initAnimation();
|
initAnimation();
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|||||||
@ -343,5 +343,6 @@ export default {
|
|||||||
realTimeIncome:"Real-Time Einkommen",
|
realTimeIncome:"Real-Time Einkommen",
|
||||||
projectProgress:"Projektfortschritt",
|
projectProgress:"Projektfortschritt",
|
||||||
currentProgress:"Aktueller Fortschritt",
|
currentProgress:"Aktueller Fortschritt",
|
||||||
|
welcomein:'Willkommen bei der Verwendung von Admin.NET - Ein allgemeines Berechtigungsentwicklungssystem'
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|||||||
@ -347,5 +347,6 @@ export default {
|
|||||||
realTimeIncome:"Real-Time Income",
|
realTimeIncome:"Real-Time Income",
|
||||||
projectProgress:"Project Progress",
|
projectProgress:"Project Progress",
|
||||||
currentProgress:"Current Progress",
|
currentProgress:"Current Progress",
|
||||||
|
welcomein:'Welcome to use Admin.NET - A general permission development framework'
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|||||||
@ -347,6 +347,7 @@ export default {
|
|||||||
realTimeIncome:"Ingresos en tiempo real",
|
realTimeIncome:"Ingresos en tiempo real",
|
||||||
projectProgress:"Progreso del proyecto",
|
projectProgress:"Progreso del proyecto",
|
||||||
currentProgress:"Progreso actual",
|
currentProgress:"Progreso actual",
|
||||||
|
welcomein:'Bienvenido a la Verwendung von'
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|||||||
@ -347,5 +347,6 @@ export default {
|
|||||||
realTimeIncome:"Real-Time Tulot",
|
realTimeIncome:"Real-Time Tulot",
|
||||||
projectProgress:"Projektin edistyminen",
|
projectProgress:"Projektin edistyminen",
|
||||||
currentProgress:"Nykyinen edistyminen",
|
currentProgress:"Nykyinen edistyminen",
|
||||||
|
welcomein:'Tervetuloa käyttämään Admin.NET - Yleinen lupauksen kehityssysteemi'
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|||||||
@ -347,6 +347,7 @@ export default {
|
|||||||
realTimeIncome:"Revenu en temps réel",
|
realTimeIncome:"Revenu en temps réel",
|
||||||
projectProgress:"Progression du projet",
|
projectProgress:"Progression du projet",
|
||||||
currentProgress:"Progression actuelle",
|
currentProgress:"Progression actuelle",
|
||||||
|
welcomein:'Bienvenue à l\'utilisation de Admin.NET - Un système de développement de permission général',
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|||||||
@ -347,6 +347,7 @@ export default {
|
|||||||
realTimeIncome:"Income in tempo reale",
|
realTimeIncome:"Income in tempo reale",
|
||||||
projectProgress:"Progresso del progetto",
|
projectProgress:"Progresso del progetto",
|
||||||
currentProgress:"Progresso corrente",
|
currentProgress:"Progresso corrente",
|
||||||
|
welcomein:'Benvenuto all\'utilizzo di Admin.NET - Un sistema di sviluppo di autorizzazioni generali'
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|||||||
@ -347,5 +347,6 @@ export default {
|
|||||||
realTimeIncome:"リアルタイム収入",
|
realTimeIncome:"リアルタイム収入",
|
||||||
projectProgress:"プロジェクト進捗",
|
projectProgress:"プロジェクト進捗",
|
||||||
currentProgress:"現在の進捗",
|
currentProgress:"現在の進捗",
|
||||||
|
welcomein:'Admin.NETの使用へようこそ - 一般的な権限開発フレームワーク',
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|||||||
@ -347,5 +347,6 @@ export default {
|
|||||||
realTimeIncome:"실시간 수입",
|
realTimeIncome:"실시간 수입",
|
||||||
projectProgress:"프로젝트 진행",
|
projectProgress:"프로젝트 진행",
|
||||||
currentProgress:"현재 진행",
|
currentProgress:"현재 진행",
|
||||||
|
welcomein:'Admin.NET의 사용을 환영합니다 - 일반 권한 개발 프레임워크',
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|||||||
@ -347,5 +347,6 @@ export default {
|
|||||||
realTimeIncome:"Real-Time Inntekter",
|
realTimeIncome:"Real-Time Inntekter",
|
||||||
projectProgress:"Prosjekt Fortschritt",
|
projectProgress:"Prosjekt Fortschritt",
|
||||||
currentProgress:"Nåværende Fortschritt",
|
currentProgress:"Nåværende Fortschritt",
|
||||||
|
welcomein:'Velkommen til bruk av Admin.NET - Et generelt tillatelsessystem for utvikling',
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|||||||
@ -347,6 +347,7 @@ export default {
|
|||||||
realTimeIncome:"Dochód w czasie rzeczywistym",
|
realTimeIncome:"Dochód w czasie rzeczywistym",
|
||||||
projectProgress:"Postęp projektu",
|
projectProgress:"Postęp projektu",
|
||||||
currentProgress:"Aktualny postęp",
|
currentProgress:"Aktualny postęp",
|
||||||
|
welcomein:'Witaj w użyciu Admin.NET - Ogólny system rozwoju uprawnień',
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|||||||
@ -347,6 +347,7 @@ export default {
|
|||||||
realTimeIncome:"Receita em tempo real",
|
realTimeIncome:"Receita em tempo real",
|
||||||
projectProgress:"Progresso do projeto",
|
projectProgress:"Progresso do projeto",
|
||||||
currentProgress:"Progresso atual",
|
currentProgress:"Progresso atual",
|
||||||
|
welcomein:'Bem-vindo ao uso do Admin.NET - Um sistema de desenvolvimento de permissões gerais',
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|||||||
@ -347,6 +347,7 @@ export default {
|
|||||||
realTimeIncome:"Реальный доход",
|
realTimeIncome:"Реальный доход",
|
||||||
projectProgress:"Прогресс проекта",
|
projectProgress:"Прогресс проекта",
|
||||||
currentProgress:"Текущий прогресс",
|
currentProgress:"Текущий прогресс",
|
||||||
|
welcomein:'Добро пожаловать в использование Admin.NET - Общий фреймворк для разработки разрешений',
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|||||||
@ -347,5 +347,6 @@ export default {
|
|||||||
realTimeIncome:"实时收入",
|
realTimeIncome:"实时收入",
|
||||||
projectProgress:"项目进度",
|
projectProgress:"项目进度",
|
||||||
currentProgress:"当前进度",
|
currentProgress:"当前进度",
|
||||||
|
welcomein:'欢迎使用 Admin.NET 通用权限开发框架'
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|||||||
@ -347,6 +347,7 @@ export default {
|
|||||||
realTimeIncome:"實時收入",
|
realTimeIncome:"實時收入",
|
||||||
projectProgress:"項目進度",
|
projectProgress:"項目進度",
|
||||||
currentProgress:"當前進度",
|
currentProgress:"當前進度",
|
||||||
|
welcomein:'歡迎使用 Admin.NET - 通用權限開發框架',
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|||||||
@ -347,6 +347,7 @@ export default {
|
|||||||
realTimeIncome:"實時收入",
|
realTimeIncome:"實時收入",
|
||||||
projectProgress:"項目進度",
|
projectProgress:"項目進度",
|
||||||
currentProgress:"當前進度",
|
currentProgress:"當前進度",
|
||||||
|
welcomein:'歡迎使用 Admin.NET - 通用權限開發框架',
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user