weex-nuke/lib/EpTabbar/styles/index.js

基于 Rax 、Weex 的高性能组件体系 ~~

'use strict';

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

var _variable = require('./variable.js');

var _variable2 = _interopRequireDefault(_variable);

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

function StyleMix() {
  var theme = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};

  var Variables = (0, _variable2.default)(theme);
  return {
    'Ep-Tabbar': {
      wrapContainer: {
        position: 'absolute',
        top: '-1rem',
        left: '0rem',
        bottom: '0rem',
        width: '750rem',
        overflow: 'hidden'
      },
      header: {
        position: 'absolute',
        flexDirection: 'row',
        width: '750rem',
        zIndex: '10'
      },
      nav: {
        position: 'absolute',
        width: Variables['tab-size-width'],
        height: Variables['nav-size-height'],
        backgroundColor: Variables['normal-bg-color'],
        zIndex: '10'
      },
      navContent: {
        height: Variables['nav-size-height']
      },
      tabInner: {
        position: 'relative',
        width: Variables['tab-size-width'],
        height: Variables['nav-size-height'],
        flexDirection: 'row'
      },
      container: {
        // position: 'absolute',
        left: '0rem',
        top: '0rem',
        width: '750rem'
      },
      slider: {
        position: 'absolute',
        top: '0',
        left: '0',
        bottom: '0',
        width: '750rem'
      },
      eachTab: {
        position: 'absolute',
        top: '0',
        left: '0',
        bottom: '0',
        width: 750
      }
    }
  };
}

exports.default = StyleMix;
module.exports = exports['default'];