react-page-y/lib/style.js

"use strict";

Object.defineProperty(exports, "__esModule", {
    value: true
});
exports.pageSty = undefined;

var _react = require("react");

var _react2 = _interopRequireDefault(_react);

var _reactSvgY = require("react-svg-y");

var svg = _interopRequireWildcard(_reactSvgY);

function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var pageSty = function pageSty(_theme) {
    var sty = {
        pageBox: {
            display: "flex",
            justifyContent: "space-between",
            flexWrap: "wrap",
            margin: "1rem 2rem"
        },
        svg: {
            position: "relative",
            right: "2rem",
            top: "0.5rem"
        },
        pageSizeBox: {
            display: "flex"
        },
        //条目数
        pageSize: {
            paddingLeft: "10px",
            width: "60px",
            height: "28px",
            border: "0.08rem solid #cccccc",
            borderRadius: "2px",
            marginLeft: "8px",
            appearance: "none",
            mozAppearance: "none",
            webkitAppearance: "none",
            background: "url('images/select.png') no-repeat right center",
            fontSize: "14px",
            color: "#666666"
        },
        //分页数
        pageNumBox: {
            display: "flex"
        },

        showList: {
            listStyle: 'none',
            padding: '0',
            margin: '0.16rem 0',
            textAlign: 'center',
            border: "0.08rem solid",
            display: 'flex',
            flexDirection: 'column',
            zIndex: '6'
        },
        showList_none: {
            display: 'none'
        },
        pagebtnBox: {
            fontSize: "14px",
            cursor: "pointer",
            width: "2rem",
            height: "2rem",
            display: "flex",
            justifyContent: "center",
            alignItems: "center",
            color: "#9a9a9a",
            border: "0.08rem solid #cccccc",
            borderRadius: "2px"
        },
        pagebtnDisabled: {
            width: "2rem",
            height: "2rem",
            display: "flex",
            justifyContent: "center",
            alignItems: "center",
            border: "0.08rem solid #e5e5e5",
            borderRadius: "2px",
            cursor: "no-drop",
            color: "#9a9a9a"
        },
        pageNumCont: {
            display: "flex",
            marginRight: "0.375rem"
        },
        numBox: {
            cursor: "pointer",
            width: "2rem",
            height: "2rem",
            display: "flex",
            justifyContent: "center",
            alignItems: "center",
            border: "0.08rem solid #cccccc",
            borderRadius: "2px",
            color: "#666666",
            marginLeft: "0.375rem"
        },
        currentNum: {
            cursor: "pointer",
            width: "2rem",
            marginLeft: "0.375rem",
            height: "2rem",
            display: "flex",
            justifyContent: "center",
            alignItems: "center",
            border: "0.08rem solid " + _theme.currentNumBg,
            borderRadius: "2px",
            backgroundColor: _theme.currentNumBg,
            color: _theme.currentNum
        },
        //文本
        textBox: {
            alignItems: "center",
            display: "flex",
            fontSize: "14px",
            color: "#666666"
        },
        labelN: {
            padding: "0 8px"
        },
        inputBox: {
            width: "38px",
            textAlign: "center",
            margin: "0 0.375rem",
            outline: "none",
            padding: "0",
            height: '25.9px',
            border: "0.08rem solid #cccccc",
            borderRadius: "2px"
        },
        jumpBox: {
            display: "flex",
            justifyContent: "center",
            alignItems: "center",
            background: _theme.jumpBg,
            color: "#fff",
            width: "40px",
            margin: "0 0.5rem",
            fontSize: "1rem",
            cursor: "pointer",
            height: '25.9px',
            border: "0.08rem solid #cccccc",
            borderRadius: "2px"
        }
    };
    return sty;
};

exports.pageSty = pageSty;
//# sourceMappingURL=style.js.map