要写一个体温计的样式,没有头绪,如图
看起来挺有趣的,便用 vue 和 linear-gradient 撸了一个玩具,摩擦摩擦可以发热哈哈
codepen
内阴影动态绑定style就是这两点了
温度计的刻度可以直接用一张图,然后你按数据实时改变红色指针的位置就ok了,easy,不怕麻烦的话,刻度也可以自己写
可以用canvas来写,canvas的宽度就是你图片的宽度,高度也是图片的高度,然后根据需要用画线段的方式来绘制刻度,判断5和10的倍数绘制长度不同的线段。你可以看下,不难。
可以用input type="range"标签来模拟数字随红线变化
input type="range"
体温计刻度都是一样的把,,那就直接搞成一张图片就行了。
体温值根据数据移到对应的位置,,这样应该可以把
9 回答1.8k 阅读✓ 已解决
6 回答1.8k 阅读
3 回答1.5k 阅读✓ 已解决
4 回答1.4k 阅读✓ 已解决
3 回答1.3k 阅读
2 回答1.3k 阅读✓ 已解决
1 回答2.6k 阅读✓ 已解决
4 回答10.7k 阅读
1 回答3.4k 阅读✓ 已解决
1 回答3.5k 阅读✓ 已解决
3 回答3.7k 阅读
看起来挺有趣的,便用 vue 和 linear-gradient 撸了一个玩具,摩擦摩擦可以发热哈哈
codepen