<!DOCTYPE html>
<div style="background:#fff">
    <div class="mycred">
        <ks-title title="我的证书" :underline="false"/>
        <el-row :gutter="20"  v-if="data.length">
            <el-col :span="8" class="cred-box" v-for="(item,i) in data" :key="i" v-if="item.isopen == 1">
                <kszrender :canvasImgId="item.id" :canvas-img.sync="item.canvasImg" :avatar="item.posterInfo.avatar" :jsoninfo="item.posterInfo.infolists" :nameText="item.posterInfo.nameText"
                   :box="item.posterInfo" :qrcode="item.posterInfo.qrcode" :backgroundimg="item.posterInfo.background" :ratio="3">
                </kszrender>
                <div>{{item.certifcatename}}</div>
                <el-button type="text" @click="download(item.canvasImg)">导出证书</el-button>
            </el-col>
            <form id="myForm" action="" method="post" style="display:none">
                <input type="text" name="name">
            </form>
        </el-row>
        <ks-empty msg="您还没有获得任何证书" v-else />
    </div>
</div>