mt-ui-components-vue3
Version:
玛果添实UI组件库(Vue3)
39 lines • 1.65 kB
JavaScript
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
import { genComponentStyleHook } from 'ant-design-vue/es/theme/internal';
var genStyles = function genStyles(token) {
var _elScrollbar, _componentCls;
var componentCls = token.componentCls;
return _defineProperty({}, componentCls, (_componentCls = {}, _defineProperty(_componentCls, '.el-scrollbar', (_elScrollbar = {}, _defineProperty(_elScrollbar, '::-webkit-scrollbar', {
display: 'none'
}), _defineProperty(_elScrollbar, "overflow", 'hidden'), _defineProperty(_elScrollbar, "position", 'relative'), _defineProperty(_elScrollbar, "height", '100%'), _elScrollbar)), _defineProperty(_componentCls, '.el-scrollbar__wrap', {
overflow: 'auto',
height: '100%'
}), _defineProperty(_componentCls, '.hidden-default', _defineProperty({
scrollbarWidth: 'none'
}, '&::-webkit-scrollbar', {
display: 'none'
})), _defineProperty(_componentCls, '.el-scrollbar__bar', {
position: 'absolute',
right: '2px',
bottom: '2px',
zIndex: '1',
borderRadius: '4px'
}), _defineProperty(_componentCls, '.el-scrollbar__bar.is-horizontal', {
height: '6px',
left: '2px'
}), _defineProperty(_componentCls, '.el-scrollbar__thumb', {
position: 'relative',
display: 'block',
cursor: 'pointer',
borderRadius: 'inherit',
backgroundColor: '#000',
height: '100%'
}), _defineProperty(_componentCls, '.el-scrollbar__bar.is-vertical', {
width: '6px',
top: '2px'
}), _componentCls));
};
// export default useStyles;
export default genComponentStyleHook('Scrollbar', function (token) {
return [genStyles(token)];
});