diff --git a/subpkg/archives/archives.vue b/subpkg/archives/archives.vue index a7258f0..201b012 100644 --- a/subpkg/archives/archives.vue +++ b/subpkg/archives/archives.vue @@ -1,54 +1,42 @@ @@ -77,12 +65,15 @@ this.initLoadconfig(); this.loadInformationList(); }, - computed:{ + computed: { // 是否显示查看和更新按钮 - showView(){ - return this.$store.state.app.userInfo.admin_id?false:true; + showView() { + return this.$store.state.app.userInfo.admin_id ? false : true; } }, + onReachBottom() { + this.loadInformationList(); + }, methods: { navTo(url) { url ? @@ -90,7 +81,7 @@ url: url, }) : Toast('暂未开放') }, - initLoadconfig(){ + initLoadconfig() { this.loadConfig.page = 1; this.loadConfig.status = "loadmore"; this.list = []; @@ -139,112 +130,106 @@ padding: 28rpx 0; margin-bottom: 100rpx; - .personnel_item { + .item { margin: 0 auto; width: 694rpx; - // height: 407rpx; + // height: 201rpx; background: #FFFFFF; border-radius: 14rpx 14rpx 14rpx 14rpx; - margin-bottom: 32rpx; - overflow: hidden; - position: relative; + opacity: 1; + margin-bottom: 21rpx; + box-sizing: border-box; padding: 28rpx; .top { - // background-color: #3274F9; display: flex; - + justify-content: space-between; + align-items: center; + width: 100%; + + .avatar { + width: 88rpx; + height: 88rpx; + border-radius: 50%; + margin-right: 18rpx; + } + + .u_avatar { + margin-right: 18rpx; + } + + .text { + display: flex; + justify-content: space-around; + flex-direction: column; + height: 100%; + + .name { + font-size: 32rpx; + font-weight: 500; + color: #333333; + } + + .mobile { + color: #999999; + font-size: 28rpx; + } + } + .right { + height: 100%; display: flex; flex-direction: column; - justify-content: space-around; - margin-left: 28rpx; - font-size: 25rpx; - font-weight: 400; - overflow: hidden; - color: #999999; - - .info_top { + justify-content: center; + + .top, + .bottom { + width: 158rpx; + height: 53rpx; + background: #FFFFFF; + border-radius: 26rpx 26rpx 26rpx 26rpx; + opacity: 1; + border: 2rpx solid #3274F9; + color: #3274F9; display: flex; - align-items: flex-end; - font-size: 25rpx; - font-weight: 400; - color: $theme-oa-color; - margin-bottom: 8rpx; - - .info_name { - font-size: 32rpx; - font-weight: 400; - color: #333333; - margin-right: 18rpx; - } + align-items: center; + justify-content: center; } - - .info_bottom { - display: flex; - margin-bottom: 8rpx; - - .item { - display: flex; - align-items: center; - } - - .phone { - margin-right: 28rpx; - } + + .bottom { + border: 2rpx solid #F9AA32; + color: #F9AA32; + margin-top: 18rpx; } } } - - .location { - margin-top: 18rpx; - display: flex; - font-size: 25rpx; - font-weight: 400; - overflow: hidden; - color: #999999; - - .left { - display: flex; - align-items: center; - } - } - - .time { - margin-top: 8rpx; - margin-bottom: 21rpx; - display: flex; - font-size: 25rpx; - font-weight: 400; - overflow: hidden; - color: #999999; - - .left { - display: flex; - align-items: center; - } - } - + .bottom { display: flex; - justify-content: right; - - .look { - width: 158rpx; - height: 53rpx; - background: #FFFFFF; - border-radius: 26rpx 26rpx 26rpx 26rpx; + justify-content: left; + align-items: center; + margin-top: 20rpx; + + .circle { + width: 11rpx; + height: 11rpx; opacity: 1; - border: 2rpx solid $theme-oa-color; - font-size: 28rpx; + border: 2rpx solid #34A853; + margin-right: 10rpx; + border-radius: 50%; + } + + .green { font-weight: 400; - margin-left: 28rpx; - color: $theme-oa-color; - display: flex; - justify-content: center; - align-items: center; + color: #34A853; + line-height: 0rpx; + margin-right: 18rpx; + -webkit-background-clip: text; } } + + } + } \ No newline at end of file diff --git a/subpkg/finance/finance.vue b/subpkg/finance/finance.vue index 73018fb..8fa2961 100644 --- a/subpkg/finance/finance.vue +++ b/subpkg/finance/finance.vue @@ -5,7 +5,6 @@ {{userInfo.nickname}} -