https://github.com/alibaba/weex-ui/blob/master/packages/wxc-button/type.js
こんな感じにインポートして
import { STYLE_MAP, TEXT_STYLE_MAP } from "weex-ui/packages/wxc-button/type";
こうする。
cssではなくてdata()
での変数指定。
data() { return { // 色を拝借したり btnStyle: STYLE_MAP.yellow, // 自分で指定したり btnStyle2: { backgroundColor: "#FFC900", width: "300px" }, btnTextStyle: TEXT_STYLE_MAP.red, btnTextStyle2: TEXT_STYLE_MAP.blue }; },
使うときは、:btnStyle
と:textStyle
wxc-button(:btnStyle="btnStyle", :textStyle="btnTextStyle", text="OK", @wxcButtonClicked="ok()")