+位置和细节,左侧导航栏接口，点击弹窗

liuyg

2021-12-22 eb71fd6eacc6cac2e704f57c472e181cbb20990c

 src/components/mobilePopupOurAfter/index.vue

@@ -44,7 +44,9 @@
  getListnetwork,
  getListaed,
  getListsignal,
  getListtransference,
} from "@/api/mobile/livingFacilities/index"; //生活设施
import { getListdoor } from "@/api/mobile/outIn/index"; //出入口
import { getListparking } from "@/api/mobile/stop/index"; //停车场
export default {
  name: "mobilePopupOurAfter",
@@ -107,18 +109,14 @@
        { name: "校内医疗", type: 3, method: getListmedical },
        { name: "邮寄快递", type: 4, method: getListmail },
        { name: "学生浴室", type: 5, method: getListbathroom },
        // { name: "圈存机", type: 6 ,method:getListlivingFacilitiesr},
        { name: "圈存机", type: 6, method: getListtransference },
        { name: "打字复印", type: 7, method: getListduplicate },
        { name: "AED", type: 8, method: getListaed },
        { name: "银行网点", type: 9, method: getListnetwork },
        { name: "通信营业厅", type: 10, method: getListsignal },
      ],
      openData4: [
        { name: "文化风景", type: 1, method: getListlivingFacilitiesr },
      ],
      openData5: [
        { name: "出入口", type: 1, method: getListlivingFacilitiesr },
      ],
      openData4: [{ name: "文化风景", type: 5, method: getChildNavList }],
      openData5: [{ name: "出入口", type: 1, method: getListdoor }],
      openData6: [{ name: "停车场", type: 1, method: getListparking }],
    };
  },
@@ -152,6 +150,24 @@
  width: 75%;
  height: 25%;
  background-color: #fff;
  // background-image: linear-gradient(
  //     // 135deg,
  //     #28bbf06c 30px,
  //     #28bbf06c 30px,
  //     // #28bbf06c 50%,
  //     // transparent 50%
  //     #28bbf06c 100%,
  //     transparent 100%
  //   ),
  //   linear-gradient(
  //     // -45deg,
  //     transparent 30px,
  //     #28bbf06c 30px,
  //     // #28bbf06c 50.1%,
  //     // transparent 50%
  //     #28bbf06c 100%,
  //     transparent 100%
  //   );
  z-index: 300;
  .m_p_a_heard {
    width: 100%;
@@ -160,7 +176,7 @@
    padding: 5px 15px;
    @extend .flexCenter;
    justify-content: space-between;
    background-color: #a40000;
    background-color: #29baf1;
    div {
      width: 35px;
      height: 35px;
@@ -183,11 +199,17 @@
      .m_p_a_center_once {
        width: 30%;
        height: 100%;
        background-color: #a40000;
        // background-image: linear-gradient(#29baf1, #28bbf06c);
        // background-color: #a40000;
        background-color: #29baf1;
        color: #fff;
        // border: 2px solid rgba(105, 215, 255, 0.658);
        border: 2px solid rgb(255, 255, 255);
        @extend .flexCenter;
        flex-direction: column;
        // &:hover {
        // background-image: linear-gradient(#09b7fc, #28bbf0a4);
        // }
      }
    }
  }