首页切换角色弹窗

hejianhao

2025-03-13 f749acb5581d9b4fe6d697fd1b3320cf6be7e7ea

首页切换角色弹窗

 H5/pages/index/index.vue

@@ -98,6 +98,23 @@
            </view>
        </view>
        <popupCertificate :show="isClick" @onCancel="isClick=false"></popupCertificate>

        <!-- 用户多个角色时切换角色弹窗 -->
        <u-popup :show="changeRolePopup" round="16rpx" @close="changeRolePopup = false">
            <view class="relative">
                <image @tap.stop="changeRolePopup = false" src="@/static/closeImg.png" class="w-35 h-35 absolute"
                    style="right: 31rpx;top: 46rpx;" />
                <view class="txt-center pt-38 pb-40 fs-35 lh-48 font-bold">选择角色</view>
                <view class="lineBox mb-10"></view>
                <view style="height: 546rpx;overflow-y: auto;">
                    <view @tap.stop="changeRole(item)" v-for="(item,index) in 10" :key="index"
                        :class="index == activeRole && 'bgcolor2'"
                        class="mt-38 bgcolor1 br-58 fs-31 ml-54 mr-62 py-37 txt-center">
                        <view>XXXXXXXX管理员</view>
                    </view>
                </view>
            </view>
        </u-popup>
    </view>
</template>

@@ -130,6 +147,8 @@
                isLoading: false,
                noreadlist: [],
                noreadlists: [],
                changeRolePopup: true,
                activeRole: 1,
            }
        },
        onPullDownRefresh() {
@@ -153,6 +172,10 @@
            this.getappletcinfo()
        },
        methods: {
            changeRole(item) {
                this.activeRole = item - 1
                this.changeRolePopup = false
            },
            Allread() {
                getread().then(resp => {

@@ -290,6 +313,16 @@

    .color4 {
        color: rgba(0, 0, 0, 0.4);
    }

    .bgcolor1 {
        background: #F7F7F7;
    }

    .bgcolor2 {
        color: #fff;
        background: #FC8D55;
        box-shadow: 0rpx 4rpx 19rpx 0rpx rgba(239, 119, 58, 0.5);
    }

    .bg1 {
@@ -465,4 +498,10 @@
        color: #FFFFFF;
        font-weight: 600;
    }

    .lineBox {
        width: 100%;
        height: 1rpx;
        background: #E5E5E5;
    }
</style>

 H5/static/closeImg.png