<template>
    <div class="graphicType">
        <div style="margin-top: 10px;width: 270px;border: 1px solid #E3E4E5;background: #FFF;padding-top: 10px;">
            <div style="padding:0 15px;">
                <div style="display: flex;align-items: center;">
                    <img style="width: 20px;height: 20px;border-radius: 10px;margin-right: 10px;"
                        :src="Image" fit="cover"></img><span
                        style="width: auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;font-weight: 400;">{{Name}}</span>
                </div>
                <span>{{title}}</span>
                <div style="width: 240px;height: 180px;margin-top: 10px;">
                    <img style="width: 100%;height: 100%;" :src="imgUrl" fit="cover"></img>
                </div>
            </div>
            <div style="  padding: 0 15px;border-top: 1px solid #E3E4E5;line-height: 24px;margin-top: 10px;">
                <span style="color: #7E8081;font-size: 14px;"><img
                        src="../../../assets/images/applettb.png"
                        alt=""
                        style=" width: 14px;height: 14px;vertical-align: middle;margin-right: .2em;margin-top: -0.2em;">
                    小程序</span>
            </div>
        </div>
    </div>
</template>
<script>
    export default {
        data() {
            return {
                ViewDomain: '',
                Image:'',
                Name:'',
                title:'',
                imgUrl:'',
            }
        },
        created() {
            if(this.$route.query){
                this.Image = this.$route.query.Image;
                this.Name = this.$route.query.Name;
                this.title = this.$route.query.title;
                this.imgUrl = this.$route.query.imgUrl;
            }
            
        },
    }
</script>
<style scoped>
    /* @import './ue/iframestyle.css'; */
</style>