|
|
@@ -49,6 +49,7 @@
|
|
|
v-model="count"
|
|
|
@change="sliderchange"
|
|
|
></el-slider>
|
|
|
+ <span class="demonstration">动画结束</span>
|
|
|
</div>
|
|
|
|
|
|
<div class="itemlist">
|
|
|
@@ -59,10 +60,11 @@
|
|
|
</div>
|
|
|
|
|
|
<!-- <button @click="inOpacity">透明度： {{ opacity }}</button> -->
|
|
|
- <!-- <div class="dialog-footer">
|
|
|
- <el-button @click="dialogVisible = false">取 消</el-button>
|
|
|
- <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
|
|
|
- </div > -->
|
|
|
+ <div class="dialog-footer">
|
|
|
+ <span class="btn" @click="dialogVisible = false">关 闭</span>
|
|
|
+ <!-- <el-button>关 闭</el-button> -->
|
|
|
+ <!-- <el-button type="primary" @click="dialogVisible = false">确 定</el-button> -->
|
|
|
+ </div >
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -198,7 +200,8 @@ function sleep(numberMillis) {
|
|
|
console.log(exitTime);
|
|
|
}
|
|
|
//联级选择
|
|
|
-function handleChange(val){// console.log(val[0])
|
|
|
+function handleChange(val){//
|
|
|
+ console.log(val)
|
|
|
arrvalue=val;
|
|
|
console.log("arrvalue",arrvalue);
|
|
|
min.value=0.0;
|
|
|
@@ -376,6 +379,7 @@ onMounted(() => {
|
|
|
});
|
|
|
</script>
|
|
|
|
|
|
+
|
|
|
<style>
|
|
|
.controls {
|
|
|
position: absolute;
|
|
|
@@ -415,16 +419,16 @@ margin: -6px 0;
|
|
|
.leftdialong{
|
|
|
padding: 15px;
|
|
|
width: 300px;
|
|
|
- border: 1px solid #fff;
|
|
|
position: relative;
|
|
|
top: -248px;
|
|
|
left: 69px;
|
|
|
border-radius: 5px;
|
|
|
-
|
|
|
+ box-shadow: 0px 3px 10px rgba(255, 255, 255, 0.1);
|
|
|
}
|
|
|
.leftdialong .el-form-item__label{
|
|
|
font-size: 12px;
|
|
|
color: #fff !important;
|
|
|
+padding-left: 6px;
|
|
|
}
|
|
|
.time{
|
|
|
color: #fff;
|
|
|
@@ -441,8 +445,41 @@ color: #fff !important;
|
|
|
border-radius: 5px;
|
|
|
font-size: 14px;
|
|
|
transform: scale(0.8);
|
|
|
+ color: #fff;
|
|
|
}
|
|
|
.dialog-footer{
|
|
|
margin-top: 30px;
|
|
|
+ text-align: right;
|
|
|
+}
|
|
|
+.block{
|
|
|
+display: flex;
|
|
|
+}
|
|
|
+.demonstration{
|
|
|
+padding: 5px 5px 5px 0;
|
|
|
+font-size: 12px;
|
|
|
+color: #fff;
|
|
|
+display: inline-block;
|
|
|
+width:100px;
|
|
|
+height: 24px;
|
|
|
+line-height: 24px;
|
|
|
+}
|
|
|
+.block .el-slider{
|
|
|
+ padding: 0 5px;
|
|
|
+}
|
|
|
+.cascadeer .el-cascader{
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+.cascadeer .asterisk-left{
|
|
|
+ width: 100% !important;
|
|
|
+ font-size: 12px;
|
|
|
+}
|
|
|
+.btn{
|
|
|
+ background-color: rgba(255, 255, 255, 0.1);
|
|
|
+ margin: 5px;
|
|
|
+ padding: 5px 9px;
|
|
|
+ border-radius: 5px;
|
|
|
+ font-size: 14px;
|
|
|
+ transform: scale(0.8);
|
|
|
+ color: #fff;
|
|
|
}
|
|
|
</style>
|
