Vue.js的温度计组件 - vuejs-thermometer

Vue.js的温度计组件 - vuejs-thermometer
插件名称 vuejs-thermometer
发布时间 2020年11月3日
插件作者 larsmars

适用于vue.js应用程序的简单,动画,可自定义的温度计组件。

变更日志:

2020年11月1日

  • 安全更新程序包

安装和下载:

# NPM
$ npm install vuejs-thermometer --save

用法

使用:(在本地.vue文件/组件的html部分中)

    <vue-thermometer
      :value="5"
      :min="-20"
      :max="25"
    />

<!-- Options struct: -->
options: {
  text: {
    color: 'black',
    fontSize: 10,
    textAdjustmentY: 2,
    fontFamily: 'Arial',
    textEnabled: true
  },
  thermo: {
    color: '#FF0000',
    backgroundColor: '#fcf9f9',
    frameColor: 'black',
    ticks: 10,
    ticksEnabled: true,
    tickColor: 'black',
    tickWidth: '1'
  },
  layout: {
    height: 300,
    width: 90
  }
}