使用element的提示框并修改css

使用el-tooltip来做提示框:

html 复制代码
<el-tooltip popper-class="popper" content="敬请期待" placement="right">
    <div>
        <i class="iconfont icon-lianjie-01"></i>
        <span>输入链接</span>
    </div>
</el-tooltip>

去掉默认小三角和背景样式:

css 复制代码
.popper {
    width: 268.5px !important;
    background: #F0F0F0 !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    color: #333333 !important;
    padding: 14px 22px !important;
    border: 1px solid #E8E8E8 !important;
}

.popper .popper__arrow::after, 
.popper .popper__arrow {
    border-right-color: #F0F0F0 !important;
}
相关推荐
kyriewen10 小时前
Anthropic 估值逼近万亿美元,Claude Sonnet 5 + Claude Science 一天两连发
前端·ai编程·claude
小徐_233312 小时前
Wot UI 2.2.0 发布:Button 新增 subtle,VideoPreview 预览体验继续增强
前端·微信小程序·uni-app
天蓝色的鱼鱼14 小时前
关于 CSS 你可能不知道的属性,但关键时刻很有用
前端·css
泯泷15 小时前
第 2 篇:设计第一套字节码:Opcode、Instruction 与 Constant Pool
前端·javascript·安全
妙码生花15 小时前
从 PHP 到 AI + Golang,程序员自救转型手记(十五):优化细节、网络请求封装
前端·后端·ai编程
泯泷15 小时前
第 1 篇:从 1 + 2 开始:亲手写出第一台 JSVM
前端·javascript·安全
团团崽_七分甜15 小时前
Spring Boot 核心知识点总结
前端
lichenyang45315 小时前
从一个按钮开始,理解 ASCF 框架到底在做什么
前端
古夕15 小时前
第三方 SSO 接入实践:redirect_uri 编码、回调一致性与跨项目联调
前端·vue.js