@orca-fe/pocket
Version:
UI components by orca-team
43 lines (41 loc) • 1.34 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _ = require("../..");
var _Ruler = _interopRequireDefault(require("./Ruler"));
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
/**
* title: Cover mode（disable scaleMode）
* desc: disable scaleMode
*
* title.zh-CN: Cover 模式（禁用scaleMode）
* desc.zh-CN: 这个例子，参数和上一个一样，但禁用了 `scaleMode` 因此只有容器尺寸发生变化，但内容不会被缩放
*/
var Demo = function Demo() {
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
style: {
display: 'flex',
justifyContent: 'space-evenly'
},
children: [10, 20, 30, 40, 50, 60, 70, 80, 90].map(function (width) {
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.EqRatioBox, {
width: 150,
height: 150,
mode: "cover",
scaleMode: false,
style: {
border: '1px solid #9999FF',
overflow: 'hidden',
height: 60,
width: width
},
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Ruler.default, {})
}, width);
})
});
};
var _default = exports.default = Demo;