组件/视觉效果

EShadow 阴影

import EUI 1.0

示例与代码

阴影

QML 代码QML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 ERectangle { radius: 8 width: 220 height: 100 color: EPaletteManager.ThemePalette.surfaceComponent(ETheme.dark) EShadow { z: -1 elevation: 8 anchors.fill: parent radius: parent.radius } EText { text: qsTr("控件层次") anchors.centerIn: parent } }

效果

运行代码，体验组件交互

可修改文字、属性和事件，再点击运行。

代码在当前浏览器中运行 许可

属性

属性说明取值与默认值

colorcolor

自定义颜色；透明值通常表示使用当前主题或语义配色。

默认值动态绑定

elevationint

阴影层级；数值越大，阴影越明显。

默认值8

enabledbool

是否允许交互；false 时控件禁用。

默认值true

heightreal

组件尺寸，单位为像素；可绑定父布局尺寸。

默认值implicitHeight

radiusreal

圆角半径，单位为像素。

默认值4

visiblebool

是否显示组件。

默认值true

widthreal

组件尺寸，单位为像素；可绑定父布局尺寸。

默认值implicitWidth