| | |
| | | |
| | | <view style="height:205rpx;"></view> |
| | | <view class="tab" style="position: fixed;top: 0;width: 100%;height: 205rpx;z-index: 100;"> |
| | | <u-navbar style="position: relative;" :is-fixed="false" :border-bottom="false" :is-back="false" |
| | | title="好友" :background="{ background: '#0BB9C8' }" title-color="#fff"> |
| | | <u-navbar style="position: relative;" :is-fixed="false" :border-bottom="false" :is-back="false" title="好友" |
| | | :background="{ background: '#0BB9C8' }" title-color="#fff"> |
| | | <u-icon @click="addFriend" slot="right" class="message-icon" mode="widthFix" name="plus" color="#fff"> |
| | | </u-icon> |
| | | <!-- <image src="../../static/add.png" ></image> --> |
| | |
| | | <u-tabs :list="list" :is-scroll="false" :current="current" active-color="#14B9C8" inactive-color="#595959" |
| | | height="100" @change="change" style="background-color:rgba(255,255,255,0.8); "></u-tabs> |
| | | </view> |
| | | |
| | | |
| | | <swiper id="swiperBoxPeo" :style="{ height: swiperHeight + 'px' }" :current="current" @change="tabsChange"> |
| | | <swiper-item class="swiper-item" v-for="(item, indexs) in list" :key="indexs"> |
| | | <view v-if="indexs == 0" class="main"> |
| | |
| | | </view> |
| | | </swiper-item> |
| | | </swiper> |
| | | |
| | | |
| | | </view> |
| | | </template> |
| | | |
| | |
| | | query |
| | | .select('#swiperBoxPeo') |
| | | .boundingClientRect(data => { |
| | | |
| | | |
| | | that.swiperHeight = safeArea.bottom - data.top; |
| | | |
| | | |
| | | }) |
| | | .exec(); |
| | | } |
| | | }); |
| | | }, |
| | | |
| | | onPullDownRefresh: function() { |
| | | |
| | | setTimeout(() => { |
| | | this.getdataList() |
| | | }, 1000) |
| | | |
| | | }, |
| | | |
| | | methods: { |
| | | change(index) { |
| | | this.current = index; |
| | |
| | | } |
| | | } |
| | | that.dataListP = resdata; |
| | | |
| | | uni.stopPullDownRefresh(); |
| | | } |
| | | }); |
| | | } else if (this.current == 1) { |
| | |
| | | } |
| | | |
| | | that.dataListTXL = resdata; |
| | | |
| | | uni.stopPullDownRefresh(); |
| | | } |
| | | }) |
| | | } else if (this.current == 2) { |
| | |
| | | } |
| | | } |
| | | that.dataListQZ = resdata; |
| | | |
| | | uni.stopPullDownRefresh(); |
| | | } |
| | | }); |
| | | } |
| | |
| | | |
| | | .m-main { |
| | | box-sizing: border-box; |
| | | |
| | | .main { |
| | | padding: 0 16px; |
| | | } |
| | |
| | | } |
| | | } |
| | | } |
| | | |
| | | |
| | | .swiper-item { |
| | | overflow-y: auto !important; |
| | | } |