;(function(window, document) {
  function mobileMedia(options) {
    this.options = options;
  }
  mobileMedia.prototype.mm = function() {
    var minWidth = this.options.minWidth || 'min';
    var maxWidth = this.options.maxWidth || 'max';
    var rootSize = this.options.rootSize || 100;
    var designWidth = this.options.designWidth || 640;
    var windowSize = this.options.windowSize || true;
    var fontProportion = designWidth / rootSize;
    media();
    function media() {
      var winWidth = document.documentElement.clientWidth||window.innerWidth;
      var body = document.getElementsByTagName("body")[0];
      var html = document.getElementsByTagName("html")[0];
      var fontSize;
      if(minWidth != 'min') {
        body.style.minWidth = minWidth + 'px';
      }
      if(maxWidth != 'max') {
        body.style.maxWidth = maxWidth + 'px';
        body.style.margin = '0 auto';
      }
      if(winWidth <= minWidth) {
        fontSize = minWidth / fontProportion;
      } else
      if(winWidth >= maxWidth) {
        fontSize = maxWidth / fontProportion;
      } else {
        fontSize = winWidth / fontProportion;
      }
      html.style.fontSize = fontSize + 'px';
    };
    if(windowSize) {
      window.onresize = function() { media(); }
    }
  };
  var mobile = new mobileMedia({
    minWidth: 320, //设置最小窗口
    maxWidth: 750, //设置最大窗口
    rootSize: 100, //设置根字体大小     // 1rem=100px
    designWidth: 750, //设计稿大小
    windowSize: true //是否开启窗口响应
  });
  mobile.mm();
}(window, document));

new Vue({
  el: '#app',
  data: {
     lv:0,
    energy:0,
    proportion:0.2
  },
   watch:{
      energy(v){
        this.proportion=0.2+v/125;
        this.lv=parseInt(this.energy/10);
      }
    },
    mounted() {
    },
    methods:{
      watering(s){
        this.energy=this.energy+s;
        this.energy>=100?this.energy=100:this.energy;
      }
    }
})