diff --git a/examples/assets/iconfont/iconfont.css b/examples/assets/iconfont/iconfont.css
index 4fb1abf..00c4a87 100644
--- a/examples/assets/iconfont/iconfont.css
+++ b/examples/assets/iconfont/iconfont.css
@@ -1,10 +1,10 @@
@font-face {font-family: "iconfont";
- src: url('iconfont.eot?t=1584011049763'); /* IE9 */
- src: url('iconfont.eot?t=1584011049763#iefix') format('embedded-opentype'), /* IE6-IE8 */
- url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAS4AAsAAAAACegAAARpAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCECgqFRIRfATYCJAMkCxQABCAFhG0HgRsbpggRlZyDyX4cOGfZYaXOtU6k6gWSrhwEz3863+6bkWxpFCAyBJhlBZCqHI3T4RJ1QCGqwhWC/2LRGLYDVgMEEITdnOZegBigLPi0i0+uOPKIh3yyfh0vw0WoALaA9eePJV9ZAuazb+eSlRQJeHxAB5a9zYvONrACmU8Ut8guYo9e9OMQwNCBPDJpyqwQDwdYJYBs37JpDV5Kj1NTKngIqZKDDvIOLp46qh4Db/s/LxUGiAcKVwNPmrdx8nrGlYfW9mubWJZrix3OCgjHQAN5wAH5rNT+ATqM59EY7e86bAaa0AiNKg8tHy4/q5yo/Fc9r9Zq+5ME+WYwSmhC/skDQaFxcEmRxgNJQRfXA2A3K/MOVmAjCJQPa1GM4hmNoKFyAsGByn8ILlQDhBRUawhpqO2vwwPAdxc2AZoBD0DKnDDJl+uLwjhTNQrxnTYZrV3AOO/Dd7LpVLDv+O3irWM37M1Q11ch9rlpcOyluMVXQcPjL6Deseco+yLYdO3Bk7vY1yFGSqUoeBMcfybFqGTfoW6qBLx509mUzLHH2G1bGm1b33BfoEwULipQb2UhNHpXGEn9VY1phDRmN4XZec2+42eKp499Z08ZqceuUyj7fFKfGFVvYkx9rQqcauyp42dEf2UqNhUXRWO3rVFGr15bWLMO94pD9VW0PgoXbCosOjW2zcJhCwfZG97eEp4OM4Vsl4Fdwm5NKW+Xpt3C2Ji1/Mfij3PXP/6rY37M/NkTg+V2+fj6hYV6/Mr0koNjVnSYFne81/vIiIXz/1tuV45vOHlR65V6yeZBP3UbQfLm1JnwlN/wSiduJ2XKcXz7dgyBMmMzPjEz9iriN5zltcUmuTz5JI6I2tqbHOpGrvn1Na9nHvilz0f5Xxb/ki+NG3f29NJkLI83Y9kdzKVNBrVslf8lP21i2yVLfiJJ3iRR1Ct+4XnOXMp8SahnM59v5FQMa9YEwalTSXJ95Eg679kzYgvY9WntB9QdLeksVQdJqUyepXHWkegZY9R1PodW2l/tdwi2Npy9quGo37xzB4Af3xmWYfxJSXGGSXgU0IIfS4Dsc3QRGPyp7dsNCPANTXwGBQwDfid3E3/DKpujoyC8lEAAJa09aJ5uGIeQB1dgEKR4xoKR83I80BTbJ/OBrC8KRCPfoDRwG7RGfjAO4RdcLfxDSqP2wYi6vzDQI3/2wAiCkxq3ymvKxjLJWVD6inYZgZMin/aJXH1I9U2XTb1gRh5iS13ZQcQow5TUM/U0jJFUYZpRS+NEyqJtTdkbNZrSzpmJGAICTZTRluJpJDPuaHGW+/5XyFqKANc01dg/IVb5yZVeo0NgXuQZ1XQp06sVayCEYZcZjCTKM21FkcSJUsrnzZAmGq5DtFhomWEGK2+mV6Z7PQYY8Cx+SrQ44kpK0uKJL4Zm15qWWUaIkDWuvftGlHMQAe0SZdxeagfZovNViLfHFhIWmM6iz7hGb51cR9IQLdQqIOd601HVjiieCWOefLbLsrMDAAA=') format('woff2'),
- url('iconfont.woff?t=1584011049763') format('woff'),
- url('iconfont.ttf?t=1584011049763') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
- url('iconfont.svg?t=1584011049763#iconfont') format('svg'); /* iOS 4.1- */
+ src: url('iconfont.eot?t=1584343287237'); /* IE9 */
+ src: url('iconfont.eot?t=1584343287237#iefix') format('embedded-opentype'), /* IE6-IE8 */
+ url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
+ url('iconfont.woff?t=1584343287237') format('woff'),
+ url('iconfont.ttf?t=1584343287237') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
+ url('iconfont.svg?t=1584343287237#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
@@ -15,6 +15,186 @@
-moz-osx-font-smoothing: grayscale;
}
+.icon-enter:before {
+ content: "\e6f8";
+}
+
+.icon-return:before {
+ content: "\e720";
+}
+
+.icon-packup:before {
+ content: "\e749";
+}
+
+.icon-unfold:before {
+ content: "\e74a";
+}
+
+.icon-cardgiftcard:before {
+ content: "\eab1";
+}
+
+.icon-callmerge:before {
+ content: "\eab9";
+}
+
+.icon-checkcircle:before {
+ content: "\eac2";
+}
+
+.icon-error:before {
+ content: "\eb37";
+}
+
+.icon-erroroutline:before {
+ content: "\eb38";
+}
+
+.icon-hourglassempty:before {
+ content: "\ebc5";
+}
+
+.icon-locationcity:before {
+ content: "\ec20";
+}
+
+.icon-nearme:before {
+ content: "\ec57";
+}
+
+.icon-radiobuttonchecked:before {
+ content: "\ecc4";
+}
+
+.icon-radiobuttonunchecked:before {
+ content: "\ecc5";
+}
+
+.icon-receipt:before {
+ content: "\ecc7";
+}
+
+.icon-recordvoiceover:before {
+ content: "\ecc9";
+}
+
+.icon-schedule:before {
+ content: "\ecec";
+}
+
+.icon-timeline:before {
+ content: "\ed62";
+}
+
+.icon-warning:before {
+ content: "\eda0";
+}
+
+.icon-chevronright:before {
+ content: "\eac4";
+}
+
+.icon-expandless:before {
+ content: "\eb3e";
+}
+
+.icon-expandmore:before {
+ content: "\eb3f";
+}
+
+.icon-accountbox:before {
+ content: "\ea38";
+}
+
+.icon-assignment:before {
+ content: "\ea61";
+}
+
+.icon-chromereadermode:before {
+ content: "\eac7";
+}
+
+.icon-dns:before {
+ content: "\eb23";
+}
+
+.icon-add:before {
+ content: "\ea3b";
+}
+
+.icon-phone:before {
+ content: "\ec7a";
+}
+
+.icon-share:before {
+ content: "\ed0b";
+}
+
+.icon-chevronleft:before {
+ content: "\eac3";
+}
+
+.icon-wechat:before {
+ content: "\e628";
+}
+
+.icon-close:before {
+ content: "\eadd";
+}
+
+.icon-locationon:before {
+ content: "\ec24";
+}
+
+.icon-settings:before {
+ content: "\ecf9";
+}
+
+.icon-message:before {
+ content: "\ec3c";
+}
+
+.icon-touchapp:before {
+ content: "\ed57";
+}
+
+.icon-home:before {
+ content: "\ebc2";
+}
+
+.icon-layers:before {
+ content: "\ebf3";
+}
+
+.icon-person:before {
+ content: "\ec88";
+}
+
+.icon-search:before {
+ content: "\ece1";
+}
+
+.icon-avtimer:before {
+ content: "\ea81";
+}
+
+.icon-creditcard:before {
+ content: "\eafa";
+}
+
+.icon-localshipping:before {
+ content: "\ec1e";
+}
+
+.icon-permidentity:before {
+ content: "\ec84";
+}
+
+.icon-notifications:before {
+ content: "\ec63";
+}
+
.icon-accountbalancewallet:before {
content: "\ea37";
}
diff --git a/examples/assets/iconfont/iconfont.eot b/examples/assets/iconfont/iconfont.eot
index e098068..c823c59 100644
Binary files a/examples/assets/iconfont/iconfont.eot and b/examples/assets/iconfont/iconfont.eot differ
diff --git a/examples/assets/iconfont/iconfont.js b/examples/assets/iconfont/iconfont.js
index 56c5ca6..5079a52 100644
--- a/examples/assets/iconfont/iconfont.js
+++ b/examples/assets/iconfont/iconfont.js
@@ -1 +1 @@
-!function(d){var t,a='',e=(t=document.getElementsByTagName("script"))[t.length-1].getAttribute("data-injectcss");if(e&&!d.__iconfont__svg__cssinject__){d.__iconfont__svg__cssinject__=!0;try{document.write("")}catch(t){console&&console.log(t)}}!function(t){if(document.addEventListener)if(~["complete","loaded","interactive"].indexOf(document.readyState))setTimeout(t,0);else{var e=function(){document.removeEventListener("DOMContentLoaded",e,!1),t()};document.addEventListener("DOMContentLoaded",e,!1)}else document.attachEvent&&(o=t,n=d.document,i=!1,(a=function(){try{n.documentElement.doScroll("left")}catch(t){return void setTimeout(a,50)}l()})(),n.onreadystatechange=function(){"complete"==n.readyState&&(n.onreadystatechange=null,l())});function l(){i||(i=!0,o())}var o,n,i,a}(function(){var t,e,l,o,n,i;(t=document.createElement("div")).innerHTML=a,a=null,(e=t.getElementsByTagName("svg")[0])&&(e.setAttribute("aria-hidden","true"),e.style.position="absolute",e.style.width=0,e.style.height=0,e.style.overflow="hidden",l=e,(o=document.body).firstChild?(n=l,(i=o.firstChild).parentNode.insertBefore(n,i)):o.appendChild(l))})}(window);
\ No newline at end of file
+!function(d){var t,q='',l=(t=document.getElementsByTagName("script"))[t.length-1].getAttribute("data-injectcss");if(l&&!d.__iconfont__svg__cssinject__){d.__iconfont__svg__cssinject__=!0;try{document.write("")}catch(t){console&&console.log(t)}}!function(t){if(document.addEventListener)if(~["complete","loaded","interactive"].indexOf(document.readyState))setTimeout(t,0);else{var l=function(){document.removeEventListener("DOMContentLoaded",l,!1),t()};document.addEventListener("DOMContentLoaded",l,!1)}else document.attachEvent&&(i=t,e=d.document,a=!1,(q=function(){try{e.documentElement.doScroll("left")}catch(t){return void setTimeout(q,50)}o()})(),e.onreadystatechange=function(){"complete"==e.readyState&&(e.onreadystatechange=null,o())});function o(){a||(a=!0,i())}var i,e,a,q}(function(){var t,l,o,i,e,a;(t=document.createElement("div")).innerHTML=q,q=null,(l=t.getElementsByTagName("svg")[0])&&(l.setAttribute("aria-hidden","true"),l.style.position="absolute",l.style.width=0,l.style.height=0,l.style.overflow="hidden",o=l,(i=document.body).firstChild?(e=o,(a=i.firstChild).parentNode.insertBefore(e,a)):i.appendChild(o))})}(window);
\ No newline at end of file
diff --git a/examples/assets/iconfont/iconfont.json b/examples/assets/iconfont/iconfont.json
index 67848d7..ff2f4cc 100644
--- a/examples/assets/iconfont/iconfont.json
+++ b/examples/assets/iconfont/iconfont.json
@@ -6,6 +6,321 @@
"description": "",
"glyphs": [
{
+ "icon_id": "7008930",
+ "name": "enter",
+ "font_class": "enter",
+ "unicode": "e6f8",
+ "unicode_decimal": 59128
+ },
+ {
+ "icon_id": "7008997",
+ "name": "return",
+ "font_class": "return",
+ "unicode": "e720",
+ "unicode_decimal": 59168
+ },
+ {
+ "icon_id": "7009048",
+ "name": "packup",
+ "font_class": "packup",
+ "unicode": "e749",
+ "unicode_decimal": 59209
+ },
+ {
+ "icon_id": "7009049",
+ "name": "unfold",
+ "font_class": "unfold",
+ "unicode": "e74a",
+ "unicode_decimal": 59210
+ },
+ {
+ "icon_id": "489935",
+ "name": "card_giftcard",
+ "font_class": "cardgiftcard",
+ "unicode": "eab1",
+ "unicode_decimal": 60081
+ },
+ {
+ "icon_id": "489943",
+ "name": "call_merge",
+ "font_class": "callmerge",
+ "unicode": "eab9",
+ "unicode_decimal": 60089
+ },
+ {
+ "icon_id": "489954",
+ "name": "check_circle",
+ "font_class": "checkcircle",
+ "unicode": "eac2",
+ "unicode_decimal": 60098
+ },
+ {
+ "icon_id": "490078",
+ "name": "error",
+ "font_class": "error",
+ "unicode": "eb37",
+ "unicode_decimal": 60215
+ },
+ {
+ "icon_id": "490079",
+ "name": "error_outline",
+ "font_class": "erroroutline",
+ "unicode": "eb38",
+ "unicode_decimal": 60216
+ },
+ {
+ "icon_id": "490228",
+ "name": "hourglass_empty",
+ "font_class": "hourglassempty",
+ "unicode": "ebc5",
+ "unicode_decimal": 60357
+ },
+ {
+ "icon_id": "490325",
+ "name": "location_city",
+ "font_class": "locationcity",
+ "unicode": "ec20",
+ "unicode_decimal": 60448
+ },
+ {
+ "icon_id": "490386",
+ "name": "near_me",
+ "font_class": "nearme",
+ "unicode": "ec57",
+ "unicode_decimal": 60503
+ },
+ {
+ "icon_id": "490520",
+ "name": "radio_button_checked",
+ "font_class": "radiobuttonchecked",
+ "unicode": "ecc4",
+ "unicode_decimal": 60612
+ },
+ {
+ "icon_id": "490521",
+ "name": "radio_button_unchecked",
+ "font_class": "radiobuttonunchecked",
+ "unicode": "ecc5",
+ "unicode_decimal": 60613
+ },
+ {
+ "icon_id": "490523",
+ "name": "receipt",
+ "font_class": "receipt",
+ "unicode": "ecc7",
+ "unicode_decimal": 60615
+ },
+ {
+ "icon_id": "490525",
+ "name": "record_voice_over",
+ "font_class": "recordvoiceover",
+ "unicode": "ecc9",
+ "unicode_decimal": 60617
+ },
+ {
+ "icon_id": "490589",
+ "name": "schedule",
+ "font_class": "schedule",
+ "unicode": "ecec",
+ "unicode_decimal": 60652
+ },
+ {
+ "icon_id": "490727",
+ "name": "timeline",
+ "font_class": "timeline",
+ "unicode": "ed62",
+ "unicode_decimal": 60770
+ },
+ {
+ "icon_id": "490798",
+ "name": "warning",
+ "font_class": "warning",
+ "unicode": "eda0",
+ "unicode_decimal": 60832
+ },
+ {
+ "icon_id": "489956",
+ "name": "chevron_right",
+ "font_class": "chevronright",
+ "unicode": "eac4",
+ "unicode_decimal": 60100
+ },
+ {
+ "icon_id": "490086",
+ "name": "expand_less",
+ "font_class": "expandless",
+ "unicode": "eb3e",
+ "unicode_decimal": 60222
+ },
+ {
+ "icon_id": "490087",
+ "name": "expand_more",
+ "font_class": "expandmore",
+ "unicode": "eb3f",
+ "unicode_decimal": 60223
+ },
+ {
+ "icon_id": "489802",
+ "name": "account_box",
+ "font_class": "accountbox",
+ "unicode": "ea38",
+ "unicode_decimal": 59960
+ },
+ {
+ "icon_id": "489848",
+ "name": "assignment",
+ "font_class": "assignment",
+ "unicode": "ea61",
+ "unicode_decimal": 60001
+ },
+ {
+ "icon_id": "489959",
+ "name": "chrome_reader_mode",
+ "font_class": "chromereadermode",
+ "unicode": "eac7",
+ "unicode_decimal": 60103
+ },
+ {
+ "icon_id": "490058",
+ "name": "dns",
+ "font_class": "dns",
+ "unicode": "eb23",
+ "unicode_decimal": 60195
+ },
+ {
+ "icon_id": "489805",
+ "name": "add",
+ "font_class": "add",
+ "unicode": "ea3b",
+ "unicode_decimal": 59963
+ },
+ {
+ "icon_id": "490433",
+ "name": "phone",
+ "font_class": "phone",
+ "unicode": "ec7a",
+ "unicode_decimal": 60538
+ },
+ {
+ "icon_id": "490630",
+ "name": "share",
+ "font_class": "share",
+ "unicode": "ed0b",
+ "unicode_decimal": 60683
+ },
+ {
+ "icon_id": "489955",
+ "name": "chevron_left",
+ "font_class": "chevronleft",
+ "unicode": "eac3",
+ "unicode_decimal": 60099
+ },
+ {
+ "icon_id": "938237",
+ "name": "wechat",
+ "font_class": "wechat",
+ "unicode": "e628",
+ "unicode_decimal": 58920
+ },
+ {
+ "icon_id": "489982",
+ "name": "close",
+ "font_class": "close",
+ "unicode": "eadd",
+ "unicode_decimal": 60125
+ },
+ {
+ "icon_id": "490329",
+ "name": "location_on",
+ "font_class": "locationon",
+ "unicode": "ec24",
+ "unicode_decimal": 60452
+ },
+ {
+ "icon_id": "490605",
+ "name": "settings",
+ "font_class": "settings",
+ "unicode": "ecf9",
+ "unicode_decimal": 60665
+ },
+ {
+ "icon_id": "490356",
+ "name": "message",
+ "font_class": "message",
+ "unicode": "ec3c",
+ "unicode_decimal": 60476
+ },
+ {
+ "icon_id": "490716",
+ "name": "touch_app",
+ "font_class": "touchapp",
+ "unicode": "ed57",
+ "unicode_decimal": 60759
+ },
+ {
+ "icon_id": "490225",
+ "name": "home",
+ "font_class": "home",
+ "unicode": "ebc2",
+ "unicode_decimal": 60354
+ },
+ {
+ "icon_id": "490276",
+ "name": "layers",
+ "font_class": "layers",
+ "unicode": "ebf3",
+ "unicode_decimal": 60403
+ },
+ {
+ "icon_id": "490448",
+ "name": "person",
+ "font_class": "person",
+ "unicode": "ec88",
+ "unicode_decimal": 60552
+ },
+ {
+ "icon_id": "490576",
+ "name": "search",
+ "font_class": "search",
+ "unicode": "ece1",
+ "unicode_decimal": 60641
+ },
+ {
+ "icon_id": "489882",
+ "name": "av_timer",
+ "font_class": "avtimer",
+ "unicode": "ea81",
+ "unicode_decimal": 60033
+ },
+ {
+ "icon_id": "490015",
+ "name": "credit_card",
+ "font_class": "creditcard",
+ "unicode": "eafa",
+ "unicode_decimal": 60154
+ },
+ {
+ "icon_id": "490323",
+ "name": "local_shipping",
+ "font_class": "localshipping",
+ "unicode": "ec1e",
+ "unicode_decimal": 60446
+ },
+ {
+ "icon_id": "490444",
+ "name": "perm_identity",
+ "font_class": "permidentity",
+ "unicode": "ec84",
+ "unicode_decimal": 60548
+ },
+ {
+ "icon_id": "490398",
+ "name": "notifications",
+ "font_class": "notifications",
+ "unicode": "ec63",
+ "unicode_decimal": 60515
+ },
+ {
"icon_id": "489801",
"name": "account_balance_wallet",
"font_class": "accountbalancewallet",
diff --git a/examples/assets/iconfont/iconfont.svg b/examples/assets/iconfont/iconfont.svg
index 3b207d2..578f203 100644
--- a/examples/assets/iconfont/iconfont.svg
+++ b/examples/assets/iconfont/iconfont.svg
@@ -20,6 +20,141 @@ Created by iconfont
/>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/examples/assets/iconfont/iconfont.ttf b/examples/assets/iconfont/iconfont.ttf
index 043207f..9d1c972 100644
Binary files a/examples/assets/iconfont/iconfont.ttf and b/examples/assets/iconfont/iconfont.ttf differ
diff --git a/examples/assets/iconfont/iconfont.woff b/examples/assets/iconfont/iconfont.woff
index 017047d..f04725c 100644
Binary files a/examples/assets/iconfont/iconfont.woff and b/examples/assets/iconfont/iconfont.woff differ
diff --git a/examples/assets/iconfont/iconfont.woff2 b/examples/assets/iconfont/iconfont.woff2
index 587f5f5..1f6650b 100644
Binary files a/examples/assets/iconfont/iconfont.woff2 and b/examples/assets/iconfont/iconfont.woff2 differ
diff --git a/examples/router/routes.js b/examples/router/routes.js
index 8bef3cf..6ebbc3c 100644
--- a/examples/router/routes.js
+++ b/examples/router/routes.js
@@ -54,6 +54,12 @@ const _components = [
meta: { title: 'Popup 弹出框' },
component: () => import('@/views/docs/component/popup.md'),
},
+ {
+ path: 'nav-bar',
+ name: 'nav-bar',
+ meta: { title: 'NavBar 导航栏' },
+ component: () => import('@/views/docs/component/nav-bar.md'),
+ },
]
},
{
diff --git a/examples/views/docs/component/nav-bar.md b/examples/views/docs/component/nav-bar.md
new file mode 100644
index 0000000..baf2de6
--- /dev/null
+++ b/examples/views/docs/component/nav-bar.md
@@ -0,0 +1,30 @@
+# NavBar 导航栏
+
+导航栏
+
+## 基础用法
+
+说明
+
+::: snippet 示例
+
+```html
+
+
+
+
+
+
+
+
+
+```
+
+:::
\ No newline at end of file
diff --git a/packages/icon/index.vue b/packages/icon/index.vue
index 0c99de1..2a473de 100644
--- a/packages/icon/index.vue
+++ b/packages/icon/index.vue
@@ -36,6 +36,8 @@ export default {
color: this.color
}
},
+ },
+ methods: {
onClick: function() {
if (this.$listeners['click']) {
this.$emit('click');
diff --git a/packages/navBar/index.css b/packages/navBar/index.css
new file mode 100644
index 0000000..22e84e6
--- /dev/null
+++ b/packages/navBar/index.css
@@ -0,0 +1,59 @@
+.zui-nav-bar {
+ min-height: 2.25rem;
+ display: flex;
+ align-items: center;
+ position: relative;
+ text-align: center;
+ justify-content: space-between;
+ user-select: none;
+ background-color: #f5f5f5;
+ color: #000;
+ transition: all 300ms;
+ padding: 10px;
+}
+.zui-nav-bar--primary {
+ background-color: #FCD404;
+ color: #000;
+}
+.zui-nav-bar .zui-icon {
+ vertical-align: middle;
+}
+.zui-nav-bar--border-bottom {
+ border-bottom: 1px solid #E2E4EA;
+}
+.zui-nav-bar--fixed {
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+}
+.zui-nav-bar__title {
+ max-width: 60%;
+ margin: 0 auto;
+ font-size: 18px;
+ font-weight: 700;
+}
+.zui-nav-bar__left,
+.zui-nav-bar__right {
+ font-size: 16px;
+ min-width: 20%;
+ display: flex;
+ align-items: center;
+}
+.zui-nav-bar__left {
+ justify-content: flex-start;
+}
+.zui-nav-bar__right {
+ justify-content: flex-end;
+}
+.zui-nav-bar__text {
+ display: inline-block;
+ margin: 0 2px;
+ padding: 0 2px;
+ vertical-align: middle;
+}
+.zui-ellipsis {
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+}
diff --git a/packages/navBar/index.vue b/packages/navBar/index.vue
new file mode 100644
index 0000000..b89966f
--- /dev/null
+++ b/packages/navBar/index.vue
@@ -0,0 +1,98 @@
+
+
+
+
+
+
+ {{ leftText }}
+
+
+
+
+ {{ title }}
+
+
+
+
+ {{ rightText }}
+
+
+