Mendix项目中如何使用scss进行样式编辑?
Way
2021.09.15 10:55发布于技术 - 前端与UI
821

Mendix项目中如何使用scss进行UI的重置或者编辑?

首赞
收藏
0评论
···
1个回答
按时间排序
按点赞排序
    hankx
    2021-09-16 10:55 发布

    Mendix 工程默认支持sass样式编辑。

    英文教程见:
    https://docs.mendix.com/howto/front-end/customize-styling-new

    简单说一下步骤

    • 在studio pro 菜单中, App-> show app directory in explorer, 来打开项目文件存储位置
    • 可以用喜欢的 IDE 如vscode等打开项目目录
    • 找到 theme 目录,下面有web 和 native,取决于你的项目类型
    • 以web为例, 进入后你可以看到main.scss 和其他几个scss文件。
    • 可以直接改写这些文件,可以写自己的scss文件,然后在main.scss中引入
    • 在studio pro中,若要给某个控件添加样式,可以选中控件,在properties-common-class 中添加相应的样式名,如图
      scss.png
    首赞
    1评论
    举报