FloorFunc.vue 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. <template>
  2. <div class='floor-function'>
  3. <div class="floor-item">
  4. <div class="floor-item-title">
  5. <span>F3</span>
  6. <a class="floor-item-goMap" href="#">查看平面图</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. padding: 0 21px;
  31. .floor-item-title {
  32. padding: 0 10px;
  33. height: 30px;
  34. line-height: 30px;
  35. background: #EFECEC;
  36. border-radius: 1px;
  37. color: rgba(18, 18, 18, 1);
  38. font-size: 18px;
  39. text-align: left;
  40. box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.4);
  41. font-family: Arial;
  42. border: 1px solid rgba(255, 255, 255, 0);
  43. .floor-item-goMap {
  44. font-size: 12px;
  45. float: right;
  46. }
  47. }
  48. }
  49. </style>