直接内容项组件

src/components/app-rawitem/app-rawitem.vue

 <template>
-    <div>
-        <span v-if="caption">{{caption}}</span>
-        <div :class="contentStyle" :style="sizeStyle">
-            <template v-if="Object.is(contentType,'RAW')">
-                {{rawContent ? rawContent : ''}}
-            </template>
-            <template v-else-if="Object.is(contentType,'HTML')">
-                <span v-html="htmlContent"/>
-            </template>
-            <template v-else-if="Object.is(contentType,'IMAGE')">
-                <i :class="imageClass ? imageClass : ''"></i>
-            </template>
+    <div :style="sizeStyle">
+        <span>{{caption}}</span>
+        <div v-if="Object.is(contentType,'RAW')" :class="contentStyle">
+            <slot></slot>
+        </div>
+        <div v-else-if="Object.is(contentType,'HTML')" :class="contentStyle" v-html="htmlContent" />
+        <div v-else-if="Object.is(contentType,'IMAGE')" :class="contentStyle">
+             <i :class="imageClass ? imageClass : ''"></i>
         </div>
     </div>
 </template>
@@ -45,14 +41,6 @@ export default class AppRawItem extends Vue {
     */
     @Prop() public contentType!: string;
 
-    /**
-     * 直接内容
-     * 
-     * @type {strin}
-     * @memberof AppRawItem
-     */
-    @Prop() public rawContent?: string;
-
     /**
      * html内容
      *