@kengic/uni 0.5.1 → 0.5.2-beta.0

package/dist/uni/uni-ui/uni-breadcrumb-item/uni-breadcrumb-item.vue

@@ -14,112 +14,112 @@
     </view>
 </template>
 <script>
-/**
- * BreadcrumbItem 面包屑导航子组件
- * @property {String/Object} to 路由跳转页面路径/对象
- * @property {Boolean} replace 在使用 to 进行路由跳转时，启用 replace 将不会向 history 添加新记录(仅 h5 支持）
- */
-export default {
-    name: 'UniBreadcrumbItem',
-    data() {
-        return {
-            currentPage: '',
-        };
-    },
-    options: {
-        virtualHost: true,
-    },
-    props: {
-        to: {
-            type: String,
-            default: '',
+    /**
+     * BreadcrumbItem 面包屑导航子组件
+     * @property {String/Object} to 路由跳转页面路径/对象
+     * @property {Boolean} replace 在使用 to 进行路由跳转时，启用 replace 将不会向 history 添加新记录(仅 h5 支持）
+     */
+    export default {
+        name: 'UniBreadcrumbItem',
+        data() {
+            return {
+                currentPage: '',
+            };
         },
-        replace: {
-            type: Boolean,
-            default: false,
+        options: {
+            virtualHost: true,
         },
-    },
-    inject: {
-        uniBreadcrumb: {
-            from: 'uniBreadcrumb',
-            default: null,
+        props: {
+            to: {
+                type: String,
+                default: '',
+            },
+            replace: {
+                type: Boolean,
+                default: false,
+            },
         },
-    },
-    created() {
-        const pages = getCurrentPages();
-        const page = pages[pages.length - 1];
+        inject: {
+            uniBreadcrumb: {
+                from: 'uniBreadcrumb',
+                default: null,
+            },
+        },
+        created() {
+            const pages = getCurrentPages();
+            const page = pages[pages.length - 1];
 
-        if (page) {
-            this.currentPage = `/${page.route}`;
-        }
-    },
-    computed: {
-        separator() {
-            return this.uniBreadcrumb.separator;
+            if (page) {
+                this.currentPage = `/${page.route}`;
+            }
         },
-        separatorClass() {
-            return this.uniBreadcrumb.separatorClass;
+        computed: {
+            separator() {
+                return this.uniBreadcrumb.separator;
+            },
+            separatorClass() {
+                return this.uniBreadcrumb.separatorClass;
+            },
         },
-    },
-    methods: {
-        navTo() {
-            const { to } = this;
+        methods: {
+            navTo() {
+                const { to } = this;
 
-            if (!to || this.currentPage === to) {
-                return;
-            }
+                if (!to || this.currentPage === to) {
+                    return;
+                }
 
-            if (this.replace) {
-                uni.redirectTo({
-                    url: to,
-                });
-            } else {
-                uni.navigateTo({
-                    url: to,
-                });
-            }
+                if (this.replace) {
+                    uni.redirectTo({
+                        url: to,
+                    });
+                } else {
+                    uni.navigateTo({
+                        url: to,
+                    });
+                }
+            },
         },
-    },
-};
+    };
 </script>
 <style lang="scss">
-$uni-primary: #2979ff !default;
-$uni-base-color: #6a6a6a !default;
-$uni-main-color: #3a3a3a !default;
-.uni-breadcrumb-item {
-    display: flex;
-    align-items: center;
-    white-space: nowrap;
-    font-size: 14px;
+    $uni-primary: #2979ff !default;
+    $uni-base-color: #6a6a6a !default;
+    $uni-main-color: #3a3a3a !default;
+    .uni-breadcrumb-item {
+        display: flex;
+        align-items: center;
+        white-space: nowrap;
+        font-size: 14px;
 
-    &--slot {
-        color: $uni-base-color;
-        padding: 0 10px;
+        &--slot {
+            color: $uni-base-color;
+            padding: 0 10px;
 
-        &-link {
-            color: $uni-main-color;
-            font-weight: bold;
-            /* #ifndef APP-NVUE */
-            cursor: pointer;
-            /* #endif */
+            &-link {
+                color: $uni-main-color;
+                font-weight: bold;
+                /* #ifndef APP-NVUE */
+                cursor: pointer;
+                /* #endif */
 
-            &:hover {
-                color: $uni-primary;
+                &:hover {
+                    color: $uni-primary;
+                }
             }
         }
-    }
 
-    &--separator {
-        font-size: 12px;
-        color: $uni-base-color;
-    }
+        &--separator {
+            font-size: 12px;
+            color: $uni-base-color;
+        }
 
-    &:first-child &--slot {
-        padding-left: 0;
-    }
+        &:first-child &--slot {
+            padding-left: 0;
+        }
 
-    &:last-child &--separator {
-        display: none;
+        &:last-child &--separator {
+            display: none;
+        }
     }
-}
 </style>