@ohu-mobile/core
Version:
111 lines (110 loc) • 3.15 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = exports.Top = exports.Bottom = void 0;
var _vue = _interopRequireDefault(require("vue"));
var _index = _interopRequireDefault(require("./index"));
require("./style");
var _Card = _interopRequireDefault(require("../Card"));
require("../Card/style");
var _Toast = _interopRequireDefault(require("../Toast"));
require("../Toast/style");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var _default = exports.default = {
title: 'Components/Utils/Sticky',
parameters: {
component: _index.default,
options: {
showPanel: true
}
}
};
var Top = exports.Top = function Top() {
return _vue.default.extend({
data: function data() {
return {
tip1: '',
tip2: ''
};
},
render: function render() {
var _this = this;
var h = arguments[0];
return h("div", {
"style": "padding: 20px;"
}, [h("div", {
"style": "height: 100vh; position: relative;"
}, [h(_index.default, {
"on": {
"fixed": function fixed() {
_this.tip1 = '我吸住了';
},
"stuck": function stuck() {
_this.tip1 = '我卡住了';
},
"normal": function normal() {
_this.tip1 = '我正常了';
}
}
}, [h(_Card.default, {
"attrs": {
"shadow": true
}
}, ["\u8FD9\u662F\u4E2A\u5353\u8D8A\u7684\u5361\u7247 ", this.tip1])])]), h("div", {
"style": "height: 120vh; position: relative;"
}, [h(_index.default, {
"on": {
"fixed": function fixed() {
_this.tip2 = '我吸住了';
},
"stuck": function stuck() {
_this.tip2 = '我卡住了';
},
"normal": function normal() {
_this.tip2 = '我正常了';
}
}
}, [h(_Card.default, {
"attrs": {
"shadow": true
}
}, ["\u8FD9\u662F\u4E2A\u5353\u8D8A\u7684\u5361\u7247 ", this.tip2])])])]);
}
});
};
var Bottom = exports.Bottom = function Bottom() {
return _vue.default.extend({
render: function render() {
var h = arguments[0];
return h("div", {
"style": "height: 200vh;"
}, [h("div", {
"style": "height: position: relative; height: 80vh;"
}), h("div", {
"style": "height: position: relative; height: 200vh;"
}, [h("div", {
"style": "height: 50vh;"
}), h(_index.default, {
"on": {
"fixed": function fixed() {
return _Toast.default.info('我被吸住了');
},
"normal": function normal() {
return _Toast.default.info('我正常了');
},
"stuck": function stuck() {
return _Toast.default.info('我卡住了');
}
},
"attrs": {
"bottom": 50
}
}, [h(_Card.default, {
"attrs": {
"shadow": true
}
}, ["\u6211\u4F4D\u4E8E\u5E95\u90E8"])])])]);
}
});
};