bytev-charts-beta1.0
Version:
测试版-1.0,版本号为小版本; 基于echarts和JavaScript及ES6封装的一个可以直接调用的图表组件库，内置主题设计，简单快捷，且支持用户自定义配置； npm 安装方式: npm install bytev-charts 若启动提示还需额外install插件,则运行 npm install @babel/runtime-corejs2 即可;
13 lines (10 loc) • 3.11 kB
JavaScript
import _classCallCheck from "@babel/runtime-corejs2/helpers/classCallCheck";
import _defineProperty from "@babel/runtime-corejs2/helpers/defineProperty";
/*
* 电子屏数字翻牌器、电子屏数字滚动轴 样式
* */
var DigitalRollerElectronicCss = function DigitalRollerElectronicCss() {
_classCallCheck(this, DigitalRollerElectronicCss);
_defineProperty(this, "styleText", "\n .chartNum{\n margin: 30px 0px;\n display: flex;\n justify-content: center;\n }\n .box-items {\n width: auto;\n position: relative;\n height: 70px;\n text-align: center;\n list-style: none;\n writing-mode: vertical-lr;\n text-orientation: upright;\n -moz-user-select: none; /*\u706B\u72D0*/\n -webkit-user-select: none; /*webkit\u6D4F\u89C8\u5668*/\n -ms-user-select: none; /*IE10*/\n -khtml-user-select: none; /*\u65E9\u671F\u6D4F\u89C8\u5668*/\n user-select: none;\n }\n .mark-item span{\n position: absolute;\n width: 100%;\n bottom: 10px;\n writing-mode: vertical-rl;\n text-orientation: upright;\n }\n .BTV-number-item {\n position: relative;\n text-align: center;\n width: 50px;\n height: 80px;\n line-height: 80px;\n float: left;\n list-style: none;\n font-family: Digital-7;\n font-size: 60px;\n margin: 0 3px;\n justify-content: center;\n display: flex;\n border-bottom: 2px solid;\n border-color: #337ADB;\n }\n .BTV-textTopBack-box{\n box-shadow: 0px 0px 2px 1px #347adaeb;\n background: #061436;\n width: calc(100% - 4px);\n height: 4px;\n border-top: 2px solid #337ADB;\n border-left: 2px solid #337ADB;\n border-right: 2px solid #337ADB;\n }\n .BTV-number-item span{\n position: relative;\n display: inline-block;\n margin-right: 18px;\n padding-top: 2px;\n width: 100%;\n height: 100%;\n writing-mode: vertical-rl;\n text-orientation: upright;\n overflow: hidden;\n width: calc(100% - 2px);\n margin-left: 1px;\n background-image: linear-gradient(to bottom, #061436, #11356F, #11356F);\n box-shadow: 0 3px 2px 1px #3274cf;\n }\n .BTV-number-item span i{\n font-style: normal;\n position: absolute;\n left: 50%;\n transform: translate(-50%,0);\n transition: transform 1s ease-in-out;\n width: 100%;\n justify-content: center;\n display: flex;\n }\n .BTV-number-item span i svg{\n margin-bottom: 20px;\n margin-top: 10px;\n }\n ");
};
export { DigitalRollerElectronicCss as default };