breadcrumb add thySeparator

Author: HandsomeButterball

.angulardoc.json

@@ -0,0 +1,4 @@
+{
+  "repoId": "5160fd8f-ac09-4862-8ed4-175e19c6bd87",
+  "lastSync": 0
+}

demo/src/app/components/+breadcrumb/api-parameters.ts

@@ -4,5 +4,11 @@ export const apiBreadcrumbParameters = [
         description: '面包屑的前缀展示图标，可以是 wtf wtf-folder, 如果是 wtf 图标，可以省略 wtf',
         type: 'string',
         default: ''
+    },
+    {
+        property: 'thySeparator',
+        description: '面包屑的分隔符，默认为">", thySeparator值为true时分隔符为"/"',
+        type: 'boolean',
+        default: ''
     }
 ];

demo/src/app/components/+breadcrumb/breadcrumb-section.component.html

@@ -1,5 +1,5 @@
 <section>
-    <div class="header"><h2>面包屑</h2></div>
+    <div class="header"><h2>面包屑（">"分隔符）</h2></div>
     <div class="body">
         <thy-breadcrumb thyIcon="wtf-folder">
             <thy-breadcrumb-item><span>首页</span></thy-breadcrumb-item>
@@ -17,6 +17,25 @@
     </div>
 </section>
 
+<section>
+    <div class="header"><h2>面包屑（"/"分隔符）</h2></div>
+    <div class="body">
+        <thy-breadcrumb thyIcon="wtf-folder" thySeparator="true">
+            <thy-breadcrumb-item><span>首页</span></thy-breadcrumb-item>
+            <thy-breadcrumb-item>
+                <a href="javascript:;">产品研发部</a>
+            </thy-breadcrumb-item>
+            <thy-breadcrumb-item>
+                <a href="javascript:;">架构</a>
+            </thy-breadcrumb-item>
+            <thy-breadcrumb-item>
+                <a href="javascript:;">基础 <i class="wtf wtf-angle-down"></i></a>
+            </thy-breadcrumb-item>
+        </thy-breadcrumb>
+        <pre class="mt-1"><code lang="typescript" [highlight]="exampleCode2"></code></pre>
+    </div>
+</section>
+
 <api-parameters
     title="thy-breadcrumb 参数列表"
     [parameters]="apiBreadcrumbParameters"

demo/src/app/components/+breadcrumb/breadcrumb-section.component.ts

@@ -22,6 +22,12 @@ export class DemoBreadcrumbSectionComponent implements OnInit {
 </thy-breadcrumb>
     `;
 
+    exampleCode2 = `
+<thy-breadcrumb thyIcon="wtf-folder" thySeparator="true">
+    ...
+</thy-breadcrumb>
+    `;
+
     apiBreadcrumbParameters = apiBreadcrumbParameters;
     constructor() {}