magento 2.4.6 样式覆盖问题

问题描述 投票:0回答:1

我有一个 magento 2.4 主题,它使用 styles-m.less 文件定义其 css

app/design/frontend/Vendor/theme/web/css/styles-m.less

还有一个源子目录,每个模块都有不同的 .less 文件: 例如:

app/design/frontend/Vendor/theme/web/css/source/home/_styles.less

问题:

在某些前端页面(前客户帐户)中,生成的 styles-m.css 被 styles-l.css 覆盖,这似乎是由 magento 原始空白主题生成的。

然后我尝试了:

  • 将原始样式-l.less从空白主题复制到

    应用程序/设计/前端/供应商/主题/web/css/styles-l.less

  • 添加自定义_module.less文件

    应用程序/设计/前端/供应商/主题/web/css/source/customer/_module.less

  • 修改 styles-l.less 文件以导入我的自定义 customer/_module.less 文件

  • 设置:静态内容:部署-f,刷新magento缓存

但这不起作用。 styles-l.css 好像和以前一样。

这是我的自定义 styles-l.less 文件。 我错过了什么?

/**
 * Copyright © Magento, Inc. All rights reserved.
 * See COPYING.txt for license details.
 */

//
//  Blank theme desktop styles
//  _____________________________________________

//  These desktop styles are additional to mobile

//
//  Global lib + theme styles
//  ---------------------------------------------

@import '_styles.less';

//
//  Magento Import instructions
//  ---------------------------------------------

//@magento_import 'source/_module.less'; // Theme modules
//@magento_import 'source/_widgets.less'; // Theme widgets

//
//  Media queries collector
//  ---------------------------------------------

@import 'source/lib/_responsive.less';

@media-target: 'desktop'; // Sets target device for this file
@media-common: false; // Sets not to output common styles

//
//  Global variables override
//  ---------------------------------------------

@import 'source/_theme.less';

//
//  Extend for minor customisation
//  ---------------------------------------------

//@magento_import 'source/_extend.less';
@import 'source/customer/_module.less';
css less magento2
1个回答
0
投票

答案:

  • php bin/magento 设置:升级
  • php bin/magento 设置:静态内容:部署
  • 清除缓存
© www.soinside.com 2019 - 2024. All rights reserved.