微信小程序之温度计

最新推荐文章于 2024-05-06 22:24:44 发布

零小星

最新推荐文章于 2024-05-06 22:24:44 发布

阅读量6.6k

点赞数 5

文章标签：微信小程序

本文链接：https://blog.csdn.net/qq_43773083/article/details/101988305

版权

百度了一圈，没发现有微信小程序的温度计，都是基于css3和jquery的温度计，没办法，只能自己手动改啦，静态版代码如下：

wxml

<view class="contain">
  <view class="temp">
    <view id="therm-numbers">
      <view class="therm-number pos0">75℃</view>
      <view class="therm-number pos1">50℃</view>
      <view class="therm-number pos2">25℃</view>
      <view class="therm-number pos3">0℃</view>
      <view class="therm-number pos4"></view>
    </view>
    <view id="therm-graphics">
      <image id="therm-top" src="../../img/icons/glassTop2x.png"></image>
      <image id="therm-body-bg" src="../../img/icons/glassBody2x.png"></image>
      <image id="therm-