const userConfirmed = confirm(`您已经在另一个窗口登录了账户:${userData.nickname}。是否继续登录?`);优化一下将提示账户弄成蓝色字体显眼一点
时间: 2024-10-13 18:04:34 浏览: 15
elementUI vue this.$confirm 和el-dialog 弹出框 移动 示例demo
在JavaScript中,你可以利用模板字符串和CSS类来优化确认消息的样式,使其账户名部分使用蓝色字体。首先,你需要创建一个包含蓝色字体样式的CSS类,然后在确认对话框中应用这个类。这里是优化后的例子:
```javascript
// 创建一个CSS类用于高亮显示昵称
const nicknameStyle = 'font-weight:bold; color: blue;'; // 可自定义字体粗细
// 使用模板字符串和类来显示昵称
const accountInfo = `${userData.nickname} <span class="${nicknameStyle}">账户信息</span>`;
const userConfirmed = confirm(`您已经在另一个窗口登录了账户:${accountInfo}。是否继续登录?`);
// 确保该CSS类已存在于文档的样式表中
document.head.innerHTML += `
<style>
.nice-nickname {
${nicknameStyle};
}
</style>
`;
// 或者,如果你使用外部CSS文件,需要在相应位置引入并定义这个类
```
这样,账户名部分就会以蓝色高亮显示了。
阅读全文