wl-design-mobile 0.0.5 → 0.0.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/btn/components/lambo-info-btn.vue +1 -1
  2. package/btn/components/lambo-primary-btn.vue +1 -1
  3. package/btn/components/lambo-text-btn.vue +1 -1
  4. package/btn/lambo-btn-divide.vue +35 -0
  5. package/btn/lambo-btn-group.vue +1 -1
  6. package/btn/lambo-btn.vue +6 -5
  7. package/btn/lambo-extend-btn.vue +1 -1
  8. package/edit/list/Lambo-edit-list.vue +1 -1
  9. package/edit/list/lambo-edit-card-group.vue +1 -1
  10. package/nav/lambo-top-nav.vue +6 -15
  11. package/package.json +1 -1
  12. package/search/lambo-date-range.vue +1 -1
  13. package/title/lambo-title1.vue +4 -0
package/btn/components/lambo-info-btn.vue CHANGED
@@ -77,7 +77,7 @@ export default {
77
77
 
78
78
  .big-btn {
79
79
  border: none;
80
- min-width: 60px;
80
+ width: 100%;
81
81
  height: 38px;
82
82
  font-size: 14px;
83
83
  border-radius: 3px;
package/btn/components/lambo-primary-btn.vue CHANGED
@@ -77,7 +77,7 @@ export default {
77
77
 
78
78
  .big-btn {
79
79
  border: none;
80
- min-width: 60px;
80
+ width: 100%;
81
81
  height: 38px;
82
82
  font-size: 14px;
83
83
  border-radius: 3px;
package/btn/components/lambo-text-btn.vue CHANGED
@@ -77,7 +77,7 @@ export default {
77
77
 
78
78
  .big-btn {
79
79
  border: none;
80
- min-width: 60px;
80
+ width: 100%;
81
81
  height: 38px;
82
82
  font-size: 14px;
83
83
  border-radius: 3px;
package/btn/lambo-btn-divide.vue ADDED
@@ -0,0 +1,35 @@
1
+ <template>
2
+ <div class="container-divide">
3
+ <slot></slot>
4
+ </div>
5
+ </template>
6
+ <script>
7
+ import LamboBtn from "../btn/lambo-btn.vue";
8
+
9
+ export default {
10
+ name: "LamboBtnDivide",
11
+ components: {LamboBtn},
12
+ props: {},
13
+ data() {
14
+ return {
15
+
16
+ }
17
+ },
18
+ methods: {
19
+
20
+ }
21
+ }
22
+ </script>
23
+ <style scoped>
24
+ .container-divide {
25
+ display: flex;
26
+ flex-wrap: wrap;
27
+ align-items: flex-end;
28
+ flex-direction: row;
29
+ gap: 6px;
30
+ }
31
+
32
+ .container-divide /deep/ .btn-sel {
33
+ flex: 1;
34
+ }
35
+ </style>
package/btn/lambo-btn-group.vue CHANGED
@@ -32,7 +32,7 @@ export default {
32
32
  display: flex;
33
33
  padding: 0 14px;
34
34
  background-color: var(--scl-white-1);
35
- border-bottom: 1px solid rgba(229, 229, 229, 3);
35
+ border-bottom: 1px solid rgba(229, 229, 229, 1.5);
36
36
  }
37
37
 
38
38
  .button-group /deep/ .btn-sel {
package/btn/lambo-btn.vue CHANGED
@@ -12,10 +12,9 @@
12
12
  </div>
13
13
  </template>
14
14
  <script>
15
-
16
- import LamboInfoBtn from "@/components/lambo/btn/components/lambo-info-btn.vue";
17
- import LamboTextBtn from "@/components/lambo/btn/components/lambo-text-btn.vue";
18
- import LamboPrimaryBtn from "@/components/lambo/btn/components/lambo-primary-btn.vue";
15
+ import LamboInfoBtn from "./components/lambo-info-btn.vue";
16
+ import LamboTextBtn from "./components/lambo-text-btn.vue";
17
+ import LamboPrimaryBtn from "./components/lambo-primary-btn.vue";
19
18
 
20
19
  export default {
21
20
  name: "LamboBtn",
@@ -57,7 +56,9 @@ export default {
57
56
  },
58
57
  methods: {
59
58
  handleClick(event) {
60
- this.$emit('click', event);
59
+ if (event) {
60
+ this.$emit('click', event);
61
+ }
61
62
  }
62
63
  }
63
64
  }
package/btn/lambo-extend-btn.vue CHANGED
@@ -9,7 +9,7 @@
9
9
  </div>
10
10
  </template>
11
11
  <script>
12
- import LamboBtn from "@/components/lambo/btn/lambo-btn.vue";
12
+ import LamboBtn from "./lambo-btn.vue";
13
13
 
14
14
  export default {
15
15
  name: 'LamboExtendBtn',
package/edit/list/Lambo-edit-list.vue CHANGED
@@ -28,7 +28,7 @@
28
28
  import LamboEditSingleSelect from "../../edit/select/lambo-edit-single-select.vue";
29
29
  import LamboEditMultiSelect from "../../edit/select/lambo-edit-multi-select.vue";
30
30
  import LamboEditInput from "../../edit/select/lambo-edit-input.vue";
31
- import LamboBtn from "@/components/lambo/btn/lambo-btn.vue";
31
+ import LamboBtn from "../../btn/lambo-btn.vue";
32
32
 
33
33
  export default {
34
34
  name: 'LamboEditList',
package/edit/list/lambo-edit-card-group.vue CHANGED
@@ -22,7 +22,7 @@
22
22
  import LamboEditSingleSelect from "../../edit/select/lambo-edit-single-select.vue";
23
23
  import LamboEditMultiSelect from "../../edit/select/lambo-edit-multi-select.vue";
24
24
  import LamboEditInput from "../../edit/select/lambo-edit-input.vue";
25
- import LamboBtn from "@/components/lambo/btn/lambo-btn.vue";
25
+ import LamboBtn from "../../btn/lambo-btn.vue";
26
26
 
27
27
  export default {
28
28
  name: 'LamboEditCardGroup',
package/nav/lambo-top-nav.vue CHANGED
@@ -5,7 +5,7 @@
5
5
  <div class="arrow-left" @click="back"></div>
6
6
  </template>
7
7
  <template v-if="hasExtend" #right>
8
- <div :style="{backgroundImage: `../assets/icon/search-right.png`}" class="arrow-right" @click="more"></div>
8
+ <div class="arrow-right-search" @click="more"></div>
9
9
  </template>
10
10
  </van-nav-bar>
11
11
  </van-sticky>
@@ -32,35 +32,26 @@ export default {
32
32
  more() {
33
33
  this.$emit("on-extend")
34
34
  }
35
- },
36
- // computed: {
37
- // loadIcon() {
38
- // if (!this.icon) {
39
- // return url("../assets/icon/search-right.png");
40
- //
41
- // } else {
42
- // return new URL('../assets/icon/' + this.icon, import.meta.url).href
43
- // }
44
- // }
45
- // }
35
+ }
46
36
  }
47
37
  </script>
48
38
  <style scoped>
49
39
  @import "../styles/index.less";
50
40
 
51
- .arrow-left {
41
+ .arrow-right-search {
52
42
  width: 14px;
53
43
  height: 14px;
54
44
  line-height: 48px;
55
- background-image: url("../assets/icon/arrow-left.png");
56
45
  background-repeat: no-repeat;
57
46
  background-size: 100% auto;
47
+ background-image: url("../assets/icon/search-right.png");
58
48
  }
59
49
 
60
- .arrow-right {
50
+ .arrow-left {
61
51
  width: 14px;
62
52
  height: 14px;
63
53
  line-height: 48px;
54
+ background-image: url("../assets/icon/arrow-left.png");
64
55
  background-repeat: no-repeat;
65
56
  background-size: 100% auto;
66
57
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "wl-design-mobile",
3
- "version": "0.0.5",
3
+ "version": "0.0.7",
4
4
  "description": "",
5
5
  "main": "index.js",
6
6
  "author": "finch",
package/search/lambo-date-range.vue CHANGED
@@ -15,7 +15,7 @@
15
15
  </div>
16
16
  </template>
17
17
  <script>
18
- import {deepCopy} from '@/libs/assist'
18
+ import {deepCopy} from '../util/assist'
19
19
  import moment from 'moment'
20
20
  import LamboRequiredRedStar from '../icon/lambo-required-red-star.vue'
21
21
  import LamboVectorIcon from '../icon/lambo-vector-icon.vue'
package/title/lambo-title1.vue CHANGED
@@ -63,7 +63,11 @@ export default {
63
63
  .title1-main {
64
64
  height: 47px;
65
65
  display: flex;
66
+ flex-direction: row;
67
+ flex-wrap: wrap;
66
68
  justify-content: space-between;
69
+ align-items: center;
70
+ align-content: center;
67
71
  background-color: var(--scl-white-1);
68
72
  padding: 10px 14px;
69
73
  }