<div>
  <button (click)="rainEffect ? disableEffect('rain') : enableParticleEffect('rain')">
    {{ rainEffect ? '取消' : '开启' }}雨
  </button>
  <input type="range" (change)="handleChangeRange('rain', $event)" max="1" min="0" step="0.1" [disabled]="rainEffect === undefined">
  <button (click)="snowEffect ? disableEffect('snow') : enableParticleEffect('snow')">
    {{ snowEffect ? '取消' : '开启' }}雪
  </button>
  <input type="range" (change)="handleChangeRange('snow', $event)" max="1" min="0" step="0.1" [disabled]="snowEffect === undefined">
  <button (click)="fogEffect ? disableEffect('fog') : enableParticleEffect('fog')">
    {{ fogEffect ? '取消' : '开启' }}雾
  </button>
  <input type="range" (change)="handleChangeRange('fog', $event)" max="1" min="0" step="0.1" [disabled]="fogEffect === undefined">
  <button (click)="enableParticleEffect('smoke')">添加烟</button>
  <button (click)="enableParticleEffect('fire')">添加火</button>
</div>