引入樣式

建議在.css文件中引入樣式,引入樣式時需要以node_modules為起點:

/* Button */
@import url("node_module/@glare-labs/vue-mdc/build/components/button/styles/button.module.css");

/* Ripple */
@import url("node_module/@glare-labs/vue-mdc/build/components/ripple/styles/ripple.module.css");

/* Elevation */
@import url("node_module/@glare-labs/vue-mdc/build/components/elevation/styles/elevation.module.css");

大多數情況下,ripple和elevation的樣式需要被引入,這是因為大多數組件的內部使用了Ripple和Elevation。

以Button組件為例,若不引入ripple樣式和elevation樣式,Button組件內部的Ripple組件和Elevation組件將不能按照預期呈現樣式、Button組件的結構會被打亂。