@tanshenghu/web-utils/lib/request/style.js

web公共方法

'use strict';

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

exports.default = function (primary) {
  primary = primary || '#1890ff';

  return ('\n@keyframes fetch-loading-cover{from{transform:rotate(0)}to{transform:rotate(359deg)}}\n#fetch-msg-tip *,#fetch-err-tip *{box-sizing:border-box;}\n#fetch-msg-tip{position:fixed;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,0.2);z-index:999990;}\n#fetch-err-tip{position:fixed;width:345px;height:75px;left:0;top:0;right:0;bottom:0;margin:auto;box-shadow:0 0 10px #ccc;background-color:white;z-index:999990;}\n#fetch-msg-tip .popup-box{position:absolute;width:380px;height:145px;overflow:hidden;margin:auto;background-color:white;left:0;top:0;right:0;bottom:0;border:1px solid #ccc;border-radius:5px;}\n#fetch-msg-tip .dialog-title{background-color:' + _common2.default.color(primary) + ';color:white;font-size:16px;height:32px;line-height:32px;padding-left:15px;padding-right:15px;}\n#fetch-msg-tip .dialog-content{min-height:65px;padding:15px 20px;line-height:35px;}\n#fetch-msg-tip .dialog-handler{text-align:center;}\n#fetch-msg-tip .dialog-handler button{background-color:rgba(' + _common2.default.color(primary, false) + ',.9);color:white;outline:none;border-radius:3px;cursor:pointer;height:30px;width:100px;border:none}\n#fetch-msg-tip .dialog-handler button:hover{background-color:rgba(' + _common2.default.color(primary, false) + ',.8);}\n#fetch-err-tip .dialog-title{height:28px;position:relative;}\n#fetch-err-tip .dialog-title .close-btn{position:absolute;font-size:28px;font-weight:100;height:25px;line-height:20px;right:12px;top:5px;color:#999;text-decoration:none;}\n#fetch-err-tip .dialog-title .close-btn:hover{color:#ababab;}\n#fetch-err-tip .dialog-content{padding-left:65px;padding-right:25px;}\n#fetch-err-tip .content-text{display:inline-block;word-break:break-word}\n#fetch-err-tip .dialog-content .seenewIconfont{position:absolute;left:24px;top:-8px;color:#F7594F;font-size:26px;}\n\n#fetch-err-tip .icon-shibai,#fetch-msg-tip .icon-shibai{\n  position:absolute;\n  left:15px;\n  top:21px;\n}\n\n#fetch-loading-cover{\n  position:fixed;left:0;top:0;margin:auto;right:0;bottom:0;z-index:999989;background-color:rgba(0,0,0,0);transition:background-color 1s ease 0s;\n}\n#fetch-loading-cover:after{\n    animation:fetch-loading-cover 1s linear infinite;\n    position: absolute;\n    content:\'\';\n    width:50px;\n    height:50px;\n    left:0;right:0;top:0;bottom:0;margin:auto;\n    border-left:3px solid #00B7EB;border-right:3px solid #00B7EB;border-bottom:3px solid #00B7EB;border-top:3px solid transparent;\n    border-radius:50%;\n    transition:all .5s linear 0s;\n    opacity: 0;\n}\n#fetch-loading-cover:before{\n    content:\'\u6B63\u5728\u62FC\u547D\u52A0\u8F7D\u4E2D\u2026\';\n    position: absolute;\n    white-space: nowrap;\n    left:0;right:0;top:0;bottom:0;margin:auto;\n    line-height:25px;height:25px;width:135px;text-align:center;\n    transform:translateY(48px);color:#00B7EB;font-size:14px;transition:all .5s linear 0s;opacity:0;\n}\n#fetch-loading-cover.runAnt:after,#fetch-loading-cover.runAnt:before{opacity:1;}\n').replace(/\n/mg, '').replace(/\s+/mg, ' ');
};

var _common = require('../common');

var _common2 = _interopRequireDefault(_common);

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

;
/* 数据请求过程中的一些弹框提示, loading样式 */

module.exports = exports['default'];