<template>
    <view class="bottom-logo" :class="{ 'fixed-active': isFixed }" @click="toWebView">
        <image @click="toWebView" class="bl-img" mode="aspectFit" src="/subpackage/menu/static/images/bot_logo.png"></image>
    </view>
</template>

<script>
import { routeTo, jsonStr } from '@/utils/util.js'
export default {
    props: {
        isFixed: {
            type: Boolean,
            default: false
        }
    },
    methods: {
        toWebView(){
            routeTo(`/pages/web_view/web_view?src=${jsonStr('https://www.ouxuanzhineng.cn/')}`, 'nT');
        }
    }
}
</script>

<style lang="scss">
    .bottom-logo{
        height: 200upx;
        width: 100%;
        @include ctf(center);
        &.fixed-active{
            position: fixed;
            left: 50%;
            bottom: 0;
            transform: translateX(-50%);
            z-index: -1;
        }
    }
    .bl-img{
        width: 312upx;
        height: 100upx;
    }
</style>