自定义scroll滑块样式
发表于|更新于
|浏览量:
这个天地,我来过,我奋战过,我深爱过,我不在乎结局。——今何在 《悟空传》
代码如下:
1 | /* 滚动条整体部分 */ |
效果如下:

相关推荐
2022-06-16
react在ts中提示ref问题
不要太在乎一些人,越在乎,越卑微。——周国平 首先按照官方文档的demo写好代码,却报错如下: 安装插件Error Lens后: 如何解决? 前往Text的ref源码,可以看到是需要一个叫LegacyRef的类型 我们进LegacyRef,看到其就是Ref或string的类型 因此这里我们定义为Ref类型即可 这里出现了新的问题,不能将MutableRefObject<Text | null |undefined>分配给Ref<Text> 我们进入useRef源码,看到其包含几个重载 分别查看MuteableRefObject和RefObject 可以看到RefObject是Ref中容许的其中一种类型 所以应该使用上面一种重载 在原有代码React.useRef()中传入null 报错解决 同理,trRef一样 注意此处Ref<TextRef>内的泛型使用的是konva/lib/shapes/Text包下的Text,改名为TextRef 除了在定义变量左侧申明类型,在方法右侧也可以申明泛型,让编辑器自动推测
2022-06-27
vue2配置vite
天可补,海可填,南山可移。日月既往,不可复追。——曾国藩 本篇博客针对新vue2项目,老项目就先不说了哈哈(坑太多) 首先新建一个vue2项目 1vue create simple-vue2-vite 选择Default ([Vue 2] babel, eslint) 1234567891011success Saved lockfile.Done in 3.92s.⚓ Running completion hooks...📄 Generating README.md...🎉 Successfully created project simple-vue2-vite.👉 Get started with the following commands: $ cd simple-vue2-vite $ yarn serve 安装完毕后我们进入,执行 12cd simple-vue2-viteyarn serve 可以看到正常运行: 我们首先安装vite 1pnpm i -D vite vite-plugin-vue2 根目录新建一个vite.config....
2023-09-11
css画一个圈带一条线
深窥自己的心,而后发觉一切的奇迹在你自己。——培根 用到的是css的background属性和radial-gradient 12345678910111213141516/** 淡蓝渲染到20px * 白色渲染到20px(分割线 * 白色渲染到21px(分割线 * 淡蓝渲染到21px * 淡蓝渲染到40px * 后续白色打底 */background: radial-gradient( circle at center, #f6faff 20px, #fff 20px, #fff 21px, #f6faff 21px, #f6faff 40px, #fff 0); 效果: .ruben{ background: radial-gradient( circle at center, #f6faff 20px, #fff 20px, #fff 21px, #f6faff 21px, #f6faff 40px...
2024-06-07
vue查看组件
人死像熟透的梨,离树而落,梨者,离也。——《活着》 最近在折腾 Vue.js,发现了一个挺有意思的东西,叫 Vue.options.components。先来个大概的解释,这货就是 Vue.js 用来存储全局组件的一个对象。每次你注册个全局组件,它就会乖乖地跑到 Vue.options.components 里去。 什么是 Vue.options.components?简单说,Vue.options.components 就是 Vue.js 全局组件的家。你每次用 Vue.component 注册个组件,它就会被扔进这个家里,然后你在任何地方都能用到它。感觉像是个全局变量,不过是专门为组件准备的。 全局注册组件先来个全局注册组件的例子吧,感觉这个比较好理解: 123Vue.component('my-component', { template: '<div>这是一个自定义组件!</div>'}); 这个时候,你可以通过 Vue.options.components 看到你刚才注册的组件:...
2021-04-13
学习uni-app官方教程
生命是一条奔流不息的河,我们都是那个过河的人。——席慕蓉 官网 我们直接实战 创建两个项目 从hello-uniapp中复制common文件夹以及static下面的uni.ttf文件到news项目同目录下 然后是复制App.vue中的样式库 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091<script> export default { onLaunch: function() { console.log('App Launch') }, onShow: function() { console.log('App Show') }, onHide: fun...
2022-08-13
在vue2的style标签中使用css变量
我需要,最狂的风,和最静的海。——顾城《世界和我·第八个早晨》 前两天有一个更换主题需求,想将系统主题包括hover颜色都更换 代码如下: 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748<template> <!-- 需要绑定style --> <div class="hello" :style="css"> <h1>{{ msg }}</h1> <p> For a guide and recipes on how to configure / customize this project,<br> check out the <a href="https://cli.vuejs.org" target="_...

阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog