<template>
    <div class="page_kuyishop">
        <iframe :src='url'></iframe>

    </div>
</template>

<script>
export default {
    data(){
        return{
            url:'http://market.kuyicloud.com/app/index.php?i=2&c=entry&m=ewei_shopv2&do=mobile&v=160414'
        }
    },
    methods:{
        toActiveForm(){
            this.$router.push({ path: "/activeForm" });
        }
    },
    created(){
        let admin_user_id = this.$store.getters.user.admin.id
        this.url = 'http://market.kuyicloud.com/app/index.php?i=2&c=entry&m=ewei_shopv2&do=mobile&v=160414&user_id=' + admin_user_id
    }
}
</script>

<style lang="scss" scoped>
.page_kuyishop{
    height: 100%;
    width:100%;
    iframe {
        height: 100%;
        width: 100%;
    }
}
.page_active{
    // overflow-y: auto;
    background: url("https://images.shengws.com/2020/4/27/admin_avatar_1587979750798.png") no-repeat;
    background-size:100%;
    height:114rem;
    position: relative;
    background-color: #eaf4fe;
    .activeBox{
        position: absolute;
        left: 1.4375rem;
        top: 10rem;
        width:20.625rem;
        height:97.375rem;
        background:rgba(255,255,255,1);
        box-shadow:0px 0px 44px 0px rgba(173,198,238,0.68);
        opacity:0.9;
        border-radius:15px;
        // margin: 10rem auto 0;
    }
    .activeTitleBox{
        
        display: flex;
        align-items: center;
        justify-content: space-around;
    }
    .activeTitle{
        margin: 1.5rem auto;
        display: flex;
        align-items: center;
        img{
            width: 1.5rem;
            height: 1.5rem;
            margin-right: 1rem;
        }
        p{
            color: #1979F4;
            font-size: 1.375rem;
            font-weight: 600;
        }
    }
    .activeOne{
        .activeTipBox{
            display: flex;
            align-items: center;
            .activeTip{
                width:.3125rem;
                height:.625rem;
                background:linear-gradient(0deg,rgba(26,121,244,1),rgba(123,186,250,1));
                border-radius:.125rem;
                margin-left: .9375rem;
                margin-right: .5rem;
            }
            p{
                font-size: .9375rem;
                font-weight:bold;
                margin-right: 1.875rem;
            }
        }
        .activeTxt{
            width: 17.75rem;
            font-size: .875rem;
            color: #242D39;
            margin: .625rem 0 1.875rem 1.75rem;
            line-height: 1.5rem;
            span{
                color: #FD543A;
                font-weight: bold;
            }
            .litle{
                font-size: .75rem;
                color: #FD543A;
            }
            .big{
               font-size: 1.125rem;
               color: #FD543A;
               font-weight: bold;
               margin-top: .375rem;
            }
            img{
                width:17.5rem;
                height:7.75rem;
                background:rgba(158,119,108,1);
                border-radius:5px;
                margin-top: .625rem;
            }
            .attention{
                font-size: .9375rem;
                font-weight: bold;
            }
        }
    }
    .join{
        height: 3.75rem;
        line-height: 3.75rem;
        text-align: center;
        color: #fff;
        width: 18.75rem;
        margin: 3.625rem auto .625rem;
        background: #1B97FF;
        border-radius: 1.875rem;
        font-weight: 600;
        font-size: 1.25rem;
    }
    .joinImg{
        position: fixed;
        bottom: 3.75rem;
        right: .625rem;
        img{
            width: 5rem;
            height: 5rem;
        }
    }
}
</style>
