<div class="temp">
    <div class="header header-top">
        <div class="name">投放宝</div>
        <div class="version">
            <span>版本名称</span>
            <input type="text" v-model="version" maxlength="20">
        </div>
        <div class="channel">
            <span>投放渠道</span>
            <input type="text" v-model="channel" maxlength="50">
        </div>
        <div class="opera">
            <span class="perview" @click="perview">预览</span>
            <span class="save" @click="save">保存</span>
        </div>
        <div class="version shareTitle">
            <span>分享标题</span>
            <input type="text" v-model="shareTitle" maxlength="20">
        </div>
        <div class="channel shareDec">
            <span>分享描述</span>
            <input type="text" v-model="shareDec" maxlength="50">
        </div>
    </div>
    <div class="cancel" v-show="cencelShow"  @click="cancel">取消预览</div>
    <!-- {{flag === true}}{{typeof(flag)}} -->
    <component class="template-component" v-if="flag>0" :switchOn='switchOn' @com='com' :perviewOn="perviewOn" :updateData="updateData" :is="templateName"></component>
    <!--<elab-tempOne :switchOn='switchOn' @com='com' :perviewOn="perviewOn" :updateData="updateData"></elab-tempOne>-->
    <template0 v-if="flag == 0" :switchTemp='switchTemp' @switchTempFn="switchTempFn" :perviewOn="perviewOn" :updateData="updateData"></template0>
</div>
