<script setup lang="ts">
|
import { currentGET } from "@/api";
|
import SeamlessScroll from "@/components/seamless-scroll";
|
import { computed, onMounted, reactive } from "vue";
|
import { useSettingStore } from "@/stores";
|
import { storeToRefs } from "pinia";
|
import EmptyCom from "@/components/empty-com"
|
|
</script>
|
|
<template>
|
<div class="left_boottom_wrap beautify-scroll-def" >
|
重点景区
|
</div>
|
</template>
|
|
<style scoped lang="scss">
|
.left_boottom_wrap {
|
overflow: hidden;
|
width: 100%;
|
height: 100%;
|
}
|
|
.doudong {
|
overflow: hidden;
|
backface-visibility: hidden;
|
}
|
|
.overflow-y-auto {
|
overflow-y: auto;
|
}
|
|
.left_boottom {
|
width: 100%;
|
height: 100%;
|
|
.left_boottom_item {
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
padding: 8px;
|
font-size: 14px;
|
margin: 10px 0;
|
.orderNum {
|
margin: 0 16px 0 -20px;
|
}
|
|
.info {
|
margin-right: 10px;
|
display: flex;
|
align-items: center;
|
color: #fff;
|
|
.labels {
|
flex-shrink: 0;
|
font-size: 12px;
|
color: rgba(255, 255, 255, 0.6);
|
}
|
|
.zhuyao {
|
color: $primary-color;
|
font-size: 15px;
|
}
|
|
.ciyao {
|
color: rgba(255, 255, 255, 0.8);
|
}
|
|
.warning {
|
color: #e6a23c;
|
font-size: 15px;
|
}
|
}
|
|
.inner_right {
|
position: relative;
|
height: 100%;
|
width: 380px;
|
flex-shrink: 0;
|
line-height: 1;
|
display: flex;
|
align-items: center;
|
justify-content: space-between;
|
flex-wrap: wrap;
|
.dibu {
|
position: absolute;
|
height: 2px;
|
width: 104%;
|
background-image: url("@/assets/img/zuo_xuxian.png");
|
bottom: -10px;
|
left: -2%;
|
background-size: cover;
|
}
|
.addresswrap {
|
width: 100%;
|
display: flex;
|
margin-top: 8px;
|
}
|
}
|
|
.wangguan {
|
color: #1890ff;
|
font-weight: 900;
|
font-size: 15px;
|
width: 80px;
|
flex-shrink: 0;
|
}
|
|
.time {
|
font-size: 12px;
|
// color: rgba(211, 210, 210,.8);
|
color: #fff;
|
}
|
|
.address {
|
font-size: 12px;
|
cursor: pointer;
|
// @include text-overflow(1);
|
}
|
|
.types {
|
width: 30px;
|
flex-shrink: 0;
|
}
|
|
.typeRed {
|
color: #fc1a1a;
|
}
|
|
.typeGreen {
|
color: #29fc29;
|
}
|
}
|
}
|
</style>
|
