首页 > 其他分享 >antdesign vue中写了样式不加载的解决方法

antdesign vue中写了样式不加载的解决方法

时间:2022-08-25 17:35:17浏览次数:62  
标签:vue 样式 menu deep ant 组件 antdesign 中写

在vue组件里,lang设置为less,在style设置为scoped的时候 ,在写样式有时候对子组件不生效。如果想让某些样式对子组件生效,可以使用 /deep/ 深度选择器。

代码:

/deep/.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu {
    margin-top: 0px;
    margin-bottom: 0;
    padding: 0px 22px;
}

 

标签:vue,样式,menu,deep,ant,组件,antdesign,中写
From: https://www.cnblogs.com/siyunianhua/p/16625004.html

相关文章

  • vue 国际化i18n在弹出框中$t()报错:TypeError: Cannot read properties of undefined (
    废话不用多说,直接上图:   解决思路如下:在main.js文件中把vue挂载到window。window.vm=newVue({el:'#app',i18n:i18n,...})在弹出的窗口中获取window.vmm......
  • vue socket socketio typescript
    main.ts注册和导出,xx.vue导入使用xx.vue在传递给xxx.vue使用注意类型的定义......
  • vue表格之:summary-method="getSummaries"与show-summary(列求和)
    //表格列求和<el-table:summary-method="getSummaries"show-summary></el-table>getSummaries(param){const{columns,data}=paramconstsums=[]......
  • vue接口获取路由菜单
    menuFormat.js(格式化路由表)exportconstinitMenu=(data)=>{letlist=[];data.forEach(router=>{let{path,comp......
  • Vue项目使用高德地图
    流程:注册账号获取KEY安装使用注册链接:https://lbs.amap.com/选择Web端(JSAPI),同时需要域名限制请按提示进行输入:创建完成后即可看到KEY。安装高德地图JSAPI......
  • vue2的nextTick使用
    1、关于nextTick。vue中的Dom更新是异步的,是异步的意味着当被处理数据是动态变化时,此时对应的Dom未能及时更新(同步更新)就会导致数据已经更新(model层已经更新)而视力层未更......
  • vue集成elementUI
    vue集成elementUI1.使用npm安装elementui模块:指令:npm/cnpminstallelement-ui–S2.安装按需引入的插件:指令:npminstallbabel-plugin-component-D3.设置.babe......
  • vue 安装插件 eslint检测警告
    npm安装报错npmERR!codeERESOLVEnpmERR!ERESOLVEcouldnotresolvenpmERR!npmERR!问题原因安装的包与已经存在的包有冲突解决办法npminstallxxx--fo......
  • Vue项目创建(完整步骤级版本查看)
    涉及软件版本:Nodev14.17.0;npm6.14.13;vue3.2.13;@vue/cli5.0.8一:安装node、npm1.检查Node,未安装【https://nodejs.org/en/】访问网址下载最新版安装2.检查......
  • vue中element-ui table滚动加载
    //1.在main.js里注册 Vue.directive('loadmore', { bind(el, binding) { const selectWrap = el.querySelector('.el-table__body-wrapper') selectWrap.ad......