12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849 |
- <template>
- <div class='floor-function'>
- <div class="floor-item">
- <div class="floor-item-title">
- <span>F3</span>
- <a class="floor-item-goMap" href="#">查看平面图</a>
- </div>
- </div>
- </div>
- </template>
- <script>
- export default {
- name: 'FloorFunc',
- props: {},
- data() {
- return {}
- },
- components: {},
- beforeMount() {},
- mounted() {},
- methods: {},
- }
- </script>
- <style lang='less' scoped>
- .floor-function {
- width: 100%;
- height: calc(100% - 50px);
- 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>
|