<template>
    <div>
      <span class="title-1">销售气量</span>
      <div class="text-1">
       <table>
         <tr>
           <td>
             <span style="color: #ffff2c;" :class="{'font-res':j0}">1511万方</span>
             <br/>
             <img :class="{'sell-img0':!j0,'sell-img1':j0}" src="../../../../static/NewManageHome/01.png"/>
             <br/>
             <p :class="{'sell-font':j0}">城镇气化销售</p>
           </td>
           <td>
             <span style="color: #dead25;" :class="{'font-res':j1}">1511万方</span>
             <br/>
             <img :class="{'sell-img0':!j1,'sell-img1':j1}"  src="../../../../static/NewManageHome/02.png"/>
             <br/>
             <p :class="{'sell-font':j1}">LNG加气站销售</p>
           </td>
         </tr>
         <tr>
           <td>
             <span style="color: #66fade;" :class="{'font-res':j2}">1511万方</span>
             <br/>
             <img :class="{'sell-img0':!j2,'sell-img1':j2}"  src="../../../../static/NewManageHome/03.png"/>
             <br/>
             <p :class="{'sell-font':j2}">CNG加气站销售</p>
           </td>
           <td>
             <span style="color: #f29961;" :class="{'font-res':j3}">1511万方</span>
             <br/>
             <img :class="{'sell-img0':!j3,'sell-img1':j3}"  src="../../../../static/NewManageHome/04.png"/>
             <br/>
             <p :class="{'sell-font':j3}">CNG公司销售</p>
           </td>
         </tr>
       </table>
      </div>
      <img class="img-bottom" src="../../../../static/NewManageHome/2.gif" />
    </div>
</template>

<script>
    export default {
        name: "TextSellgas",
      data(){
          return{
            j0:false,
            j1:false,
            j2:false,
            j3:false,
            timer:'',
          }
      },
      methods:{
          timeTask(){
            var t=0
            var self=this
            this.timer=setInterval(()=>{
              self['j'+t]=false
              t=(t+1)%4
              self['j'+t]=true
            },3000)
          }
      },
      beforeDestroy() {
        //清除定时器
        clearInterval(this.timer);
      },
      ready(){
          this.timeTask()
      }
    }
</script>

<style scoped>

</style>
