@zfqh/uniapp 0.1.1 → 0.1.2

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 (42) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/docs/components/styles/base-styles.md +239 -367
  3. package/docs/guide/project-frame.md +26 -2
  4. package/docs/index.md +1 -1
  5. package/lib/components/g-back-button/g-back-button.vue +2 -2
  6. package/lib/components/g-checkbox-list/g-checkbox-list.vue +1 -1
  7. package/lib/components/g-float/g-float.vue +1 -1
  8. package/lib/components/g-grid-image/g-grid-image.vue +1 -1
  9. package/lib/components/g-grid-swiper/g-grid-swiper.vue +1 -1
  10. package/lib/components/g-more/g-more.vue +2 -2
  11. package/lib/components/g-page-container/g-page-container.vue +1 -1
  12. package/lib/components/g-popup/g-popup.vue +3 -3
  13. package/lib/components/g-refresh-view/g-refresh-view.vue +1 -1
  14. package/lib/components/g-search/g-search.vue +4 -4
  15. package/lib/components/g-share-photo/g-share-photo.vue +1 -1
  16. package/lib/components/g-share-view/g-share-view.vue +2 -2
  17. package/lib/components/g-share-weixin/g-share-weixin.vue +1 -1
  18. package/lib/components/g-tag-editor/g-tag-editor.vue +2 -2
  19. package/lib/components/g-trtc-room/g-trtc-room.vue +1 -1
  20. package/lib/styles/bg.scss +1 -22
  21. package/lib/styles/border.scss +1 -158
  22. package/lib/styles/{flex-vue.scss → flex.scss} +15 -12
  23. package/lib/styles/index.scss +5 -17
  24. package/lib/styles/layout.scss +17 -75
  25. package/lib/styles/reset-vue.scss +3 -1
  26. package/lib/styles/text-nvue.scss +1 -10
  27. package/lib/styles/text-vue.scss +0 -55
  28. package/lib/styles/text.scss +1 -43
  29. package/lib/styles/var.module.scss +1 -0
  30. package/package.json +2 -2
  31. package/lib/styles/animate-vue.scss +0 -3
  32. package/lib/styles/animate.scss +0 -27
  33. package/lib/styles/bg-vue.scss +0 -21
  34. package/lib/styles/flex-nvue.scss +0 -64
  35. package/lib/styles/font.scss +0 -59
  36. package/lib/styles/layout-nvue.scss +0 -24
  37. package/lib/styles/layout-vue.scss +0 -30
  38. package/lib/styles/opacity.scss +0 -10
  39. package/lib/styles/shadow.scss +0 -12
  40. package/lib/styles/sizing-vue.scss +0 -21
  41. package/lib/styles/sizing.scss +0 -21
  42. package/lib/styles/spacing.scss +0 -234
@@ -1,17 +1,3 @@
1
- @each $size, $base, $zoom in
2
- (8px, 12px, 0.67),
3
- (9px, 12px, 0.75),
4
- (10px, 12px, 0.83),
5
- (11px, 12px, 0.92),
6
- (16rpx, 24rpx, 0.67),
7
- (18rpx, 24rpx, 0.75),
8
- (20rpx, 24rpx, 0.83),
9
- (22rpx, 24rpx, 0.92) {
10
- .text-#{$size} {
11
- font-size: $base;
12
- zoom: $zoom;
13
- }
14
- }
15
1
  .truncate {
16
2
  overflow: hidden;
17
3
  text-overflow: ellipsis;
@@ -27,44 +13,3 @@
27
13
  word-break: break-all;
28
14
  }
29
15
  }
30
- .break-normal {
31
- word-break: normal;
32
- white-space: normal;
33
- }
34
- .break-all {
35
- word-break: break-all;
36
- }
37
- .break-word {
38
- word-wrap: break-word;
39
- word-break: break-word;
40
- }
41
- .break-keep {
42
- word-break: keep-all;
43
- }
44
- .whitespace-normal {
45
- white-space: normal;
46
- }
47
- .whitespace-nowrap {
48
- white-space: nowrap;
49
- }
50
- .whitespace-pre {
51
- white-space: pre;
52
- }
53
- .whitespace-pre-line {
54
- white-space: pre-line;
55
- }
56
- .whitespace-pre-wrap {
57
- white-space: pre-wrap;
58
- }
59
- .align-baseline {
60
- vertical-align: baseline;
61
- }
62
- .align-top {
63
- vertical-align: top;
64
- }
65
- .align-middle {
66
- vertical-align: middle;
67
- }
68
- .align-bottom {
69
- vertical-align: bottom;
70
- }
@@ -1,12 +1,3 @@
1
- .text-transparent {
2
- color: transparent;
3
- }
4
- .text-white {
5
- color: #ffffff;
6
- }
7
- .text-black {
8
- color: #000000;
9
- }
10
1
  .text-primary {
11
2
  color: $uv-primary;
12
3
  }
@@ -84,39 +75,6 @@
84
75
  }
85
76
  .text-disabled {
86
77
  color: $uv-disabled-color;
87
- }
88
- @for $i from 6 through 50 {
89
- $s: $i * 2;
90
- .text-#{$s}px {
91
- font-size: #{$s}px;
92
- }
93
- .text-#{$s}rpx {
94
- font-size: #{$s}rpx;
95
- }
96
- }
97
- .text-left {
98
- text-align: left;
99
- }
100
- .text-center {
101
- text-align: center;
102
- }
103
- .text-right {
104
- text-align: right;
105
- }
106
- .text-ellipsis {
107
- text-overflow: ellipsis;
108
- }
109
- .text-clip {
110
- text-overflow: clip;
111
- }
112
- .underline {
113
- text-decoration: underline;
114
- }
115
- .line-through {
116
- text-decoration: line-through;
117
- }
118
- .no-underline {
119
- text-decoration: none;
120
- }
78
+ }
121
79
 
122
80
 
@@ -20,6 +20,7 @@
20
20
  infoDisabled: $uv-info-disabled;
21
21
  infoLight: $uv-info-light;
22
22
  bgColor: $uv-bg-color;
23
+ bgLightColor: $uv-bg-light-color;
23
24
  mainColor: $uv-main-color;
24
25
  contentColor: $uv-content-color;
25
26
  tipsColor: $uv-tips-color;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zfqh/uniapp",
3
- "version": "0.1.1",
3
+ "version": "0.1.2",
4
4
  "description": "uniapp公共模块",
5
5
  "author": "yinjiazeng@163.com",
6
6
  "license": "MIT",
@@ -45,5 +45,5 @@
45
45
  "@types/qs": "^6.9.16",
46
46
  "@types/url-parse": "^1.4.11"
47
47
  },
48
- "gitHead": "29f2e4284d8c7e3585410f8800f2b89a39a37cf1"
48
+ "gitHead": "4eadd74fdfef951065e002cb9f65a30a7de03021"
49
49
  }
@@ -1,3 +0,0 @@
1
- .transition-all-300 {
2
- transition: all 300ms;
3
- }
@@ -1,27 +0,0 @@
1
- .origin-center {
2
- transform-origin: center center;
3
- }
4
- .origin-top {
5
- transform-origin: top;
6
- }
7
- .origin-top-right {
8
- transform-origin: top right;
9
- }
10
- .origin-right {
11
- transform-origin: right;
12
- }
13
- .origin-bottom-right {
14
- transform-origin: bottom right;
15
- }
16
- .origin-bottom {
17
- transform-origin: bottom;
18
- }
19
- .origin-bottom-left {
20
- transform-origin: bottom left;
21
- }
22
- .origin-left {
23
- transform-origin: left;
24
- }
25
- .origin-top-left {
26
- transform-origin: top left;
27
- }
@@ -1,21 +0,0 @@
1
- .backdrop-blur-0 {
2
- backdrop-filter: blur(0);
3
- }
4
- .backdrop-blur-10px {
5
- backdrop-filter: blur(10px);
6
- }
7
- .backdrop-blur-10rpx {
8
- backdrop-filter: blur(10rpx);
9
- }
10
- .backdrop-blur-20px {
11
- backdrop-filter: blur(20px);
12
- }
13
- .backdrop-blur-20rpx {
14
- backdrop-filter: blur(20rpx);
15
- }
16
- .backdrop-blur-30px {
17
- backdrop-filter: blur(30px);
18
- }
19
- .backdrop-blur-30rpx {
20
- backdrop-filter: blur(30rpx);
21
- }
@@ -1,64 +0,0 @@
1
- .flex {
2
- flex-direction: row;
3
- align-items: center;
4
- }
5
- .flex-row {
6
- flex-direction: row;
7
- }
8
- .flex-row-reverse {
9
- flex-direction: row-reverse;
10
- }
11
- .flex-col {
12
- flex-direction: column;
13
- }
14
- .flex-col-reverse {
15
- flex-direction: column-reverse;
16
- }
17
- .flex-wrap {
18
- flex-wrap: wrap;
19
- }
20
- .flex-nowrap {
21
- flex-wrap: nowrap;
22
- }
23
- .flex-wrap-reverse {
24
- flex-wrap: wrap-reverse;
25
- }
26
- @for $n from 0 through 5 {
27
- .flex-#{$n} {
28
- flex: $n;
29
- }
30
- }
31
- .flex-none {
32
- flex: 0;
33
- }
34
- .items-start {
35
- align-items: flex-start;
36
- }
37
- .items-end {
38
- align-items: flex-end;
39
- }
40
- .items-center {
41
- align-items: center;
42
- }
43
- .items-stretch {
44
- align-items: stretch;
45
- }
46
- .items-baseline {
47
- align-items: flex-end;
48
- }
49
- .justify-start {
50
- justify-content: flex-start;
51
- }
52
- .justify-end {
53
- justify-content: flex-end;
54
- }
55
- .justify-center {
56
- justify-content: center;
57
- }
58
- .justify-between {
59
- justify-content: space-between;
60
- }
61
- .justify-around {
62
- justify-content: space-around;
63
- }
64
-
@@ -1,59 +0,0 @@
1
- .font-sans {
2
- font-family: system-ui, sans-serif;
3
- }
4
- .font-thin {
5
- font-weight: 100;
6
- }
7
- .font-extralight {
8
- font-weight: 200;
9
- }
10
- .font-light {
11
- font-weight: 300;
12
- }
13
- .font-normal {
14
- font-weight: 400;
15
- }
16
- .font-medium {
17
- font-weight: 500;
18
- }
19
- .font-semibold {
20
- font-weight: 600;
21
- }
22
- .font-bold {
23
- font-weight: 700;
24
- }
25
- .font-extrabold {
26
- font-weight: 800;
27
- }
28
- .font-black {
29
- font-weight: 900;
30
- }
31
- @each $w in (100, 200, 300, 400, 500, 600, 700, 800, 900) {
32
- .font-#{$w} {
33
- font-weight: $w;
34
- }
35
- }
36
- .italic {
37
- font-style: italic;
38
- }
39
- .not-italic {
40
- font-style: normal;
41
- }
42
- .leading-none {
43
- line-height: 1;
44
- }
45
- .leading-tight {
46
- line-height: 1.25;
47
- }
48
- .leading-snug {
49
- line-height: 1.375;
50
- }
51
- .leading-normal {
52
- line-height: 1.5;
53
- }
54
- .leading-relaxed {
55
- line-height: 1.625;
56
- }
57
- .leading-loose {
58
- line-height: 2;
59
- }
@@ -1,24 +0,0 @@
1
- .relative {
2
- position: relative;
3
- }
4
- .absolute {
5
- position: absolute;
6
- }
7
- .fixed {
8
- position: fixed;
9
- }
10
- .sticky {
11
- position: sticky;
12
- }
13
- .sticky-top {
14
- position: sticky;
15
- top: 0;
16
- z-index: 9;
17
- }
18
- .sticky-bottom {
19
- position: sticky;
20
- bottom: 0;
21
- z-index: 9;
22
- }
23
-
24
-
@@ -1,30 +0,0 @@
1
- page {
2
- .relative {
3
- position: relative;
4
- }
5
- .absolute {
6
- position: absolute;
7
- }
8
- .fixed {
9
- position: fixed;
10
- }
11
- .sticky {
12
- position: sticky;
13
- }
14
- .sticky-top {
15
- position: sticky;
16
- top: var(--window-top);
17
- z-index: 9;
18
- }
19
- .sticky-bottom {
20
- position: sticky;
21
- bottom: var(--window-bottom);
22
- z-index: 9;
23
- }
24
- }
25
- .overflow-auto {
26
- overflow: auto;
27
- }
28
- .overflow-scroll {
29
- overflow: scroll;
30
- }
@@ -1,10 +0,0 @@
1
- .opacity-0 {
2
- opacity: 0;
3
- }
4
- @for $i from 1 through 10 {
5
- $o: $i * 10;
6
- .opacity-#{$o} {
7
- opacity: $o * 0.01;
8
- }
9
- }
10
-
@@ -1,12 +0,0 @@
1
- .shadow {
2
- box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
3
- }
4
- .shadow-sm {
5
- box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
6
- }
7
- .shadow-md {
8
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
9
- }
10
- .shadow-lg {
11
- box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
12
- }
@@ -1,21 +0,0 @@
1
- .w-full {
2
- width: 100%;
3
- }
4
- .h-full {
5
- height: 100%;
6
- }
7
- @for $i from 1 through 10 {
8
- $s: $i * 10;
9
- .w-#{$s}vw {
10
- width: #{$s}vw;
11
- }
12
- .h-#{$s}vh {
13
- height: #{$s}vh;
14
- }
15
- }
16
- .box-border {
17
- box-sizing: border-box;
18
- }
19
- .box-content {
20
- box-sizing: content-box;
21
- }
@@ -1,21 +0,0 @@
1
- .w-0 {
2
- width: 0;
3
- }
4
- .h-0 {
5
- height: 0;
6
- }
7
- @for $i from 1 through 80 {
8
- $s: $i * 2;
9
- .w-#{$s}px {
10
- width: #{$s}px;
11
- }
12
- .h-#{$s}px {
13
- height: #{$s}px;
14
- }
15
- .w-#{$s}rpx {
16
- width: #{$s}rpx;
17
- }
18
- .h-#{$s}rpx {
19
- height: #{$s}rpx;
20
- }
21
- }
@@ -1,234 +0,0 @@
1
- .m-0 {
2
- margin: 0;
3
- }
4
- .mx-0 {
5
- margin-left: 0;
6
- margin-right: 0;
7
- }
8
- .my-0 {
9
- margin-top: 0;
10
- margin-bottom: 0;
11
- }
12
- .mt-0 {
13
- margin-top: 0;
14
- }
15
- .mr-0 {
16
- margin-right: 0;
17
- }
18
- .mb-0 {
19
- margin-bottom: 0;
20
- }
21
- .ml-0 {
22
- margin-left: 0;
23
- }
24
- .m-px {
25
- margin: 1px;
26
- }
27
- .mx-px {
28
- margin-left: 1px;
29
- margin-right: 1px;
30
- }
31
- .my-px {
32
- margin-top: 1px;
33
- margin-bottom: 1px;
34
- }
35
- .mt-px {
36
- margin-top: 1px;
37
- }
38
- .mr-px {
39
- margin-right: 1px;
40
- }
41
- .mb-px {
42
- margin-bottom: 1px;
43
- }
44
- .ml-px {
45
- margin-left: 1px;
46
- }
47
- .p-0 {
48
- padding: 0;
49
- }
50
- .px-0 {
51
- padding-left: 0;
52
- padding-right: 0;
53
- }
54
- .py-0 {
55
- padding-top: 0;
56
- padding-bottom: 0;
57
- }
58
- .pt-0 {
59
- padding-top: 0;
60
- }
61
- .pr-0 {
62
- padding-right: 0;
63
- }
64
- .pb-0 {
65
- padding-bottom: 0;
66
- }
67
- .pl-0 {
68
- padding-left: 0;
69
- }
70
- .p-px {
71
- padding: 1px;
72
- }
73
- .px-px {
74
- padding-left: 1px;
75
- padding-right: 1px;
76
- }
77
- .py-px {
78
- padding-top: 1px;
79
- padding-bottom: 1px;
80
- }
81
- .pt-px {
82
- padding-top: 1px;
83
- }
84
- .pr-px {
85
- padding-right: 1px;
86
- }
87
- .pb-px {
88
- padding-bottom: 1px;
89
- }
90
- .pl-px {
91
- padding-left: 1px;
92
- }
93
- @for $i from 1 through 80 {
94
- $s: $i * 2;
95
- .m-#{$s}px {
96
- margin: #{$s}px;
97
- }
98
- .mx-#{$s}px {
99
- margin-left: #{$s}px;
100
- margin-right: #{$s}px;
101
- }
102
- .my-#{$s}px {
103
- margin-top: #{$s}px;
104
- margin-bottom: #{$s}px;
105
- }
106
- .mt-#{$s}px {
107
- margin-top: #{$s}px;
108
- }
109
- .mr-#{$s}px {
110
- margin-right: #{$s}px;
111
- }
112
- .mb-#{$s}px {
113
- margin-bottom: #{$s}px;
114
- }
115
- .ml-#{$s}px {
116
- margin-left: #{$s}px;
117
- }
118
- .-m-#{$s}px {
119
- margin: -#{$s}px;
120
- }
121
- .-mx-#{$s}px {
122
- margin-left: -#{$s}px;
123
- margin-right: -#{$s}px;
124
- }
125
- .-my-#{$s}px {
126
- margin-top: -#{$s}px;
127
- margin-bottom: -#{$s}px;
128
- }
129
- .-mt-#{$s}px {
130
- margin-top: -#{$s}px;
131
- }
132
- .-mr-#{$s}px {
133
- margin-right: -#{$s}px;
134
- }
135
- .-mb-#{$s}px {
136
- margin-bottom: -#{$s}px;
137
- }
138
- .-ml-#{$s}px {
139
- margin-left: -#{$s}px;
140
- }
141
- .p-#{$s}px {
142
- padding: #{$s}px;
143
- }
144
- .px-#{$s}px {
145
- padding-left: #{$s}px;
146
- padding-right: #{$s}px;
147
- }
148
- .py-#{$s}px {
149
- padding-top: #{$s}px;
150
- padding-bottom: #{$s}px;
151
- }
152
- .pt-#{$s}px {
153
- padding-top: #{$s}px;
154
- }
155
- .pr-#{$s}px {
156
- padding-right: #{$s}px;
157
- }
158
- .pb-#{$s}px {
159
- padding-bottom: #{$s}px;
160
- }
161
- .pl-#{$s}px {
162
- padding-left: #{$s}px;
163
- }
164
- .m-#{$s}rpx {
165
- margin: #{$s}rpx;
166
- }
167
- .mx-#{$s}rpx {
168
- margin-left: #{$s}rpx;
169
- margin-right: #{$s}rpx;
170
- }
171
- .my-#{$s}rpx {
172
- margin-top: #{$s}rpx;
173
- margin-bottom: #{$s}rpx;
174
- }
175
- .mt-#{$s}rpx {
176
- margin-top: #{$s}rpx;
177
- }
178
- .mr-#{$s}rpx {
179
- margin-right: #{$s}rpx;
180
- }
181
- .mb-#{$s}rpx {
182
- margin-bottom: #{$s}rpx;
183
- }
184
- .ml-#{$s}rpx {
185
- margin-left: #{$s}rpx;
186
- }
187
- .-m-#{$s}rpx {
188
- margin: -#{$s}rpx;
189
- }
190
- .-mx-#{$s}rpx {
191
- margin-left: -#{$s}rpx;
192
- margin-right: -#{$s}rpx;
193
- }
194
- .-my-#{$s}rpx {
195
- margin-top: -#{$s}rpx;
196
- margin-bottom: -#{$s}rpx;
197
- }
198
- .-mt-#{$s}rpx {
199
- margin-top: -#{$s}rpx;
200
- }
201
- .-mr-#{$s}rpx {
202
- margin-right: -#{$s}rpx;
203
- }
204
- .-mb-#{$s}rpx {
205
- margin-bottom: -#{$s}rpx;
206
- }
207
- .-ml-#{$s}rpx {
208
- margin-left: -#{$s}rpx;
209
- }
210
- .p-#{$s}rpx {
211
- padding: #{$s}rpx;
212
- }
213
- .px-#{$s}rpx {
214
- padding-left: #{$s}rpx;
215
- padding-right: #{$s}rpx;
216
- }
217
- .py-#{$s}rpx {
218
- padding-top: #{$s}rpx;
219
- padding-bottom: #{$s}rpx;
220
- }
221
- .pt-#{$s}rpx {
222
- padding-top: #{$s}rpx;
223
- }
224
- .pr-#{$s}rpx {
225
- padding-right: #{$s}rpx;
226
- }
227
- .pb-#{$s}rpx {
228
- padding-bottom: #{$s}rpx;
229
- }
230
- .pl-#{$s}rpx {
231
- padding-left: #{$s}rpx;
232
- }
233
- }
234
-