<template>
    <view class="container">
        <view class="title">{{ title }}</view>
        <view class="main">
            <image class="code_pic" :src="pic" mode="" />
        </view>
    </view>
</template>

<script>

import { picUrl } from '../../utils';
export default {
    data() {
			return {
				pic: '',
				title: '',
			}
    },
    onLoad(options) {
			this.pic = `${picUrl}${options.pic}`;
			this.title = options.name;
    }
}
</script>

<style>
.title {
    text-align: center;
    margin-top: 80rpx;
    margin-bottom: 10rpx;
}

.main {
    width: 494rpx;
    height: 454rpx;
    margin: 44rpx auto 0;
    background: #FFFFFF;
    border-radius: 41rpx 41rpx 41rpx 41rpx;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
}

.code_pic {
    width: 331rpx;
    height: 336rpx;
}
</style>