1.3 0.2

src/view/myIndex.vue

@@ -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>