| | |
| | | ></el-checkbox> --> |
| | | |
| | | <label class="labelText">亮度</label> |
| | | <el-slider class="sl" v-model="brightness" :show-tooltip="false" @change="ld" :step="0.1" :min="0" |
| | | :max="3"></el-slider> |
| | | <el-slider |
| | | class="sl" |
| | | v-model="brightness" |
| | | @input="ld()" |
| | | :step="0.1" |
| | | :min="0" |
| | | :max="2" |
| | | ></el-slider> |
| | | </div> |
| | | <div class="in-yxw"> |
| | | <!-- <el-checkbox |
| | |
| | | ></el-checkbox> --> |
| | | |
| | | <label class="labelText">对比度</label> |
| | | <el-slider class="sl" v-model="contrast" :show-tooltip="false" @change="dbd" :step="0.1" :min="0" |
| | | :max="3"></el-slider> |
| | | <el-slider |
| | | class="sl" |
| | | v-model="contrast" |
| | | @input="dbd()" |
| | | :step="0.1" |
| | | :min="0" |
| | | :max="2" |
| | | ></el-slider> |
| | | </div> |
| | | <div class="in-yxw"> |
| | | <!-- <el-checkbox |
| | |
| | | @change="wu('checkbox')" |
| | | ></el-checkbox> --> |
| | | <label class="labelText">饱和度</label> |
| | | <el-slider class="sl" v-model="saturation" :show-tooltip="false" @change="bhd" :step="0.1" :min="0" |
| | | :max="3"></el-slider> |
| | | <el-slider |
| | | class="sl" |
| | | v-model="saturation" |
| | | @input="bhd()" |
| | | :step="0.1" |
| | | :min="0" |
| | | :max="2" |
| | | ></el-slider> |
| | | </div> |
| | | |
| | | <div class="in-yxw"> |
| | | <el-checkbox v-model="checkedYu" class="y" label="雨" @change="yu('checkbox')"></el-checkbox> |
| | | <el-slider class="sl" v-model="value1" :show-tooltip="false" @change="yu" :disabled="!checkedYu"></el-slider> |
| | | <el-checkbox |
| | | v-model="checkedYu" |
| | | class="y" |
| | | label="雨" |
| | | @change="yu('checkbox')" |
| | | ></el-checkbox> |
| | | <el-slider |
| | | class="sl" |
| | | v-model="value1" |
| | | :show-tooltip="false" |
| | | @change="yu" |
| | | :disabled="!checkedYu" |
| | | ></el-slider> |
| | | </div> |
| | | <div class="in-yxw"> |
| | | <el-checkbox v-model="checkedXue" class="y" label="雪" @change="xue('checkbox')"></el-checkbox> |
| | | <el-slider class="sl" v-model="value2" :show-tooltip="false" @change="xue" |
| | | :disabled="!checkedXue"></el-slider> |
| | | <el-checkbox |
| | | v-model="checkedXue" |
| | | class="y" |
| | | label="雪" |
| | | @change="xue('checkbox')" |
| | | ></el-checkbox> |
| | | <el-slider |
| | | class="sl" |
| | | v-model="value2" |
| | | :show-tooltip="false" |
| | | @change="xue" |
| | | :disabled="!checkedXue" |
| | | ></el-slider> |
| | | </div> |
| | | <div class="in-yxw"> |
| | | <el-checkbox v-model="checkedWu" class="y" label="雾" @change="wu('checkbox')"></el-checkbox> |
| | | <el-slider class="sl" v-model="value3" :show-tooltip="false" @change="wu" :disabled="!checkedWu"></el-slider> |
| | | <el-checkbox |
| | | v-model="checkedWu" |
| | | class="y" |
| | | label="雾" |
| | | @change="wu('checkbox')" |
| | | ></el-checkbox> |
| | | <el-slider |
| | | class="sl" |
| | | v-model="value3" |
| | | :show-tooltip="false" |
| | | @change="wu" |
| | | :disabled="!checkedWu" |
| | | ></el-slider> |
| | | </div> |
| | | |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | enableLight: false, |
| | | }; |
| | | }, |
| | | mounted() { |
| | | sgworld.environment.showEffect("colorAdjustment"); |
| | | }, |
| | | methods: { |
| | | ld() { |
| | | sgworld.brightness = this.brightness; |
| | | sgworld.environment.colorAdjustment.brightness = this.brightness; |
| | | }, |
| | | dbd() { |
| | | sgworld.contrast = this.contrast; |
| | | sgworld.environment.colorAdjustment.contrast = this.contrast; |
| | | }, |
| | | bhd() { |
| | | sgworld.saturation = this.saturation; |
| | | sgworld.environment.colorAdjustment.saturation = this.saturation; |
| | | }, |
| | | |
| | | closeJm() { |
| | | this.$store.commit('showSetBox', false) |
| | | this.$store.commit("showSetBox", false); |
| | | }, |
| | | // yhadd |
| | | //雨雪雾 |
| | |
| | | sgworld.Analysis.createWeather("fog", true, fogValue); |
| | | } |
| | | }, |
| | | |
| | | passSta() { |
| | | var sta = |
| | | this.checkedYu || |
| | | this.checkedXue || |
| | | this.checkedWu; |
| | | var sta = this.checkedYu || this.checkedXue || this.checkedWu; |
| | | if (sta) { |
| | | this.$parent.$parent.$parent.speEffectImgSta = true; |
| | | // this.$parent.$parent.$parent.sceneImgSta = true; |
| | |
| | | color: #fff; |
| | | top: 40%; |
| | | right: 350px; |
| | | transform: translate(0, -50%) |
| | | transform: translate(0, -50%); |
| | | } |
| | | |
| | | /* yhadd */ |