vue3 antdv3 去掉Modal的阴影背景,将圆角边框改为直角的显示,看上去不要那么的立体的样式处理。

1、来个没有处理的效果图:

这个有立体的效果,有阴影的效果。

2、要处理一下样式,让这个阴影的效果去掉:

图片的效果不太明显,但是阴影效果确实没有了。

3、代码:

复制代码
/* 去掉遮罩层阴影 */
  .ant-modal-mask {
    box-shadow: none !important;
  }

  /* 去掉Modal内容区域的阴影及圆角 */
  .ant-modal-content {
    box-shadow: none !important;
    border-radius: 0 !important;
  }

好多时间,我们都需要修改三方组件的样式,其实找一下还是要花很多时间。

相关推荐
梨想橙汁1 小时前
Vue3 组件开发:生命周期钩子,组件之间通信全方案
前端·vue.js
雪芽蓝域zzs1 小时前
分页组件 + el-config-provider 中文国际化 + 靠右布局
前端·javascript·vue.js
恋猫de小郭1 小时前
iPhone Duo 适配详解,需要改变的不止是布局模型
前端·flutter·ios
萧行之1 小时前
Observable Plot 源码深度解析——4 核心抽象逐项学习
前端·学习·数据可视化
今日无bug2 小时前
为什么大模型回答总是一个字一个字蹦出来?聊聊 SSE 流式输出与 BFF 层的那些事
前端·llm
志尊宝2 小时前
Vue3 零基础每日笔记(016):v-for 列表渲染——key 的作用与为什么不能用 index
javascript·vue.js·笔记
CIO_Alliance2 小时前
AI微调系列(1)| 全量微调、LoRA、QLoRA 三种方案怎么选
前端·人工智能·神经网络·机器学习·embedding·企业ai转型
hanbo17C22 小时前
企业官网能不能看出公司实力?选建站公司前,先看这6条硬标准
运维·服务器·前端
zzzll11112 小时前
LLM 学习第 24 课:Agent Harness
前端·人工智能·学习
Bmob后端云2 小时前
Bmob后端云实战|Python实现SSE流式输出,给备忘录AI加上打字机效果
前端·github