|
@@ -5,47 +5,61 @@
|
|
|
<image :src="adv.img" mode="aspectFill" @click="gotoHome">
|
|
|
</image>
|
|
|
</view>
|
|
|
- <scroll-view class="scrollV" scroll-y="true">
|
|
|
+ <view class="scrollV">
|
|
|
+ <!-- <scroll-view style="flex: 1;" @scroll='scrollYE' :scroll-top="topNum" scroll-y="true"> -->
|
|
|
<uni-table border stripe emptyText="暂无更多数据">
|
|
|
- <!-- 表头行 -->
|
|
|
- <uni-tr>
|
|
|
- <uni-th width="100rpx" align="left">序号</uni-th>
|
|
|
- <uni-th width="150rpx" align="left">姓名</uni-th>
|
|
|
- <uni-th width="152rpx" align="left">单位</uni-th>
|
|
|
- <uni-th width="100rpx" align="left">课程</uni-th>
|
|
|
- <uni-th width="100rpx" align="left">活动</uni-th>
|
|
|
- <uni-th width="150rpx" align="left" sortable>活跃度</uni-th>
|
|
|
- </uni-tr>
|
|
|
-
|
|
|
- <uni-tr>
|
|
|
- <uni-th width="100rpx" align="left">序号</uni-th>
|
|
|
- <uni-th width="150rpx" align="left">姓名</uni-th>
|
|
|
- <uni-th width="150rpx" align="left">单位</uni-th>
|
|
|
- <uni-th width="100rpx" align="left">课程</uni-th>
|
|
|
- <uni-th width="100rpx" align="left">活动</uni-th>
|
|
|
- <uni-th width="150rpx" align="left">活跃度</uni-th>
|
|
|
- </uni-tr>
|
|
|
- <!-- 表格数据行 -->
|
|
|
- <uni-tr v-for="(i,index) in arrlist" :key="i.openid">
|
|
|
- <uni-td>{{index + 1}}</uni-td>
|
|
|
- <uni-td>
|
|
|
- <view class="td" @click="show" :data-e="i.username">
|
|
|
- {{ i.username }}
|
|
|
- </view>
|
|
|
- </uni-td>
|
|
|
- <uni-td>
|
|
|
- <view class="td" @click="show" :data-e="i.schoolName">
|
|
|
- {{i.schoolName}}
|
|
|
- </view>
|
|
|
- </uni-td>
|
|
|
- <uni-td>{{i.views}}</uni-td>
|
|
|
- <uni-td>{{i.signNum}}</uni-td>
|
|
|
- <uni-td>{{i.act}}</uni-td>
|
|
|
- </uni-tr>
|
|
|
+ <view class="table-header">
|
|
|
+ <uni-tr>
|
|
|
+ <uni-th width="100rpx" align="left">序号</uni-th>
|
|
|
+ <uni-th width="150rpx" align="left">姓名</uni-th>
|
|
|
+ <uni-th width="150rpx" align="left">单位</uni-th>
|
|
|
+ <uni-th width="100rpx" align="left">课程</uni-th>
|
|
|
+ <uni-th width="100rpx" align="left">活动</uni-th>
|
|
|
+ <uni-th width="150rpx" align="left">活跃度</uni-th>
|
|
|
+ </uni-tr>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class="warper">
|
|
|
+ <uni-tr v-for="(i,index) in arrlist" :key="i.openid">
|
|
|
+ <uni-td>
|
|
|
+ <view class="td" style="width:100rpx">
|
|
|
+ {{index + 1}}
|
|
|
+ </view>
|
|
|
+ </uni-td>
|
|
|
+ <uni-td>
|
|
|
+ <view style="width:150rpx" class="td" @click="show" :data-e="i.username">
|
|
|
+ {{ i.username }}
|
|
|
+ </view>
|
|
|
+ </uni-td>
|
|
|
+ <uni-td>
|
|
|
+ <view style="width:150rpx" class="td" @click="show" :data-e="i.schoolName">
|
|
|
+ {{i.schoolName}}
|
|
|
+ </view>
|
|
|
+ </uni-td>
|
|
|
+ <uni-td>
|
|
|
+ <view class="td" style="width:100rpx">
|
|
|
+ {{i.views}}
|
|
|
+ </view>
|
|
|
+ </uni-td>
|
|
|
+ <uni-td>
|
|
|
+ <view class="td" style="width:100rpx">
|
|
|
+ {{i.signNum}}
|
|
|
+ </view>
|
|
|
+ </uni-td>
|
|
|
+ <uni-td>
|
|
|
+ <view class="td" style="width:150rpx">
|
|
|
+ {{i.act}}
|
|
|
+ </view>
|
|
|
+ </uni-td>
|
|
|
+ </uni-tr>
|
|
|
+ </view>
|
|
|
+
|
|
|
|
|
|
|
|
|
</uni-table>
|
|
|
- </scroll-view>
|
|
|
+ <!-- </scroll-view> -->
|
|
|
+ </view>
|
|
|
+
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
@@ -58,10 +72,17 @@
|
|
|
btn: 0
|
|
|
},
|
|
|
arrlist: [],
|
|
|
- adv: {}
|
|
|
+ adv: {},
|
|
|
+ topNum: 0
|
|
|
};
|
|
|
},
|
|
|
methods: {
|
|
|
+ scrollYE(e) {
|
|
|
+ if (e.detail.scrollTop >= 100) {
|
|
|
+ this.topNum = 100
|
|
|
+ console.log(this.topNum);
|
|
|
+ }
|
|
|
+ },
|
|
|
getdata() {
|
|
|
this.$request('/selectUserActivity', "get", {
|
|
|
oid: this.$store.state.user.openid
|
|
@@ -137,11 +158,12 @@
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
-<style lang="scss">
|
|
|
+<style lang="scss" scoped>
|
|
|
.ranking {
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
height: 100vh;
|
|
|
+ width: 750rpx;
|
|
|
|
|
|
.top {
|
|
|
width: 750rpx;
|
|
@@ -160,30 +182,66 @@
|
|
|
}
|
|
|
|
|
|
.scrollV {
|
|
|
- flex: 1;
|
|
|
overflow: hidden;
|
|
|
+ flex: 1;
|
|
|
+ display: flex;
|
|
|
+ width: 750rpx;
|
|
|
+ position: relative;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
- // 顶部大图
|
|
|
+ .table-header {
|
|
|
+ position: sticky;
|
|
|
+ left: 0;
|
|
|
+ top: 0;
|
|
|
+ z-index: 99999;
|
|
|
+ background-color: #fff;
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ /deep/ .uni-table-tr {
|
|
|
+ display: flex;
|
|
|
+ }
|
|
|
+
|
|
|
+ /deep/ .table--border {
|
|
|
+ box-sizing: border-box;
|
|
|
+ // border-right: 1px #000 solid;
|
|
|
+ }
|
|
|
|
|
|
- /deep/ .uni-table-tr:nth-child(1) {
|
|
|
- position: fixed;
|
|
|
+ /deep/ .uni-table-th {
|
|
|
background-color: #F7FBFF;
|
|
|
- transform: translate(0, -5rpx);
|
|
|
- padding-bottom: 7rpx;
|
|
|
+ padding: 0px 0;
|
|
|
+ height: 40px;
|
|
|
+ line-height: 40px;
|
|
|
+ padding-left: 20rpx;
|
|
|
+ display: flex;
|
|
|
+ flex-shrink: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ /deep/ .uni-table-td {
|
|
|
+ padding: 0px 0;
|
|
|
+ height: 40px;
|
|
|
+ border-right: none;
|
|
|
+ border-bottom: none;
|
|
|
}
|
|
|
|
|
|
/deep/ .uni-table-td:nth-child(1) {
|
|
|
- background-color: #F7FBFF;
|
|
|
- }
|
|
|
+ background-color: #F7FBFF;
|
|
|
+ }
|
|
|
|
|
|
- .td {
|
|
|
- display: -webkit-box;
|
|
|
- word-break: break-all;
|
|
|
- text-overflow: ellipsis;
|
|
|
- overflow: hidden;
|
|
|
- -webkit-box-orient: vertical;
|
|
|
- -webkit-line-clamp: 1;
|
|
|
- }
|
|
|
+ .td {
|
|
|
+ display: -webkit-box;
|
|
|
+ word-break: break-all;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ overflow: hidden;
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
+ -webkit-line-clamp: 1;
|
|
|
+ height: 40px;
|
|
|
+ padding-left: 20rpx;
|
|
|
+ line-height: 40px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ border-right: 1px #ebeef5 solid;
|
|
|
+ border-bottom: 1px #ebeef5 solid;
|
|
|
+ }
|
|
|
</style>
|