|
@@ -1,6 +1,11 @@
|
|
|
<template>
|
|
|
<div class='floor-function'>
|
|
|
- <p>FloorFunc</p>
|
|
|
+ <div class="floor-item">
|
|
|
+ <div class="floor-item-title">
|
|
|
+ <span>F3</span>
|
|
|
+ <a class="floor-item-goMap" href="#">查看平面图</a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
@@ -20,6 +25,25 @@ export default {
|
|
|
.floor-function {
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
- background-color: #add8e6;
|
|
|
+ background-color: #FFFFFF;
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding: 0 21px;
|
|
|
+ .floor-item-title {
|
|
|
+ padding: 0 10px;
|
|
|
+ height: 30px;
|
|
|
+ line-height: 30px;
|
|
|
+ background: #EFECEC;
|
|
|
+ border-radius: 1px;
|
|
|
+ color: rgba(18, 18, 18, 1);
|
|
|
+ font-size: 18px;
|
|
|
+ text-align: left;
|
|
|
+ box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.4);
|
|
|
+ font-family: Arial;
|
|
|
+ border: 1px solid rgba(255, 255, 255, 0);
|
|
|
+ .floor-item-goMap {
|
|
|
+ font-size: 12px;
|
|
|
+ float: right;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|