From 6c2ee92d94328d24d4d734bae6dd2c6304c2a500 Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Thu, 19 Aug 2021 17:11:00 +0800
Subject: [PATCH] 样式调整
---
pages/groupChat/groupChat.vue | 66 +++++++++++++++++++-------------
1 files changed, 39 insertions(+), 27 deletions(-)
diff --git a/pages/groupChat/groupChat.vue b/pages/groupChat/groupChat.vue
index e9fed06..762c7b1 100644
--- a/pages/groupChat/groupChat.vue
+++ b/pages/groupChat/groupChat.vue
@@ -6,14 +6,17 @@
<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;left: -18rpx;" :is-fixed="false" :border-bottom="false" :is-back="false"
+ <u-navbar style="position: relative;" :is-fixed="false" :border-bottom="false" :is-back="false"
title="好友" :background="{ background: '#0BB9C8' }" title-color="#fff">
- <image @click="addFriend" slot="right" src="../../static/add.png" class="message-icon" mode="widthFix"></image>
+ <u-icon @click="addFriend" slot="right" class="message-icon" mode="widthFix" name="plus" color="#fff">
+ </u-icon>
+ <!-- <image src="../../static/add.png" ></image> -->
</u-navbar>
<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>
+ height="100" @change="change" style="background-color:rgba(255,255,255,0.8); "></u-tabs>
</view>
- <swiper id="swiperBox" style="height: 100%;" :current="current" @change="tabsChange">
+
+ <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">
<div>
@@ -53,7 +56,7 @@
<view v-if="indexs == 2" class="main">
<div>
<div class="m-main">
-
+
<view class="applys" @click="newGroup">
<view class="head-wraps">
<image src="../../static/qunzhu.png" class="head" />
@@ -67,7 +70,7 @@
<text class="data"></text>
</view>
</view>
-
+
<!-- <view class="inTitle">{{Task}}</view> -->
<view class="inTmain">
<contacts v-for="(item,index) in dataListQZ" :key="index" :Pdata="item" :fromW="indexs"
@@ -78,7 +81,7 @@
</view>
</swiper-item>
</swiper>
-
+
</view>
</template>
@@ -128,7 +131,6 @@
let that = this;
uni.getSystemInfo({
success(e) {
- console.log(e);
let {
windowWidth,
windowHeight,
@@ -136,9 +138,11 @@
} = e;
const query = uni.createSelectorQuery().in(that);
query
- .select('#swiperBox')
+ .select('#swiperBoxPeo')
.boundingClientRect(data => {
+
that.swiperHeight = safeArea.bottom - data.top;
+
})
.exec();
}
@@ -181,7 +185,6 @@
}
}
that.dataListP = resdata;
- that.swiperHeight = resdata.length * 85;
}
});
} else if (this.current == 1) {
@@ -199,8 +202,14 @@
resdata[i].avatar = "http://s16s652780.51mypc.cn/img/bg/img-logo.png";
}
}
- that.dataListTXL = resdata;
- // that.swiperHeight = resdata.length * 95;
+
+ that.dataListTXL = [];
+ for (var i = 0; i < 100; i++) {
+ that.dataListTXL.push(resdata[0])
+ }
+
+
+ // that.dataListTXL = resdata;
}
})
} else if (this.current == 2) {
@@ -211,7 +220,7 @@
data: {
id: WxStorage.get("ids")
},
- contentType:"application/x-www-form-urlencoded",
+ contentType: "application/x-www-form-urlencoded",
success: (res) => {
var resdata = res.data.data;
for (var i = 0; i < resdata.length; i++) {
@@ -227,17 +236,17 @@
refreshTask() {
this.getdataList(1);
},
- toFriendRequest(){
+ toFriendRequest() {
uni.navigateTo({
url: '/pages/groupChat/friendrequest?'
});
},
- addFriend(){
+ addFriend() {
uni.navigateTo({
url: '/pages/groupChat/addFriend?'
});
},
- newGroup(){
+ newGroup() {
uni.navigateTo({
url: '/pages/groupChat/newGroup/newGroup?'
});
@@ -249,7 +258,6 @@
},
onPageScroll(e) {
- // console.log(e.scrollTop, 'pingmu')
this.rect = e.scrollTop
},
watch: {
@@ -275,7 +283,7 @@
.work {
width: 100%;
height: 100%;
- padding: 0rem 2.5% 3rem 2.5%;
+ padding: 0;
box-sizing: border-box;
.hello {
@@ -355,15 +363,16 @@
}
.m-main {
- padding-left: 32upx;
box-sizing: border-box;
+ .main {
+ padding: 0 16px;
+ }
}
}
}
.message-icon {
- width: 42rpx;
- height: auto;
+ font-size: 28px;
margin-right: 27rpx;
}
@@ -376,9 +385,8 @@
.applys {
display: flex;
// margin: 40rpx 0;
- padding: 40rpx 0;
+ margin: 16rpx 32rpx !important;
height: 130rpx;
- padding: 16upx 0;
align-items: center;
border-bottom: 1px solid rgba(0, 0, 0, .1);
@@ -413,18 +421,18 @@
text-align: center;
}
}
-
+
.head-wraps {
position: relative;
-
-
+
+
image {
width: 96rpx;
height: 96rpx;
border-radius: 20upx;
background-color: rgba(85, 170, 255, 1.0);
}
-
+
.tip {
position: absolute;
top: -6rpx;
@@ -477,4 +485,8 @@
}
}
}
+
+ .swiper-item {
+ overflow-y: auto !important;
+ }
</style>
--
Gitblit v1.9.3