@dcloudio/uni-h5 0.0.1-nvue3.3030820220125001

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.
@@ -0,0 +1,131 @@
1
+ uni-modal {
2
+ position: fixed;
3
+ top: 0;
4
+ right: 0;
5
+ bottom: 0;
6
+ left: 0;
7
+ z-index: 999;
8
+ display: block;
9
+ box-sizing: border-box;
10
+ }
11
+
12
+ .uni-modal {
13
+ position: fixed;
14
+ z-index: 999;
15
+ width: 80%;
16
+ max-width: 300px;
17
+ top: 50%;
18
+ left: 50%;
19
+ transform: translate(-50%, -50%);
20
+ background-color: #ffffff;
21
+ text-align: center;
22
+ border-radius: 3px;
23
+ overflow: hidden;
24
+ }
25
+
26
+ .uni-modal * {
27
+ box-sizing: border-box;
28
+ }
29
+
30
+ .uni-modal__hd {
31
+ padding: 1em 1.6em 0.3em;
32
+ }
33
+
34
+ .uni-modal__title {
35
+ font-weight: 400;
36
+ font-size: 18px;
37
+ word-wrap: break-word;
38
+ word-break: break-all;
39
+ white-space: pre-wrap;
40
+ overflow: hidden;
41
+ text-overflow: ellipsis;
42
+ display: -webkit-box;
43
+ -webkit-line-clamp: 2;
44
+ -webkit-box-orient: vertical;
45
+ }
46
+
47
+ .uni-modal__bd {
48
+ padding: 1.3em 1.6em 1.3em;
49
+ min-height: 40px;
50
+ font-size: 15px;
51
+ line-height: 1.4;
52
+ word-wrap: break-word;
53
+ word-break: break-all;
54
+ white-space: pre-wrap;
55
+ color: #999999;
56
+ max-height: 400px;
57
+ overflow-x: hidden;
58
+ overflow-y: auto;
59
+ }
60
+
61
+ .uni-modal__textarea {
62
+ resize: none;
63
+ border: 0;
64
+ margin: 0;
65
+ width: 90%;
66
+ padding: 10px;
67
+ font-size: 20px;
68
+ outline: none;
69
+ border: none;
70
+ background-color: #eee;
71
+ text-decoration: inherit;
72
+ }
73
+
74
+ .uni-modal__ft {
75
+ position: relative;
76
+ line-height: 48px;
77
+ font-size: 18px;
78
+ display: flex;
79
+ }
80
+
81
+ .uni-modal__ft:after {
82
+ content: ' ';
83
+ position: absolute;
84
+ left: 0;
85
+ top: 0;
86
+ right: 0;
87
+ height: 1px;
88
+ border-top: 1px solid #d5d5d6;
89
+ color: #d5d5d6;
90
+ transform-origin: 0 0;
91
+ transform: scaleY(0.5);
92
+ }
93
+
94
+ .uni-modal__btn {
95
+ display: block;
96
+ flex: 1;
97
+ color: #3cc51f;
98
+ text-decoration: none;
99
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
100
+ position: relative;
101
+ cursor: pointer;
102
+ }
103
+
104
+ .uni-modal__btn:active {
105
+ background-color: #eeeeee;
106
+ }
107
+
108
+ .uni-modal__btn:after {
109
+ content: ' ';
110
+ position: absolute;
111
+ left: 0;
112
+ top: 0;
113
+ width: 1px;
114
+ bottom: 0;
115
+ border-left: 1px solid #d5d5d6;
116
+ color: #d5d5d6;
117
+ transform-origin: 0 0;
118
+ transform: scaleX(0.5);
119
+ }
120
+
121
+ .uni-modal__btn:first-child:after {
122
+ display: none;
123
+ }
124
+
125
+ .uni-modal__btn_default {
126
+ color: #353535;
127
+ }
128
+
129
+ .uni-modal__btn_primary {
130
+ color: #007aff;
131
+ }
@@ -0,0 +1,84 @@
1
+ uni-toast {
2
+ position: fixed;
3
+ top: 0;
4
+ right: 0;
5
+ bottom: 0;
6
+ left: 0;
7
+ z-index: 999;
8
+ display: block;
9
+ box-sizing: border-box;
10
+ pointer-events: none;
11
+ font-size: 16px;
12
+ }
13
+
14
+ .uni-sample-toast {
15
+ position: fixed;
16
+ z-index: 999;
17
+ top: 50%;
18
+ left: 50%;
19
+ transform: translate(-50%, -50%);
20
+ text-align: center;
21
+ max-width: 80%;
22
+ }
23
+
24
+ .uni-simple-toast__text {
25
+ display: inline-block;
26
+ vertical-align: middle;
27
+ color: #ffffff;
28
+ background-color: rgba(17, 17, 17, 0.7);
29
+ padding: 10px 20px;
30
+ border-radius: 5px;
31
+ font-size: 13px;
32
+ text-align: center;
33
+ max-width: 100%;
34
+ word-break: break-all;
35
+ white-space: normal;
36
+ }
37
+
38
+ uni-toast .uni-mask {
39
+ pointer-events: auto;
40
+ }
41
+
42
+ .uni-toast {
43
+ position: fixed;
44
+ z-index: 999;
45
+ width: 8em;
46
+ top: 50%;
47
+ left: 50%;
48
+ transform: translate(-50%, -50%);
49
+ background: rgba(17, 17, 17, 0.7);
50
+ text-align: center;
51
+ border-radius: 5px;
52
+ color: #ffffff;
53
+ }
54
+
55
+ .uni-toast * {
56
+ box-sizing: border-box;
57
+ }
58
+
59
+ .uni-toast__icon {
60
+ margin: 20px 0 0;
61
+ width: 38px;
62
+ height: 38px;
63
+ vertical-align: baseline;
64
+ }
65
+
66
+ .uni-icon_toast {
67
+ margin: 15px 0 0;
68
+ }
69
+
70
+ .uni-icon_toast.uni-icon-success-no-circle:before {
71
+ color: #ffffff;
72
+ font-size: 55px;
73
+ }
74
+
75
+ .uni-icon_toast.uni-loading {
76
+ margin: 20px 0 0;
77
+ width: 38px;
78
+ height: 38px;
79
+ vertical-align: baseline;
80
+ }
81
+
82
+ .uni-toast__content {
83
+ margin: 0 0 15px;
84
+ }
@@ -0,0 +1,8 @@
1
+ uni-camera {
2
+ display: block;
3
+ overflow: hidden;
4
+ }
5
+
6
+ uni-camera[hidden] {
7
+ display: none;
8
+ }
@@ -0,0 +1,33 @@
1
+ uni-cover-image {
2
+ display: block;
3
+ line-height: 1.2;
4
+ overflow: hidden;
5
+ height: 100%;
6
+ width: 100%;
7
+ pointer-events: auto;
8
+ }
9
+
10
+ uni-cover-image img {
11
+ width: 100%;
12
+ height: 100%;
13
+ }
14
+
15
+ uni-cover-image[hidden] {
16
+ display: none;
17
+ }
18
+
19
+ uni-cover-image .uni-cover-image {
20
+ width: 100%;
21
+ height: 100%;
22
+ text-overflow: inherit;
23
+ overflow: inherit;
24
+ white-space: nowrap;
25
+ -webkit-align-items: inherit;
26
+ align-items: inherit;
27
+ -webkit-justify-content: inherit;
28
+ justify-content: inherit;
29
+ -webkit-flex-direction: inherit;
30
+ flex-direction: inherit;
31
+ font-size: 0;
32
+ display: inherit;
33
+ }
@@ -0,0 +1,29 @@
1
+ uni-cover-view {
2
+ display: block;
3
+ line-height: 1.2;
4
+ overflow: hidden;
5
+ white-space: nowrap;
6
+ pointer-events: auto;
7
+ }
8
+
9
+ uni-cover-view[hidden] {
10
+ display: none;
11
+ }
12
+
13
+ uni-cover-view .uni-cover-view {
14
+ width: 100%;
15
+ height: 100%;
16
+ text-overflow: inherit;
17
+ overflow: hidden;
18
+ white-space: inherit;
19
+ -webkit-align-items: inherit;
20
+ align-items: inherit;
21
+ -webkit-justify-content: inherit;
22
+ justify-content: inherit;
23
+ -webkit-flex-direction: inherit;
24
+ flex-direction: inherit;
25
+ -webkit-flex-wrap: inherit;
26
+ flex-wrap: inherit;
27
+ display: inherit;
28
+ overflow: inherit;
29
+ }
@@ -0,0 +1,21 @@
1
+ .uni-async-error {
2
+ position: absolute;
3
+ left: 0;
4
+ right: 0;
5
+ top: 0;
6
+ bottom: 0;
7
+ color: #999;
8
+ padding: 100px 10px;
9
+ text-align: center;
10
+ }
11
+ .uni-async-loading {
12
+ box-sizing: border-box;
13
+ width: 100%;
14
+ padding: 50px;
15
+ text-align: center;
16
+ }
17
+
18
+ .uni-async-loading .uni-loading {
19
+ width: 30px;
20
+ height: 30px;
21
+ }
@@ -0,0 +1,85 @@
1
+ * {
2
+ margin: 0;
3
+ -webkit-tap-highlight-color: transparent;
4
+ }
5
+
6
+ html,
7
+ body {
8
+ -webkit-user-select: none;
9
+ user-select: none;
10
+ width: 100%;
11
+ height: 100%;
12
+ }
13
+
14
+ body {
15
+ overflow-x: hidden;
16
+ font-size: 16px;
17
+ }
18
+
19
+ uni-app,
20
+ uni-page,
21
+ uni-page-wrapper,
22
+ uni-page-body {
23
+ display: block;
24
+ box-sizing: border-box;
25
+ width: 100%;
26
+ }
27
+
28
+ uni-page-wrapper {
29
+ position: relative;
30
+ }
31
+
32
+ #app,
33
+ uni-app,
34
+ uni-page,
35
+ uni-page-wrapper {
36
+ height: 100%;
37
+ }
38
+
39
+ /* toast,modal,actionSheet,picker,layout */
40
+ .uni-mask {
41
+ position: fixed;
42
+ z-index: 999;
43
+ top: 0;
44
+ right: 0;
45
+ left: 0;
46
+ bottom: 0;
47
+ background: rgba(0, 0, 0, 0.5);
48
+ }
49
+ /* toast,modal,actionSheet,picker */
50
+ .uni-fade-enter-active,
51
+ .uni-fade-leave-active {
52
+ transition-duration: 0.25s;
53
+ transition-property: opacity;
54
+ transition-timing-function: ease;
55
+ }
56
+ .uni-fade-enter-from,
57
+ .uni-fade-leave-active {
58
+ opacity: 0;
59
+ }
60
+
61
+ .uni-loading,
62
+ uni-button[loading]:before {
63
+ background: transparent
64
+ url('data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=')
65
+ no-repeat;
66
+ }
67
+
68
+ .uni-loading {
69
+ width: 20px;
70
+ height: 20px;
71
+ display: inline-block;
72
+ vertical-align: middle;
73
+ animation: uni-loading 1s steps(12, end) infinite;
74
+ background-size: 100%;
75
+ }
76
+
77
+ @keyframes uni-loading {
78
+ 0% {
79
+ transform: rotate3d(0, 0, 1, 0deg);
80
+ }
81
+
82
+ 100% {
83
+ transform: rotate3d(0, 0, 1, 360deg);
84
+ }
85
+ }
@@ -0,0 +1,56 @@
1
+ uni-content {
2
+ display: flex;
3
+ flex: 1 0 auto;
4
+ height: 100%;
5
+ }
6
+
7
+ uni-main {
8
+ flex: 1;
9
+ width: 100%;
10
+ }
11
+
12
+ uni-top-window + uni-content {
13
+ height: calc(100vh - var(--top-window-height));
14
+ }
15
+
16
+ uni-left-window {
17
+ position: relative;
18
+ width: var(--window-left);
19
+ order: -1;
20
+ overflow-x: hidden;
21
+ }
22
+
23
+ uni-right-window {
24
+ position: relative;
25
+ width: var(--window-right);
26
+ overflow-x: hidden;
27
+ }
28
+
29
+ uni-left-window[data-show],
30
+ uni-right-window[data-show] {
31
+ position: absolute;
32
+ }
33
+
34
+ uni-right-window[data-show] {
35
+ right: 0;
36
+ }
37
+
38
+ uni-content .uni-mask,
39
+ .uni-left-window,
40
+ .uni-right-window {
41
+ z-index: 997;
42
+ }
43
+
44
+ .uni-mask + .uni-left-window,
45
+ .uni-mask + .uni-right-window {
46
+ position: fixed;
47
+ }
48
+
49
+ .uni-top-window {
50
+ position: fixed;
51
+ left: var(--window-margin);
52
+ right: var(--window-margin);
53
+ top: 0;
54
+ z-index: 998;
55
+ overflow: hidden;
56
+ }
@@ -0,0 +1,57 @@
1
+ [nvue] uni-view,
2
+ [nvue] uni-label,
3
+ [nvue] uni-swiper-item,
4
+ [nvue] uni-scroll-view {
5
+ display: flex;
6
+ flex-shrink: 0;
7
+ flex-grow: 0;
8
+ flex-basis: auto;
9
+ align-items: stretch;
10
+ align-content: flex-start;
11
+ }
12
+
13
+ [nvue] uni-button {
14
+ margin: 0;
15
+ }
16
+
17
+ [nvue-dir-row] uni-view,
18
+ [nvue-dir-row] uni-label,
19
+ [nvue-dir-row] uni-swiper-item {
20
+ flex-direction: row;
21
+ }
22
+
23
+ [nvue-dir-column] uni-view,
24
+ [nvue-dir-column] uni-label,
25
+ [nvue-dir-column] uni-swiper-item {
26
+ flex-direction: column;
27
+ }
28
+
29
+ [nvue-dir-row-reverse] uni-view,
30
+ [nvue-dir-row-reverse] uni-label,
31
+ [nvue-dir-row-reverse] uni-swiper-item {
32
+ flex-direction: row-reverse;
33
+ }
34
+
35
+ [nvue-dir-column-reverse] uni-view,
36
+ [nvue-dir-column-reverse] uni-label,
37
+ [nvue-dir-column-reverse] uni-swiper-item {
38
+ flex-direction: column-reverse;
39
+ }
40
+
41
+ [nvue] uni-view,
42
+ [nvue] uni-image,
43
+ [nvue] uni-input,
44
+ [nvue] uni-scroll-view,
45
+ [nvue] uni-swiper,
46
+ [nvue] uni-swiper-item,
47
+ [nvue] uni-text,
48
+ [nvue] uni-textarea,
49
+ [nvue] uni-video {
50
+ position: relative;
51
+ border: 0px solid #000000;
52
+ box-sizing: border-box;
53
+ }
54
+
55
+ [nvue] uni-swiper-item {
56
+ position: absolute;
57
+ }