taro-manage-layout
Version:
26 lines (25 loc) • 1.55 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
var _a;
Object.defineProperty(exports, "__esModule", { value: true });
exports.Content = void 0;
const react_1 = __importDefault(require("react"));
const taro_1 = __importDefault(require("@tarojs/taro"));
const components_1 = require("@tarojs/components");
const store_1 = require("../../store");
const components_2 = require("./components");
const windowInfo = taro_1.default.getWindowInfo();
const safeAreaLeft = (_a = windowInfo.safeArea) === null || _a === void 0 ? void 0 : _a.left;
const Content = () => {
const { menus_visible } = (0, store_1.store)();
const width = menus_visible ? (`calc(100vw - calc(${taro_1.default.pxTransform(70)} + ${safeAreaLeft}px + ${taro_1.default.pxTransform(5)} + ${taro_1.default.pxTransform(10)}))`) : (`calc(100vw - calc(${safeAreaLeft}px + ${taro_1.default.pxTransform(5)}))`);
return (react_1.default.createElement(components_1.View, { style: Object.assign({ width }, !menus_visible && {
transform: `translateX(calc(0px - calc(${taro_1.default.pxTransform(70)} + ${taro_1.default.pxTransform(10)})))`,
boxShadow: `-${taro_1.default.pxTransform(5)} 0rpx ${taro_1.default.pxTransform(5)} rgba(150, 150, 150, 0.1)`
}), className: "content-container" },
react_1.default.createElement(components_2.Header, null),
react_1.default.createElement(components_2.Case, null)));
};
exports.Content = Content;