vue写一个体温计效果

要写一个体温计的样式,没有头绪,如图图片描述

阅读 5.9k
6 个回答

看起来挺有趣的,便用 vue 和 linear-gradient 撸了一个玩具,摩擦摩擦可以发热哈哈

codepen

内阴影
动态绑定style
就是这两点了

温度计的刻度可以直接用一张图,然后你按数据实时改变红色指针的位置就ok了,easy,不怕麻烦的话,刻度也可以自己写

可以用canvas来写,canvas的宽度就是你图片的宽度,高度也是图片的高度,然后根据需要用画线段的方式来绘制刻度,判断5和10的倍数绘制长度不同的线段。
你可以看下,不难。

可以用input type="range"标签来模拟数字随红线变化

体温计刻度都是一样的把,,那就直接搞成一张图片就行了。

体温值根据数据移到对应的位置,,这样应该可以把

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题