-
+
Zan UI Wap
+
有赞移动wap端组件库
+
@@ -61,56 +36,25 @@ export default {
.side-nav {
width: 100%;
box-sizing: border-box;
- padding: 40px 20px;
- background: #f9fafb;
+ padding: 90px 15px 20px;
+ position: relative;
+ z-index: 1;
- li {
- list-style: none;
- }
- ul {
- padding: 0;
- margin: 0;
- overflow: hidden;
+ .zanui-title,
+ .zanui-desc {
+ text-align: center;
+ font-weight: normal;
}
- .nav-item {
- a {
- font-size: 16px;
- color: #5e6d82;
- line-height: 40px;
- height: 40px;
- margin: 0;
- padding: 0;
- text-decoration: none;
- display: block;
- position: relative;
- transition: all .3s;
-
- &.active {
- color: #20a0ff;
- }
- }
- .nav-item {
- a {
- display: block;
- height: 40px;
- line-height: 40px;
- font-size: 13px;
- padding-left: 24px;
-
-
- &:hover {
- color: #20a0ff;
- }
- }
- }
+ .zanui-title {
+ font-size: 26px;
+ color: #333;
}
- .nav-group__title {
- font-size: 12px;
- color: #99a9bf;
- padding-left: 8px;
- line-height: 26px;
- margin-top: 10px;
+
+ .zanui-desc {
+ font-size: 14px;
+ color: #666;
+ margin-bottom: 50px;
}
}
diff --git a/docs/components/mobile-nav.vue b/docs/components/mobile-nav.vue
new file mode 100644
index 000000000..b188ff135
--- /dev/null
+++ b/docs/components/mobile-nav.vue
@@ -0,0 +1,94 @@
+
+
+
+ {{group.groupName}}
+
+
+
+
+
+
+
+
diff --git a/docs/components/mobile-popup.vue b/docs/components/mobile-popup.vue
index fb8b7f4e6..160872d5b 100644
--- a/docs/components/mobile-popup.vue
+++ b/docs/components/mobile-popup.vue
@@ -33,13 +33,19 @@ export default {
diff --git a/docs/examples-dist/icon.vue b/docs/examples-dist/icon.vue
index ed8d981e1..9c6bc5f2e 100644
--- a/docs/examples-dist/icon.vue
+++ b/docs/examples-dist/icon.vue
@@ -1,21 +1,30 @@
icon
-
-
-
-
+
+
+
+
+
+
-
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
+
+
+
+
\ No newline at end of file
+import Vue from "vue";import ExampleBlock from "../components/example-block";Vue.component("example-block", ExampleBlock);
+import { ImagePreview } from 'src/index';
+
+export default {
+ methods: {
+ handleImagePreview() {
+ ImagePreview([
+ 'https://img.yzcdn.cn/upload_files/2017/03/14/FmTPs0SeyQaAOSK1rRe1sL8RcwSY.jpeg?imageView2/2/w/980/h/980/q/75/format/webp',
+ 'https://img.yzcdn.cn/upload_files/2017/03/15/FvexrWlG_WxtCE9Omo5l27n_mAG_.jpeg?imageView2/2/w/980/h/980/q/75/format/webp'
+ ]);
+ }
+ }
+};
+
\ No newline at end of file
diff --git a/docs/examples-dist/popup.vue b/docs/examples-dist/popup.vue
index e35ebd6d1..de1283f6f 100644
--- a/docs/examples-dist/popup.vue
+++ b/docs/examples-dist/popup.vue
@@ -7,7 +7,7 @@
- 从上方方弹出popup
+ 从上方弹出popup