UNPKG

@ohu-mobile/core

Version:
96 lines (95 loc) 2.59 kB
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.default = exports.Tag = exports.Basic = void 0; var _GovernmentFilled2 = _interopRequireDefault(require("@ohu-mobile/icons/lib/GovernmentFilled")); var _HomeFilled2 = _interopRequireDefault(require("@ohu-mobile/icons/lib/HomeFilled")); var _vue = _interopRequireDefault(require("vue")); var _index = _interopRequireDefault(require("./index")); require("./style"); var _Button = _interopRequireDefault(require("../Button")); require("../Button/style"); var _Tabbar = _interopRequireDefault(require("../Tabbar")); require("../Tabbar/style"); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } var _default = exports.default = { title: 'Components/Utils/Bottom', parameters: { component: _index.default, options: { showPanel: true } } }; var Basic = exports.Basic = function Basic() { return _vue.default.extend({ data: function data() { return { show: true }; }, render: function render() { var _this = this; var h = arguments[0]; return h("div", { "style": "height: 200vh" }, [h(_Button.default, { "attrs": { "type": "primary" }, "on": { "click": function click() { return _this.show = !_this.show; } } }, ["toggle"]), h(_index.default, { "attrs": { "visible": this.show } }, [h(_Tabbar.default, { "attrs": { "value": '1' } }, [h(_Tabbar.default.Item, { "attrs": { "name": "1", "icon": _HomeFilled2.default } }, ["\u9996\u9875"]), h(_Tabbar.default.Item, { "attrs": { "name": "2", "icon": _GovernmentFilled2.default } }, ["\u653F\u5E9C"])])])]); } }); }; var Tag = exports.Tag = function Tag() { return _vue.default.extend({ render: function render() { var h = arguments[0]; return h("div", { "style": "height: 200vh" }, [h(_index.default, { "attrs": { "tag": "footer" } }, [h(_Tabbar.default, { "attrs": { "value": '1' } }, [h(_Tabbar.default.Item, { "attrs": { "name": "1", "icon": _HomeFilled2.default } }, ["\u9996\u9875"]), h(_Tabbar.default.Item, { "attrs": { "name": "2", "icon": _GovernmentFilled2.default } }, ["\u653F\u5E9C"])])])]); } }); };