样式调整

long

2024-01-31 908dadf0c21eba4a08d44c915079b726519b0728

样式调整

 src/assets/css/common.css

@@ -209,7 +209,7 @@
    height: 900px; */
    background-color: rgba(34,123,235,1);
    box-sizing: border-box;
    padding: 0 23px 42px 23px;
    padding: 0 23px 23px 23px;
}
/* 避免Chrome浏览器看到Safari黑客 */
@supports (-webkit-touch-callout: none) {
@@ -273,19 +273,35 @@
}

.btn_ani {
    animation-name: anim_scale;
    animation-duration: 1.1s;
    animation-iteration-count: infinite;
    -webkit-animation: anim_scale 1.1s;
            animation: anim_scale 1.1s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
    /* animation-name: anim_scale;
    animation-duration: 1.1s; */
    /* animation-iteration-count: infinite; */
}

@-webkit-keyframes anim_scale {
    0% {
    transform: scale(1);
    }
    50% {
    transform: scale(1.1);
    }
    100% {
    transform: scale(1);
  }
}

@keyframes anim_scale {
    0% {
        scale: 1;
    transform: scale(1);
    }
    50% {
        scale: 1.1;
    transform: scale(1.1);
    }
    100% {
        scale: 1;
    transform: scale(1);
  }
}
}

 src/components/xio_room_guest_box/index.vue

@@ -133,9 +133,9 @@
  width: 12.54%;
}
.guest_box {
  margin-top: 65px;
  margin-top: 55px;
  width: 100%;
  height: 345px;
  height: 340px;
  background-color: #fff;
  overflow: hidden;
}

 src/components/xio_room_guest_info_box/index.vue

@@ -1,7 +1,7 @@
<template>
  <div class="guest_info_box">
  <div class="guest_info_box flex flex-col">
    <div v-if="roomInfo && roomInfo.roomNo" class="room_title">{{ roomInfo.roomNo }}</div>
    <div class="room_content">
    <div class="room_content flex-1">
      <div class="tip">诊疗安排</div>
      <!-- <div class="name">{{ occupyInfoView.userName }}</div> appellationName -->
      <div v-show="isShowAppellationName" class="flex flex-center">
@@ -34,7 +34,7 @@
      <div v-if="occupyInfoView.ciq" class="ciq">({{ occupyInfoView.ciq }})</div>
      <div v-if="occupyInfoView.startTime" class="time">安排治疗时间：{{ occupyInfoView.startTime }} 开始</div>
    </div>
    <div v-show="occupyInfoView" class="room_left_btn_box flex flex-ver" style="margin-top: 105px;">
    <div v-show="occupyInfoView" class="room_left_btn_box flex flex-ver">
      <div v-show="occupyInfoView.treatRoomStatus == 0" class="room_left_btn_box__item flex flex-1 flex-center b-green btn_ani" @click="setStatus('敷麻中', 4, occupyInfoView)">开始敷麻</div>
      <div v-show="occupyInfoView.treatRoomStatus == 0" class="room_left_btn_box__item flex flex-1 flex-center green btn_ani" style="margin-right: 0;" @click="setStatus('使用中', 1, occupyInfoView)">开始治疗</div>
      <div v-show="occupyInfoView.treatRoomStatus == 4" class="room_left_btn_box__item flex flex-center green btn_ani" @click="setStatus('使用中', 1, occupyInfoView)">开始治疗</div>
@@ -213,7 +213,8 @@
}
.guest_info_box .room_left_btn_box {
  padding: 0 23px;
  margin-top: 163px;
  /* margin-top: 163px; */
  margin-bottom: 40px;
}
.guest_info_box .room_left_btn_box__item {
  width: 500px;

 src/pages/room/detail.vue

@@ -744,6 +744,9 @@
}
.page_header_placeholer {
  height: 100px;
  width: 100%;
  display: block;
  flex-shrink: 0;
}
.page_header {
  position: fixed;