榆钱落尽槿花稀 2a4185923f feat(user_list.vue): 更新用户列表状态并添加切换方法
更新了用户列表的状态值,从“待审核”改为“已通过”和“未通过”,并添加了`change`方法用于处理状态切换
2025-05-10 16:46:49 +08:00

88 lines
3.0 KiB
Vue
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<template>
<view style="background-color: #F5F5F5;height: 100vh;">
<tn-nav-bar customBack :bottomShadow="false" backgroundColor="#ffffff">
<view class="custom-nav tn-flex tn-flex-col-center tn-flex-row-center">
<view style="color: #000000;;text-align: left;font-size: 36rpx;font-weight: 600;">
<text>信息审核</text>
</view>
</view>
<view slot="back" class='tn-custom-nav-bar__back' style="padding-left: 20rpx;" @click="goBack">
<image src="/static/h_back.png" style="width: 60rpx;height: 60rpx;"></image>
</view>
</tn-nav-bar>
<view :style="{paddingTop: vuex_custom_bar_height + 'px'}">
<view style="background-color: #fff;">
<tn-tabs :list="List" :isScroll="false" :activeItemStyle="{fontSize:'30rpx',fontWeight:'600'}"
activeColor="#000000" inactiveColor="#9B9B9B" :barStyle="{color:'#2368F2',backgroundColor:'#2368F2'}" :current="current" name="name" @change="change" :fontSize="28"></tn-tabs>
</view>
<view style="padding: 30rpx;">
<view style="background-color: #fff;border-radius: 18rpx;padding: 30rpx;margin-bottom: 30rpx;position: relative;">
<image src="/static/ask_ok.png" style="width: 100rpx;position: absolute;right: 0;top: 0;" mode="widthFix" class="no-img"></image>
<view>
<image src="/static/03.png" style="width: 50rpx;height: 50rpx;vertical-align: middle;"
mode="aspectFill"></image>
<text
style="color: #9B9B9B;vertical-align: middle;margin-left: 10rpx;font-size: 28rpx;font-weight: 400;">风一样的男人</text>
</view>
<view class="tn-flex" style="margin-top: 30rpx;">
<view>
<image src="/static/wen.png" style="width: 38rpx;" class="no-img" mode="widthFix">
</image>
</view>
<view style="margin-left: 20rpx;font-size: 28rpx;font-weight: 400;">
亲爱的职友在你心目中什么样的工作是稳定的工作
</view>
</view>
<view style="text-align: center;margin-top: 20rpx;">
<image src="/static/def.png"
style="width: 200rpx;height: 200rpx;border-radius:18rpx 0rpx 0rpx 18rpx;"></image>
<image src="/static/def.png" style="width: 200rpx;height: 200rpx;margin: 0rpx 10rpx;">
</image>
<image src="/static/def.png"
style="width: 200rpx;height: 200rpx;border-radius:0rpx 18rpx 18rpx 0rpx;"></image>
</view>
<view class="tn-flex tn-flex-col-center tn-flex-row-between"
style="margin-top: 30rpx;font-size: 26rpx;font-weight: 400;color: #9B9B9B;">
<view>2024.04.06</view>
<!-- <view>
<text class="tn-icon-eye"></text>
<text>133</text>
</view> -->
</view>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
current:0,
List:[{'name':'待审核'},{'name':'已通过'},{'name':'未通过'}]
}
},
methods: {
change(e){
this.current=e;
},
goBack() {
if (getCurrentPages().length > 1) {
uni.navigateBack()
} else {
uni.redirectTo({
url: '/pages/index/index'
})
}
}
}
}
</script>
<style scoped>
</style>