wang
2024-04-24 e324410d4617e4b5c4b62ff7a0a69be2ba96d69d
UI-Project/src/views/Slicecage/slicecage.vue
@@ -11,7 +11,7 @@
const dialogFormVisiblea = ref(false)
const dialogFormVisibleb = ref(false)
const carposition1 = ref(40);
const carposition1 = ref(60);
const carposition2 = ref(200);
const timers1 =ref(true);
const timers2 =ref(true);
@@ -79,25 +79,25 @@
      if(million.value-million1.value>=2){
        if(carposition1.value==200){
          timers1.value=false;
        }else if(carposition1.value==40){
        }else if(carposition1.value==60){
          timers1.value=true;
        }
        if(timers1.value==true){
          carposition1.value=carposition1.value+16;
          carposition1.value=carposition1.value+14;
        }else{
          carposition1.value=carposition1.value-16;
          carposition1.value=carposition1.value-14;
        }
        
        if(carposition2.value==200){
          timers2.value=false;
        }else if(carposition2.value==40){
        }else if(carposition2.value==60){
          timers2.value=true;
        }
        if(timers2.value==true){
          carposition2.value+=16;
          carposition2.value+=14;
        }else{
          carposition2.value-=16;
          carposition2.value-=14;
        }
      }else{
@@ -322,13 +322,13 @@
<!-- // 父级框 -->
<div class="img-dlpl" >
    <div class="img-car1" :style="'z-index:999;left:247px;top:' + carposition1 + 'px;position:absolute;'">
      <div v-show="cellshow1" style="margin-top:10px;width:200px;height:5px;background-color:red;"></div>
      <div v-show="cellshow1" style="margin-top:10px;width:200px;height:5px;background-color:#409EFF;"></div>
    </div>
    
    <div class="img-car2" :style="'z-index:999;left:704px;top:' + carposition2 + 'px;position:absolute;'">
      <div v-show="cellshow2" style="margin-top:10px;width:200px;height:5px;background-color:red;"></div>
      <div v-show="cellshow2" style="margin-top:10px;width:200px;height:5px;background-color:#409EFF;"></div>
    </div>
    <div v-show="cellshow" style="width: 200px;height: 5px;position: absolute;top:60px;left: 490px;background-color: red;">
    <div v-show="cellshow" style="width: 200px;height: 5px;position: absolute;top:70px;left: 480px;background-color: #409EFF;">
    </div>
</div>
@@ -621,7 +621,7 @@
    position:relative
}
.img-car1{
  background-image:url('../../assets/lpl.jpg');
  background-image:url('../../assets/lp.png');
  position: absolute;
  background-repeat: no-repeat;
    background-attachment: local;
@@ -633,7 +633,7 @@
    position:relative
}
.img-car2{
  background-image:url('../../assets/lpla.jpg');
  background-image:url('../../assets/lpa.png');
  position: absolute;
  background-repeat: no-repeat;
    background-attachment: local;