wl-design-mobile 0.0.6 → 0.0.8

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 (10) 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 +3 -2
  7. package/btn/lambo-extend-btn.vue +1 -0
  8. package/nav/lambo-top-nav.vue +6 -15
  9. package/package.json +1 -1
  10. package/title/lambo-title1.vue +5 -1
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,7 +12,6 @@
12
12
  </div>
13
13
  </template>
14
14
  <script>
15
-
16
15
  import LamboInfoBtn from "./components/lambo-info-btn.vue";
17
16
  import LamboTextBtn from "./components/lambo-text-btn.vue";
18
17
  import LamboPrimaryBtn from "./components/lambo-primary-btn.vue";
@@ -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
@@ -101,6 +101,7 @@ export default {
101
101
  }
102
102
 
103
103
  .extend-ul {
104
+ position: absolute;
104
105
  z-index: 999;
105
106
  }
106
107
  </style>
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.6",
3
+ "version": "0.0.8",
4
4
  "description": "",
5
5
  "main": "index.js",
6
6
  "author": "finch",
package/title/lambo-title1.vue CHANGED
@@ -63,9 +63,13 @@ 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
- padding: 10px 14px;
72
+ padding: 0px 14px;
69
73
  }
70
74
 
71
75
  .title1-border-line {