首页

2023-07-10 11:44:41 +08:00
parent 444c6bb486
commit 8ceba4234d
52 changed files with 7263 additions and 5078 deletions
--- a/src/components/apartmentList/apartmentList.vue
+++ b/src/components/apartmentList/apartmentList.vue
@@ -0,0 +1,102 @@
+<template>
+    <div class="list-item">
+        <div class="item-title">
+            安怡居 | 旺角毓成楼
+        </div>
+        <div class="item-text">
+            大学认可校外宿舍 ，24小时保安洋楼
+        </div>
+        <div class="item-img-box">
+            <div class="img-box">
+                <img src="../../assets/homeImage/mapImg.png" class="item-img" alt="">
+                <img src="../../assets/homeImage/voide.svg" class="img" alt="">
+            </div>
+            <div class="img-box">
+                <img src="../../assets/homeImage/mapImg.png" class="item-img" alt="">
+                <img src="../../assets/homeImage/voide.svg" class="img" alt="">
+            </div>
+        </div>
+    </div>
+</template>
+  
+<script setup>
+
+</script>
+<script>
+export default {
+    props: {
+        List: {
+            type: Array,
+            default: function () {
+                return []
+            }
+        }
+    }
+}
+</script>
+<style scoped>
+.list-item {
+    width: 291px;
+    background: -webkit-linear-gradient(282.684800209667deg, rgba(255, 255, 255, 1) 27%, rgba(98, 177, 255, 1) 325%);
+    background: -moz-linear-gradient(167.315199790333deg, rgba(255, 255, 255, 1) 27%, rgba(98, 177, 255, 1) 325%);
+    background: linear-gradient(167.315199790333deg, rgba(255, 255, 255, 1) 27%, rgba(98, 177, 255, 1) 325%);
+    box-sizing: border-box;
+    border-width: 1px;
+    border-style: solid;
+    border-color: rgba(229, 232, 240, 1);
+    border-radius: 16px;
+    padding: 15px 20px;
+    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.0784313725490196);
+    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.0784313725490196);
+    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.0784313725490196);
+
+    .item-title {
+        font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif;
+        font-weight: 400;
+        font-style: normal;
+        font-size: 16px;
+        color: #000000;
+        text-align: left;
+    }
+
+    .item-text {
+        font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif;
+        font-weight: 400;
+        font-style: normal;
+        font-size: 14px;
+        color: #7F7F7F;
+        text-align: left;
+        margin-top: 12px;
+    }
+
+    .item-img-box {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        margin-top: 20px;
+
+        .img-box {
+            width: 120px;
+            height: 80px;
+            border-radius: 10px;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+
+            .item-img {
+                width: 120px;
+                height: 80px;
+                border-radius: 10px;
+            }
+
+            .img {
+                width: 46px;
+                height: 46px;
+                object-fit: contain;
+                position: absolute;
+            }
+        }
+    }
+}
+</style>
+