<el-dialog
    title="分享"
    :visible.sync="dialog.share"
    :width="getDialogWidth()"
    :append-to-body="true"
>
    <div class="dialog-share-warp">
        <div>
            <a target="_blank" href="{qq_url}"><img src="{img_url}/icon/share-qq.svg" alt="share"></a>
        </div>
        <div>
            <a target="_blank" href="{weibo_url}"><img src="{img_url}/icon/share-weibo.svg" alt="share"></a>
        </div>
        <div><a target="_blank" href="{qzone_url}"><img src="{img_url}/icon/share-qzone.svg" alt="share"></a></div>
    </div>
    <div slot="footer" class="dialog-footer">
        <el-button @click="dialog.share = false">取 消</el-button>
    </div>
</el-dialog>