| | |
| | | <template> |
| | | <view class="registerUser"> |
| | | |
| | | <view class="group-chat-box"> |
| | | <view class="group-chat-box" id="groupChatBox" :style="{ height: swiperHeight + 'px' }"> |
| | | |
| | | <u-form :model="form" ref="uForm"> |
| | | |
| | |
| | | groupnotice: '', |
| | | groupmember: '', |
| | | }, |
| | | swiperHeight: 0 |
| | | } |
| | | }, |
| | | onReady() { |
| | | this.$refs.uForm.setRules(this.rules); |
| | | let that = this; |
| | | uni.getSystemInfo({ |
| | | success(e) { |
| | | console.log(e); |
| | | let { |
| | | windowWidth, |
| | | windowHeight, |
| | | safeArea |
| | | } = e; |
| | | const query = uni.createSelectorQuery().in(that); |
| | | query |
| | | .select('#groupChatBox') |
| | | .boundingClientRect(data => { |
| | | |
| | | that.swiperHeight = (safeArea.bottom - 58); |
| | | |
| | | }) |
| | | .exec(); |
| | | } |
| | | }); |
| | | }, |
| | | onLoad() { |
| | | this.getFriend(); |
| | |
| | | } |
| | | |
| | | .registerUser { |
| | | height: 100%; |
| | | background: #f7f7f7; |
| | | |
| | | .group-chat-box { |
| | | height: calc(100% - 116rpx); |
| | | padding: 0 1.2rem; |
| | | box-sizing: border-box; |
| | | overflow-y: auto; |