页面树结构

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。

...

代码块
languagexml
<template>
	<!--
      建模时的预览前端,即插件的实际显示样式
      即插件的实际显示样式,:addinName="name"和ref="main"一般情况不可去除
	-->
	<section
		v-if="t_preview"
		:addinName="name"
		ref="main"
		:style="{	
				width: args.width + args.widthType
				}"
	>
		<!-- 在画布区的显示内容 -->
		<span
			:style="{
				height: args.height + args.heightType,	
				width: 100
				}"
			style="
				font-size: 50px;
				display: flex;
				justify-content: center;
				align-items: center;"
		>{{ args.label }}</span>
		<span v-show="t_edit" ref="edit">
			<!-- 编辑区暂时为空 -->
		</span>
	</section>
	<section v-else :addinName="name">
		<span style="text-align: center;">
			<div class="form-addin-icon">
				<!-- 控件拖放区图标的样式 -->
				<i class="iconfont"></i>
			</div>
			<!-- 在控件拖放区图标的名字 -->
			<div class="form-addin-name">空白控件</div>
		</span>
	</section>
</template>

在上面的代码中注意看到:

...