<template>
    <view class="content">
        <view class="codeContent">
            <image class="codeContent-back" src="../../static/icons/store_codeBack.png" mode="widthFix"></image>
            <view class="company">
                <image class="company-logo" src="../../static/dev/good_cover_00.jpg" mode="aspectFill"></image>
                <view class="company-cont">
                    <view class="company-name">如朗科技</view>
                    <view class="company-name">邀请你加入易货平台</view>
                </view>
            </view>
            <image class="codeContent-code" src="../../static/dev/good_cover_03.jpg" mode="aspectFit"></image>
        </view>
        <view class="codeBnt">
            <image class="codeBnt-img" src="../../static/icons/store_down.png" mode="aspectFill"></image>
            保存图片
        </view>
    </view>
</template>

<script>
    import { companiesCode } from '@/apis/interfaces/store'
    export default {
    	data() {
    		return {
    			codeImg: ''
    		}
    	},
        created() {
            // companiesCode().then(res=>{
            //     this.codeImg = res
            // })  
        },
    	methods: {
    		
    	}
    }
</script>

<style lang="scss" scoped>
    .content {
        background-color: #e1293f;
        height: 100vh;
        width: 100vw;
        padding: 80rpx;
        box-sizing: border-box;
    }
    
    .codeContent {
        position: relative;
        width: 100%;
        .codeContent-back {
            width: 100%;
            height: 100%;
            z-index: 1;
            position: absolute;
            box-shadow: 0 0 20rpx rgba(115,0,4,.3);
        }
        .company {
            position: absolute;
            width: 100%;
        }
    }
    
    .codeBnt {
        background-color: #FFFFFF;
        text-align: center;
        border-radius: 10rpx;
        line-height: 90rpx;
        font-weight: 600;
        font-size: $title-size;
        color: #e1293f;
        margin-top: 160rpx;
        box-shadow: 4rpx 0 10rpx rgba(155,0,19,.5);
        position: relative;
        .codeBnt-img {
            position: absolute;
            top: 0;
            width: 60rpx;
            height: 60rpx;
            left: 24%;
        }
    }
</style>
