12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758 |
- <template>
- <div class='floor-function'>
- <div class="floor-item">
- <div class="floor-item-title">
- <span class="floor-item-text">F3</span>
- <p class="floor-item-goMap" @click='goToMapView'>
- <span>查看平面图 </span>
- <van-icon class='floor-item-arrow' name='arrow' />
- </p>
- </div>
- </div>
- </div>
- </template>
- <script>
- export default {
- name: 'FloorFunc',
- props: {},
- data() {
- return {}
- },
- components: {},
- beforeMount() {},
- mounted() {},
- methods: {
- goToMapView() {
- this.$router.push({ name: 'MapView' })
- },
- },
- }
- </script>
- <style lang='less' scoped>
- .floor-function {
- width: 100%;
- height: calc(100% - 50px);
- background-color: #FFFFFF;
- box-sizing: border-box;
- .floor-item-title {
- padding: 0 10px;
- height: 44px;
- line-height: 44px;
- background: rgba(2, 91, 170, 0.1);
- color: #025BAA;
- .floor-item-text {
- font-size: 16px;
- font-weight: 600;
- display: inline-block;
- }
- .floor-item-goMap {
- font-size: 14px;
- float: right;
- .floor-item-arrow {
- position: relative;
- top: 2px;
- }
- }
- }
- }
- </style>
|