update：更新视图标题

src/components/app-caption/app-caption.scss

@@ -2,4 +2,12 @@
     font-size: 18px;
     font-weight: 700;
     color: var(--app-color-black);
+    &.app-caption--embed {
+        font-size: 14px;
+        height: 25px;
+        display: flex;
+        align-items: center;
+        padding-left: 7px;
+        border-left: 4px solid var(--app-color-blue);
+    }
 }
\ No newline at end of file

src/components/app-caption/app-caption.vue

 <template>
-    <span class="app-caption">{{caption}}</span>
+    <div :class="`app-caption app-caption--${openType.toLowerCase()}`">{{caption}}</div>
 </template>
 <script lang='ts'>
 import { Vue, Component, Prop } from 'vue-property-decorator';
@@ -8,12 +8,20 @@ import { Vue, Component, Prop } from 'vue-property-decorator';
 export default class AppCaption extends Vue {
 
     /**
-     * 按钮标题
+     * 视图标题
      * 
      * @type {string}
-     * @memberof AppButton
+     * @memberof AppCaption
      */
     @Prop() public caption?: string;
+
+    /**
+     * 打开方式
+     * 
+     * @type {'ROUTE' | 'EMBED' | 'MODAL'}
+     * @memberof AppCaption
+     */
+    @Prop({ default: 'ROUTE' }) public openType!: 'ROUTE' | 'EMBED' | 'MODAL';
 }
 </script>
 <style lang="scss">