瀏覽代碼

fix: message 防遮挡

lanceJiang 1 年之前
父節點
當前提交
8b9b89e274

+ 8 - 1
src/layout/components/Header/components/Message.vue

@@ -4,7 +4,7 @@
 			<div class="menu--message-trigger">
 				<el-tooltip :content="$t('le.message.txt')" effect="dark" placement="bottom">
 					<div class="menu--message menu-item le-hover-effect--bg">
-						<el-badge :value="total">
+						<el-badge :value="total" :max="99">
 							<i class="le-iconfont le-notice"></i>
 						</el-badge>
 					</div>
@@ -136,4 +136,11 @@ const jumpMessageDetail = (id: any) => {
 .menu--message-trigger {
 	height: 100%;
 }
+.menu--message {
+	width: 40px;
+	justify-content: center;
+	//.le-notice {
+	//.le-iconfont {
+	//}
+}
 </style>

+ 6 - 0
src/layout/components/Header/components/ThemeSetting.vue

@@ -15,3 +15,9 @@ const changeVisible = () => {
 	setting.settingsVisible = !setting.settingsVisible
 }
 </script>
+<style scoped lang="scss">
+.menu--theme-setting {
+	width: 40px;
+	justify-content: center;
+}
+</style>