FloorFunc.vue 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. <template>
  2. <div class='floor-function'>
  3. <div class="floor-item">
  4. <div class="floor-item-title">
  5. <span class="floor-item-text">F3</span>
  6. <a class="floor-item-goMap">查看平面图</a>
  7. </div>
  8. </div>
  9. </div>
  10. </template>
  11. <script>
  12. export default {
  13. name: 'FloorFunc',
  14. props: {},
  15. data() {
  16. return {}
  17. },
  18. components: {},
  19. beforeMount() {},
  20. mounted() {},
  21. methods: {},
  22. }
  23. </script>
  24. <style lang='less' scoped>
  25. .floor-function {
  26. width: 100%;
  27. height: calc(100% - 50px);
  28. background-color: #FFFFFF;
  29. box-sizing: border-box;
  30. .floor-item-title {
  31. padding: 0 10px;
  32. height: 44px;
  33. line-height: 44px;
  34. background: rgba(2, 91, 170, 0.1);
  35. color: #025BAA;
  36. .floor-item-text {
  37. font-size: 16px;
  38. font-weight: 600;
  39. display: inline-block;
  40. height: 44px;
  41. line-height: 44px;
  42. }
  43. .floor-item-goMap {
  44. height: 44px;
  45. line-height: 44px;
  46. font-size: 14px;
  47. float: right;
  48. }
  49. }
  50. }
  51. </style>