@opentiny/vue-runtime/dist3/style.css

An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.

.hui-chart{position:relative;height:100%}.tiny-chart{--tv-ChartCore-data-empty-text-color: var(--tv-color-text-weaken, #808080);--tv-ChartCore-data-empty-font-size: var(--tv-font-size-default, 14px);--tv-ChartCore-data-empty-bg-color: var(--tv-color-bg-secondary, #ffffff)}.tiny-chart-data-empty{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;justify-content:center;align-items:center;background-color:var(--tv-ChartCore-data-empty-bg-color);color:var(--tv-ChartCore-data-empty-text-color);font-size:var(--tv-ChartCore-data-empty-font-size)}.tiny-chart-component-loading{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;justify-content:center;align-items:center;background-color:var(--tv-ChartCore-data-empty-bg-color)}.tiny-chart-component-loading .circular{width:42px;height:42px;animation:loading-rotate 2s linear infinite}.tiny-chart-component-loading .path{animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke:#20a0ff;stroke-linecap:round}.tiny-chart-mask-status{filter:blur(1px)}@keyframes loading-rotate{to{transform:rotate(360deg)}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}to{stroke-dasharray:90,150;stroke-dashoffset:-120px}}