<template>
    <view class="bigRedEnvRule">
        <view class="bigRedEnvRuleHead">
            <headers></headers>
        </view>
        <image mode="" style="height: 568rpx;" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638796333602414702.jpg"/>
        <image mode="" style="height: 939rpx;" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638796333646350233.jpg"/>
        <image mode="" style="height: 1031rpx;" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638796333741115931.jpg"/>
        <image v-if="IsRenewalContract==1" @click="goUrl" mode="" style="height: 204rpx;" 
        src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638796333810848018.jpg"/>
        <image v-if="IsRenewalContract==0" @click="goBack" mode="" style="height: 204rpx;" 
        src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638798830960524078.jpg"/>
        <view class="clickBox row-sbas-n" v-if="IsRenewalContract==2">
            <view @click="goBack" class="clickLeft">
                <text style="opacity: 0;">1</text>
            </view>
            <view @click="goUrl" class="clickRight">
                <text style="opacity: 0;">1</text>
            </view>
            <image mode="" style="width: 100%; height: 204rpx;" 
            src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638804256574691882.jpg"/>
        </view>
    </view>
</template>
<script>
import headers from "@/components/header/header";
export default {
    components: {
        headers
    },
    data() {
        return {
            page: '',
            IsRenewalContract: 0,
        }
    },
    onLoad(options) {
        this.IsRenewalContract = options.IsRenewalContract?options.IsRenewalContract:0;
    },
    onShow() {},
    mounted() {

    },
    methods: {
        goUrl(){
            uni.navigateTo({
                url: `/pages/bigredrnvelope/signAcontract?IsRenewalContract=${this.IsRenewalContract}`
            })
        },
        goBack(){
			uni.navigateBack({delta:-1})
        }
    }
}
</script>
<style lang="scss" scoped>
@import url("@/asset/css/flex.css");
.bigRedEnvRuleHead{
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1;
}
.bigRedEnvRule{
}
.bigRedEnvRule image{
    width: 100%;
    display: block;
}
.clickBox{
    width: 100%;
    position: relative;
}
.clickLeft{
    position: absolute;
    width: 50%;
    height: 100%;
    left: 0;
    z-index: 2;
}
.clickRight{
    position: absolute;
    width: 50%;
    height: 100%;
    right: 0;
    z-index: 2;
}
</style>
