引入樣式
建議在.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組件的結構會被打亂。