<template>
    <view class="content">
        <image class="temporary" :src="activity.cover" mode="widthFix"></image>
        <view class="member-btn">
            <view class="btnGo" v-if="status.value" @click="$Router.push({name: 'dredgeOpen'})">
                {{status.text}}
            </view>
            <view class="btnGo active" v-else>
                {{status.text}}
            </view>
        </view>
    </view>
</template>

<script>
    import { partnerSee } from '@/apis/interfaces/member'
    export default {
    	data() {
    		return {
                activity: '',
                status: ''
    		}
    	},
    	onShow() {
    	    partnerSee().then(res => {
                this.activity = res.activity
                this.status = res.status
    	    }).catch(err => {
    	    	uni.showToast({
    	    		title: err.message,
    	    		icon: "none"
    	    	})
    	    })
    	},
    	methods: {
    	}
    }
</script>

<style lang="scss" scoped>
    .temporary {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100vh;
    }
    .member-btn {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        padding: $padding;
        box-sizing: border-box;
        z-index: 9;
    }
    .btnGo {
        padding: 0 $padding;
        line-height: 90rpx;
        font-size: $title-size + 4;
        box-sizing: border-box;
        background-image: linear-gradient(to right, #fce9cf, #dfac80);
        box-shadow: 0 4rpx 4rpx 3rpx rgba(175,136,88,1);
        border-radius: $radius-m * 5;
        color: #633a25;
        font-weight: 600;
        text-align: center;
        &.active {
            background-image: linear-gradient(to right, #d4d4d4, #e0e0e0);
            box-shadow: 0 2px 2px 1px #b7b7b7;
            color: #656565
        }
    }
</style>
