Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
uni-app
提交
0f89a16a
U
uni-app
项目概览
DCloud
/
uni-app
6 个月 前同步成功
通知
751
Star
38709
Fork
3642
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
8
列表
看板
标记
里程碑
合并请求
1
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
U
uni-app
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
8
Issue
8
列表
看板
标记
里程碑
合并请求
1
合并请求
1
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
提交
0f89a16a
编写于
5月 16, 2024
作者:
fxy060608
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
wip: uni_modules 编译模式
上级
ad023b0b
变更
10
隐藏空白更改
内联
并排
Showing
10 changed file
with
92 addition
and
26 deletion
+92
-26
packages/playground/__tests__/__snapshots__/uni_modules.spec.ts.snap
...ayground/__tests__/__snapshots__/uni_modules.spec.ts.snap
+9
-9
packages/playground/uni_modules/src/uni_modules/test-com2/components/test-com2-1/test-com2-1.vue
..._modules/test-com2/components/test-com2-1/test-com2-1.vue
+1
-1
packages/uni-app-plus/dist/style.css
packages/uni-app-plus/dist/style.css
+1
-1
packages/uni-app-plus/dist/uni.runtime.esm.js
packages/uni-app-plus/dist/uni.runtime.esm.js
+4
-3
packages/uni-app-uts/src/plugins/android/uvue/compiler/codegen.ts
.../uni-app-uts/src/plugins/android/uvue/compiler/codegen.ts
+54
-8
packages/uni-h5/dist-x/uni-h5.cjs.js
packages/uni-h5/dist-x/uni-h5.cjs.js
+7
-1
packages/uni-h5/dist-x/uni-h5.es.js
packages/uni-h5/dist-x/uni-h5.es.js
+7
-1
packages/uni-h5/dist/uni-h5.cjs.js
packages/uni-h5/dist/uni-h5.cjs.js
+1
-0
packages/uni-h5/dist/uni-h5.es.js
packages/uni-h5/dist/uni-h5.es.js
+1
-0
packages/uni-uts-v1/src/encrypt.ts
packages/uni-uts-v1/src/encrypt.ts
+7
-2
未找到文件。
packages/playground/__tests__/__snapshots__/uni_modules.spec.ts.snap
浏览文件 @
0f89a16a
...
...
@@ -241,7 +241,7 @@ open class GenUniModulesTestCom2ComponentsTestCom21TestCom21 : VueComponent {
createElementVNode("
image
", utsMapOf("
src
" to _ctx.api), null, 8, utsArrayOf(
"
src
"
)),
createElementVNode("
video
")
createElementVNode("
video
"
, utsMapOf("
src
" to "
https
://
qiniu
-
web
-
assets
.
dcloud
.
net
.
cn
/
video
/
sample
/
2
minute
-
demo
.
mp4
")
)
), 64);
}
open var msg: String by \`$data\`;
...
...
@@ -460,7 +460,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
return openBlock(), createElementBlock(Fragment, null, [
createElementVNode("
text
", { class: "
text
" }, toDisplayString($data.msg) + toDisplayString($data.api), 1),
createElementVNode("
image
", { src: $data.api }, null, 8, ["
src
"]),
createElementVNode("
video
")
createElementVNode("
video
"
, { src: "
https
://
qiniu
-
web
-
assets
.
dcloud
.
net
.
cn
/
video
/
sample
/
2
minute
-
demo
.
mp4
" }
)
], 64);
}
const testCom21 = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["
render
", _sfc_render$1], ["
styles
", [_style_0$1]]]);
...
...
@@ -617,10 +617,10 @@ exports[`uni_modules playground uni-app-x build:h5 5`] = `
.text[data-v-
d600df3c
] {
.text[data-v-
e2332c62
] {
color: red;
}
.image[data-v-
d600df3c
] {
.image[data-v-
e2332c62
] {
background: url('@/uni_modules/test-com2/components/test-com2-1/api.png');
}
"
...
...
@@ -668,10 +668,10 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
_: 1
}),
createVNode(_component_v_uni_image, { src: $data.api }, null, 8, ["
src
"]),
createVNode(_component_v_uni_video)
createVNode(_component_v_uni_video
, { src: "
https
://
qiniu
-
web
-
assets
.
dcloud
.
net
.
cn
/
video
/
sample
/
2
minute
-
demo
.
mp4
" }
)
], 64);
}
const testCom21 = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["
render
", _sfc_render$1], ["
__scopeId
", "
data
-
v
-
d600df3c
"]]);
const testCom21 = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["
render
", _sfc_render$1], ["
__scopeId
", "
data
-
v
-
e2332c62
"]]);
const _sfc_main = defineComponent({
data() {
return {
...
...
@@ -958,7 +958,7 @@ open class GenUniModulesTestCom2ComponentsTestCom21TestCom21 : VueComponent {
createElementVNode("
image
", utsMapOf("
src
" to _ctx.api), null, 8, utsArrayOf(
"
src
"
)),
createElementVNode("
video
")
createElementVNode("
video
"
, utsMapOf("
src
" to "
https
://
qiniu
-
web
-
assets
.
dcloud
.
net
.
cn
/
video
/
sample
/
2
minute
-
demo
.
mp4
")
)
), 64);
}
open var msg: String by \`$data\`;
...
...
@@ -1212,7 +1212,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
/* TEXT */
),
createElementVNode("
image
", { src: $data.api }, null, 8, ["
src
"]),
createElementVNode("
video
")
createElementVNode("
video
"
, { src: "
https
://
qiniu
-
web
-
assets
.
dcloud
.
net
.
cn
/
video
/
sample
/
2
minute
-
demo
.
mp4
" }
)
],
64
/* STABLE_FRAGMENT */
...
...
@@ -1465,7 +1465,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
/* STABLE */
}),
createVNode(_component_v_uni_image, { src: $data.api }, null, 8, ["
src
"]),
createVNode(_component_v_uni_video)
createVNode(_component_v_uni_video
, { src: "
https
://
qiniu
-
web
-
assets
.
dcloud
.
net
.
cn
/
video
/
sample
/
2
minute
-
demo
.
mp4
" }
)
],
64
/* STABLE_FRAGMENT */
...
...
packages/playground/uni_modules/src/uni_modules/test-com2/components/test-com2-1/test-com2-1.vue
浏览文件 @
0f89a16a
<
template
>
<text
class=
"text"
>
{{
msg
}}{{
api
}}
</text>
<image
:src=
"api"
/>
<video
/>
<video
src=
"https://qiniu-web-assets.dcloud.net.cn/video/sample/2minute-demo.mp4"
/>
</
template
>
<
script
>
import
Api
from
'
./api.png
'
...
...
packages/uni-app-plus/dist/style.css
浏览文件 @
0f89a16a
*
{
margin
:
0
;
-webkit-tap-highlight-color
:
rgba
(
0
,
0
,
0
,
0
);
-webkit-tap-highlight-color
:
transparent
}
html
,
body
{
-webkit-user-select
:
none
;
user-select
:
none
;
width
:
100%
}
html
{
height
:
100%
;
height
:
100vh
;
width
:
100%
;
width
:
100vw
}
body
{
overflow-x
:
hidden
;
background-color
:
#fff
;
height
:
100%
}
#app
{
height
:
100%
}
input
[
type
=
search
]
::-webkit-search-cancel-button
{
display
:
none
}
.uni-loading
,
uni-button
[
loading
]
:before
{
background
:
transparent
url(data:image/svg+xml;base64,\ PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=)
no-repeat
}
.uni-loading
{
width
:
20px
;
height
:
20px
;
display
:
inline-block
;
vertical-align
:
middle
;
animation
:
uni-loading
1s
steps
(
12
,
end
)
infinite
;
background-size
:
100%
}
@keyframes
uni-loading
{
0
%
{
transform
:
rotate3d
(
0
,
0
,
1
,
0
)}
to
{
transform
:
rotate3d
(
0
,
0
,
1
,
360deg
)}}
@media
(
prefers-color-scheme
:
dark
){
html
{
--UI-BG-C
LOLOR-ACTIVE
:
#373737
;
--UI-BORDER-CL
OLOR-1
:
#373737
;
--UI-BG
:
#000
;
--UI-BG-0
:
#191919
;
--UI-BG-1
:
#1f1f1f
;
--UI-BG-2
:
#232323
;
--UI-BG-3
:
#2f2f2f
;
--UI-BG-4
:
#606060
;
--UI-BG-5
:
#2c2c2c
;
--UI-FG
:
#fff
;
--UI-FG-0
:
hsla
(
0
,
0%
,
100%
,
.8
);
--UI-FG-HALF
:
hsla
(
0
,
0%
,
100%
,
.6
);
--UI-FG-1
:
hsla
(
0
,
0%
,
100%
,
.5
);
--UI-FG-2
:
hsla
(
0
,
0%
,
100%
,
.3
);
--UI-FG-3
:
hsla
(
0
,
0%
,
100%
,
.05
)}
body
{
background-color
:
var
(
--UI-BG-0
);
color
:
var
(
--UI-FG-0
)}}
[
nvue
]
uni-view
,[
nvue
]
uni-label
,[
nvue
]
uni-swiper-item
,[
nvue
]
uni-scroll-view
{
display
:
flex
;
flex-shrink
:
0
;
flex-grow
:
0
;
flex-basis
:
auto
;
align-items
:
stretch
;
align-content
:
flex-start
}
[
nvue
]
uni-button
{
margin
:
0
}
[
nvue-dir-row
]
uni-view
,[
nvue-dir-row
]
uni-label
,[
nvue-dir-row
]
uni-swiper-item
{
flex-direction
:
row
}
[
nvue-dir-column
]
uni-view
,[
nvue-dir-column
]
uni-label
,[
nvue-dir-column
]
uni-swiper-item
{
flex-direction
:
column
}
[
nvue-dir-row-reverse
]
uni-view
,[
nvue-dir-row-reverse
]
uni-label
,[
nvue-dir-row-reverse
]
uni-swiper-item
{
flex-direction
:
row-reverse
}
[
nvue-dir-column-reverse
]
uni-view
,[
nvue-dir-column-reverse
]
uni-label
,[
nvue-dir-column-reverse
]
uni-swiper-item
{
flex-direction
:
column-reverse
}
[
nvue
]
uni-view
,[
nvue
]
uni-image
,[
nvue
]
uni-input
,[
nvue
]
uni-scroll-view
,[
nvue
]
uni-swiper
,[
nvue
]
uni-swiper-item
,[
nvue
]
uni-text
,[
nvue
]
uni-textarea
,[
nvue
]
uni-video
{
position
:
relative
;
border
:
0px
solid
#000000
;
box-sizing
:
border-box
}
[
nvue
]
uni-swiper-item
{
position
:
absolute
}
@keyframes
once-show
{
0
%
{
top
:
0
}}
uni-resize-sensor
,
uni-resize-sensor
>
div
{
position
:
absolute
;
left
:
0
;
top
:
0
;
right
:
0
;
bottom
:
0
;
overflow
:
hidden
}
uni-resize-sensor
{
display
:
block
;
z-index
:
-1
;
visibility
:
hidden
;
animation
:
once-show
1ms
}
uni-resize-sensor
>
div
>
div
{
position
:
absolute
;
left
:
0
;
top
:
0
}
uni-resize-sensor
>
div
:first-child
>
div
{
width
:
100000px
;
height
:
100000px
}
uni-resize-sensor
>
div
:last-child
>
div
{
width
:
200%
;
height
:
200%
}
uni-text
[
selectable
]
{
cursor
:
auto
;
-webkit-user-select
:
text
;
user-select
:
text
}
uni-text
{
white-space
:
pre-line
}
uni-view
{
display
:
block
}
uni-view
[
hidden
]
{
display
:
none
}
uni-button
{
position
:
relative
;
display
:
block
;
margin-left
:
auto
;
margin-right
:
auto
;
padding-left
:
14px
;
padding-right
:
14px
;
box-sizing
:
border-box
;
font-size
:
18px
;
text-align
:
center
;
text-decoration
:
none
;
line-height
:
2.55555556
;
border-radius
:
5px
;
-webkit-tap-highlight-color
:
transparent
;
overflow
:
hidden
;
color
:
#000
;
background-color
:
#f8f8f8
;
cursor
:
pointer
}
uni-button
[
hidden
]
{
display
:
none
!important
}
uni-button
:after
{
content
:
" "
;
width
:
200%
;
height
:
200%
;
position
:
absolute
;
top
:
0
;
left
:
0
;
border
:
1px
solid
rgba
(
0
,
0
,
0
,
.2
);
transform
:
scale
(
.5
);
transform-origin
:
0
0
;
box-sizing
:
border-box
;
border-radius
:
10px
}
uni-button
[
native
]
{
padding-left
:
0
;
padding-right
:
0
}
uni-button
[
native
]
.uni-button-cover-view-wrapper
{
border
:
inherit
;
border-color
:
inherit
;
border-radius
:
inherit
;
background-color
:
inherit
}
uni-button
[
native
]
.uni-button-cover-view-inner
{
padding-left
:
14px
;
padding-right
:
14px
}
uni-button
uni-cover-view
{
line-height
:
inherit
;
white-space
:
inherit
}
uni-button
[
type
=
default
]
{
color
:
#000
;
background-color
:
#f8f8f8
}
uni-button
[
type
=
primary
]
{
color
:
#fff
;
background-color
:
#007aff
}
uni-button
[
type
=
warn
]
{
color
:
#fff
;
background-color
:
#e64340
}
uni-button
[
disabled
]
{
color
:
rgba
(
255
,
255
,
255
,
.6
);
cursor
:
not-allowed
}
uni-button
[
disabled
][
type
=
default
],
uni-button
[
disabled
]
:not
([
type
])
{
color
:
rgba
(
0
,
0
,
0
,
.3
);
background-color
:
#f7f7f7
}
uni-button
[
disabled
][
type
=
primary
]
{
background-color
:
rgba
(
0
,
122
,
255
,
.6
)}
uni-button
[
disabled
][
type
=
warn
]
{
background-color
:
#ec8b89
}
uni-button
[
type
=
primary
][
plain
]
{
color
:
#007aff
;
border
:
1px
solid
#007aff
;
background-color
:
transparent
}
uni-button
[
type
=
primary
][
plain
][
disabled
]
{
color
:
rgba
(
0
,
0
,
0
,
.2
);
border-color
:
rgba
(
0
,
0
,
0
,
.2
)}
uni-button
[
type
=
primary
][
plain
]
:after
{
border-width
:
0
}
uni-button
[
type
=
default
][
plain
]
{
color
:
#353535
;
border
:
1px
solid
#353535
;
background-color
:
transparent
}
uni-button
[
type
=
default
][
plain
][
disabled
]
{
color
:
rgba
(
0
,
0
,
0
,
.2
);
border-color
:
rgba
(
0
,
0
,
0
,
.2
)}
uni-button
[
type
=
default
][
plain
]
:after
{
border-width
:
0
}
uni-button
[
plain
]
{
color
:
#353535
;
border
:
1px
solid
#353535
;
background-color
:
transparent
}
uni-button
[
plain
][
disabled
]
{
color
:
rgba
(
0
,
0
,
0
,
.2
);
border-color
:
rgba
(
0
,
0
,
0
,
.2
)}
uni-button
[
plain
]
:after
{
border-width
:
0
}
uni-button
[
plain
][
native
]
.uni-button-cover-view-inner
{
padding
:
0
}
uni-button
[
type
=
warn
][
plain
]
{
color
:
#e64340
;
border
:
1px
solid
#e64340
;
background-color
:
transparent
}
uni-button
[
type
=
warn
][
plain
][
disabled
]
{
color
:
rgba
(
0
,
0
,
0
,
.2
);
border-color
:
rgba
(
0
,
0
,
0
,
.2
)}
uni-button
[
type
=
warn
][
plain
]
:after
{
border-width
:
0
}
uni-button
[
size
=
mini
]
{
display
:
inline-block
;
line-height
:
2.3
;
font-size
:
13px
;
padding
:
0
1.34em
}
uni-button
[
size
=
mini
][
native
]
{
padding
:
0
}
uni-button
[
size
=
mini
][
native
]
.uni-button-cover-view-inner
{
padding
:
0
1.34em
}
uni-button
[
loading
]
:not
([
disabled
])
{
cursor
:
progress
}
uni-button
[
loading
]
:before
{
content
:
" "
;
display
:
inline-block
;
width
:
18px
;
height
:
18px
;
vertical-align
:
middle
;
animation
:
uni-loading
1s
steps
(
12
,
end
)
infinite
;
background-size
:
100%
}
uni-button
[
loading
][
type
=
primary
]
{
color
:
rgba
(
255
,
255
,
255
,
.6
);
background-color
:
#0062cc
}
uni-button
[
loading
][
type
=
primary
][
plain
]
{
color
:
#007aff
;
background-color
:
transparent
}
uni-button
[
loading
][
type
=
default
]
{
color
:
rgba
(
0
,
0
,
0
,
.6
);
background-color
:
#dedede
}
uni-button
[
loading
][
type
=
default
][
plain
]
{
color
:
#353535
;
background-color
:
transparent
}
uni-button
[
loading
][
type
=
warn
]
{
color
:
rgba
(
255
,
255
,
255
,
.6
);
background-color
:
#ce3c39
}
uni-button
[
loading
][
type
=
warn
][
plain
]
{
color
:
#e64340
;
background-color
:
transparent
}
uni-button
[
loading
][
native
]
:before
{
content
:
none
}
.button-hover
{
color
:
rgba
(
0
,
0
,
0
,
.6
);
background-color
:
#dedede
}
.button-hover
[
plain
]
{
color
:
rgba
(
53
,
53
,
53
,
.6
);
border-color
:
rgba
(
53
,
53
,
53
,
.6
);
background-color
:
transparent
}
.button-hover
[
type
=
primary
]
{
color
:
rgba
(
255
,
255
,
255
,
.6
);
background-color
:
#0062cc
}
.button-hover
[
type
=
primary
][
plain
]
{
color
:
rgba
(
0
,
122
,
255
,
.6
);
border-color
:
rgba
(
0
,
122
,
255
,
.6
);
background-color
:
transparent
}
.button-hover
[
type
=
default
]
{
color
:
rgba
(
0
,
0
,
0
,
.6
);
background-color
:
#dedede
}
.button-hover
[
type
=
default
][
plain
]
{
color
:
rgba
(
53
,
53
,
53
,
.6
);
border-color
:
rgba
(
53
,
53
,
53
,
.6
);
background-color
:
transparent
}
.button-hover
[
type
=
warn
]
{
color
:
rgba
(
255
,
255
,
255
,
.6
);
background-color
:
#ce3c39
}
.button-hover
[
type
=
warn
][
plain
]
{
color
:
rgba
(
230
,
67
,
64
,
.6
);
border-color
:
rgba
(
230
,
67
,
64
,
.6
);
background-color
:
transparent
}
@media
(
prefers-color-scheme
:
dark
){
uni-button
,
uni-button
[
type
=
default
]
{
color
:
#d6d6d6
;
background-color
:
#343434
}
.button-hover
,
.button-hover
[
type
=
default
]
{
color
:
#d6d6d6
;
background-color
:
rgba
(
255
,
255
,
255
,
.1
)}
uni-button
[
disabled
][
type
=
default
],
uni-button
[
disabled
]
:not
([
type
])
{
color
:
rgba
(
255
,
255
,
255
,
.2
);
background-color
:
rgba
(
255
,
255
,
255
,
.08
)}
uni-button
[
type
=
primary
][
plain
][
disabled
]
{
color
:
rgba
(
255
,
255
,
255
,
.2
);
border-color
:
rgba
(
255
,
255
,
255
,
.2
)}
uni-button
[
type
=
default
][
plain
]
{
color
:
#d6d6d6
;
border
:
1px
solid
#d6d6d6
}
.button-hover
[
type
=
default
][
plain
]
{
color
:
rgba
(
150
,
150
,
150
,
.6
);
border-color
:
rgba
(
150
,
150
,
150
,
.6
);
background-color
:
rgba
(
50
,
50
,
50
,
.2
)}
uni-button
[
type
=
default
][
plain
][
disabled
]
{
border-color
:
rgba
(
255
,
255
,
255
,
.2
);
color
:
rgba
(
255
,
255
,
255
,
.2
)}}
uni-canvas
{
width
:
300px
;
height
:
150px
;
display
:
block
;
position
:
relative
}
uni-canvas
>
.uni-canvas-canvas
{
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
}
uni-checkbox
{
-webkit-tap-highlight-color
:
transparent
;
display
:
inline-block
;
cursor
:
pointer
}
uni-checkbox
[
hidden
]
{
display
:
none
}
uni-checkbox
[
disabled
]
{
cursor
:
not-allowed
}
.uni-checkbox-wrapper
{
display
:
inline-flex
;
align-items
:
center
;
vertical-align
:
middle
}
.uni-checkbox-input
{
margin-right
:
5px
;
-webkit-appearance
:
none
;
appearance
:
none
;
outline
:
0
;
border
:
1px
solid
#d1d1d1
;
background-color
:
#fff
;
border-radius
:
3px
;
width
:
22px
;
height
:
22px
;
position
:
relative
}
.uni-checkbox-input
svg
{
color
:
#007aff
;
font-size
:
22px
;
position
:
absolute
;
top
:
50%
;
left
:
50%
;
transform
:
translate
(
-50%
,
-48%
)
scale
(
.73
)}
@media
(
hover
:
hover
){
uni-checkbox
:
not
([
disabled
])
.
uni-checkbox-input
:
hover
{
border-color
:
var
(
--HOVER-BD-COLOR
,
#007aff
)
!important
}
}
uni-checkbox-group
{
display
:
block
}
uni-checkbox-group
[
hidden
]
{
display
:
none
}
uni-cover-image
{
display
:
block
;
line-height
:
1.2
;
overflow
:
hidden
;
height
:
100%
;
width
:
100%
;
pointer-events
:
auto
}
uni-cover-image
[
hidden
]
{
display
:
none
}
uni-cover-image
.uni-cover-image
{
width
:
100%
;
height
:
100%
}
uni-cover-view
{
display
:
block
;
line-height
:
1.2
;
overflow
:
hidden
;
white-space
:
nowrap
;
pointer-events
:
auto
}
uni-cover-view
[
hidden
]
{
display
:
none
}
uni-cover-view
.uni-cover-view
{
width
:
100%
;
height
:
100%
;
visibility
:
hidden
;
text-overflow
:
inherit
;
white-space
:
inherit
;
align-items
:
inherit
;
justify-content
:
inherit
;
flex-direction
:
inherit
;
flex-wrap
:
inherit
;
display
:
inherit
;
overflow
:
inherit
}
.ql-container
{
display
:
block
;
position
:
relative
;
box-sizing
:
border-box
;
-webkit-user-select
:
text
;
user-select
:
text
;
outline
:
none
;
overflow
:
hidden
;
width
:
100%
;
height
:
200px
;
min-height
:
200px
}
.ql-container
[
hidden
]
{
display
:
none
}
.ql-container
.ql-editor
{
position
:
relative
;
font-size
:
inherit
;
line-height
:
inherit
;
font-family
:
inherit
;
min-height
:
inherit
;
width
:
100%
;
height
:
100%
;
padding
:
0
;
overflow-x
:
hidden
;
overflow-y
:
auto
;
-webkit-tap-highlight-color
:
transparent
;
-webkit-touch-callout
:
none
;
-webkit-overflow-scrolling
:
touch
}
.ql-container
.ql-editor
::-webkit-scrollbar
{
width
:
0
!important
}
.ql-container
.ql-editor.scroll-disabled
{
overflow
:
hidden
}
.ql-container
.ql-image-overlay
{
display
:
flex
;
position
:
absolute
;
box-sizing
:
border-box
;
border
:
1px
dashed
#ccc
;
justify-content
:
center
;
align-items
:
center
;
-webkit-user-select
:
none
;
user-select
:
none
}
.ql-container
.ql-image-overlay
.ql-image-size
{
position
:
absolute
;
padding
:
4px
8px
;
text-align
:
center
;
background-color
:
#fff
;
color
:
#888
;
border
:
1px
solid
#ccc
;
box-sizing
:
border-box
;
opacity
:
.8
;
right
:
4px
;
top
:
4px
;
font-size
:
12px
;
display
:
inline-block
;
width
:
auto
}
.ql-container
.ql-image-overlay
.ql-image-toolbar
{
position
:
relative
;
text-align
:
center
;
box-sizing
:
border-box
;
background
:
#000
;
border-radius
:
5px
;
color
:
#fff
;
font-size
:
0
;
min-height
:
24px
;
z-index
:
100
}
.ql-container
.ql-image-overlay
.ql-image-toolbar
span
{
display
:
inline-block
;
cursor
:
pointer
;
padding
:
5px
;
font-size
:
12px
;
border-right
:
1px
solid
#fff
}
.ql-container
.ql-image-overlay
.ql-image-toolbar
span
:last-child
{
border-right
:
0
}
.ql-container
.ql-image-overlay
.ql-image-toolbar
span
.triangle-up
{
padding
:
0
;
position
:
absolute
;
top
:
-12px
;
left
:
50%
;
transform
:
translate
(
-50%
);
width
:
0
;
height
:
0
;
border-width
:
6px
;
border-style
:
solid
;
border-color
:
transparent
transparent
black
transparent
}
.ql-container
.ql-image-overlay
.ql-image-handle
{
position
:
absolute
;
height
:
12px
;
width
:
12px
;
border-radius
:
50%
;
border
:
1px
solid
#ccc
;
box-sizing
:
border-box
;
background
:
#fff
}
.ql-container
img
{
display
:
inline-block
;
max-width
:
100%
}
.ql-clipboard
p
{
margin
:
0
;
padding
:
0
}
.ql-editor
{
box-sizing
:
border-box
;
height
:
100%
;
outline
:
none
;
overflow-y
:
auto
;
tab-size
:
4
;
-moz-tab-size
:
4
;
text-align
:
left
;
white-space
:
pre-wrap
;
word-wrap
:
break-word
}
.ql-editor
>*
{
cursor
:
text
}
.ql-editor
p
,
.ql-editor
ol
,
.ql-editor
ul
,
.ql-editor
pre
,
.ql-editor
blockquote
,
.ql-editor
h1
,
.ql-editor
h2
,
.ql-editor
h3
,
.ql-editor
h4
,
.ql-editor
h5
,
.ql-editor
h6
{
margin
:
0
;
padding
:
0
;
counter-reset
:
list-1
list-2
list-3
list-4
list-5
list-6
list-7
list-8
list-9
}
.ql-editor
ol
>
li
,
.ql-editor
ul
>
li
{
list-style-type
:
none
}
.ql-editor
ul
>
li
:before
{
content
:
"•"
}
.ql-editor
ul
[
data-checked
=
true
],
.ql-editor
ul
[
data-checked
=
false
]
{
pointer-events
:
none
}
.ql-editor
ul
[
data-checked
=
true
]>
li
*,
.ql-editor
ul
[
data-checked
=
false
]>
li
*
{
pointer-events
:
all
}
.ql-editor
ul
[
data-checked
=
true
]>
li
:before
,
.ql-editor
ul
[
data-checked
=
false
]>
li
:before
{
color
:
#777
;
cursor
:
pointer
;
pointer-events
:
all
}
.ql-editor
ul
[
data-checked
=
true
]>
li
:before
{
content
:
"☑"
}
.ql-editor
ul
[
data-checked
=
false
]>
li
:before
{
content
:
"☐"
}
.ql-editor
li
:before
{
display
:
inline-block
;
white-space
:
nowrap
;
width
:
2em
}
.ql-editor
ol
li
{
counter-reset
:
list-1
list-2
list-3
list-4
list-5
list-6
list-7
list-8
list-9
;
counter-increment
:
list-0
}
.ql-editor
ol
li
:before
{
content
:
counter
(
list-0
,
decimal
)
". "
}
.ql-editor
ol
li
.ql-indent-1
{
counter-increment
:
list-1
}
.ql-editor
ol
li
.ql-indent-1
:before
{
content
:
counter
(
list-1
,
lower-alpha
)
". "
}
.ql-editor
ol
li
.ql-indent-1
{
counter-reset
:
list-2
list-3
list-4
list-5
list-6
list-7
list-8
list-9
}
.ql-editor
ol
li
.ql-indent-2
{
counter-increment
:
list-2
}
.ql-editor
ol
li
.ql-indent-2
:before
{
content
:
counter
(
list-2
,
lower-roman
)
". "
}
.ql-editor
ol
li
.ql-indent-2
{
counter-reset
:
list-3
list-4
list-5
list-6
list-7
list-8
list-9
}
.ql-editor
ol
li
.ql-indent-3
{
counter-increment
:
list-3
}
.ql-editor
ol
li
.ql-indent-3
:before
{
content
:
counter
(
list-3
,
decimal
)
". "
}
.ql-editor
ol
li
.ql-indent-3
{
counter-reset
:
list-4
list-5
list-6
list-7
list-8
list-9
}
.ql-editor
ol
li
.ql-indent-4
{
counter-increment
:
list-4
}
.ql-editor
ol
li
.ql-indent-4
:before
{
content
:
counter
(
list-4
,
lower-alpha
)
". "
}
.ql-editor
ol
li
.ql-indent-4
{
counter-reset
:
list-5
list-6
list-7
list-8
list-9
}
.ql-editor
ol
li
.ql-indent-5
{
counter-increment
:
list-5
}
.ql-editor
ol
li
.ql-indent-5
:before
{
content
:
counter
(
list-5
,
lower-roman
)
". "
}
.ql-editor
ol
li
.ql-indent-5
{
counter-reset
:
list-6
list-7
list-8
list-9
}
.ql-editor
ol
li
.ql-indent-6
{
counter-increment
:
list-6
}
.ql-editor
ol
li
.ql-indent-6
:before
{
content
:
counter
(
list-6
,
decimal
)
". "
}
.ql-editor
ol
li
.ql-indent-6
{
counter-reset
:
list-7
list-8
list-9
}
.ql-editor
ol
li
.ql-indent-7
{
counter-increment
:
list-7
}
.ql-editor
ol
li
.ql-indent-7
:before
{
content
:
counter
(
list-7
,
lower-alpha
)
". "
}
.ql-editor
ol
li
.ql-indent-7
{
counter-reset
:
list-8
list-9
}
.ql-editor
ol
li
.ql-indent-8
{
counter-increment
:
list-8
}
.ql-editor
ol
li
.ql-indent-8
:before
{
content
:
counter
(
list-8
,
lower-roman
)
". "
}
.ql-editor
ol
li
.ql-indent-8
{
counter-reset
:
list-9
}
.ql-editor
ol
li
.ql-indent-9
{
counter-increment
:
list-9
}
.ql-editor
ol
li
.ql-indent-9
:before
{
content
:
counter
(
list-9
,
decimal
)
". "
}
.ql-editor
.ql-indent-1
:not
(
.ql-direction-rtl
)
{
padding-left
:
2em
}
.ql-editor
li
.ql-indent-1
:not
(
.ql-direction-rtl
)
{
padding-left
:
2em
}
.ql-editor
.ql-indent-1.ql-direction-rtl.ql-align-right
,
.ql-editor
li
.ql-indent-1.ql-direction-rtl.ql-align-right
{
padding-right
:
2em
}
.ql-editor
.ql-indent-2
:not
(
.ql-direction-rtl
)
{
padding-left
:
4em
}
.ql-editor
li
.ql-indent-2
:not
(
.ql-direction-rtl
)
{
padding-left
:
4em
}
.ql-editor
.ql-indent-2.ql-direction-rtl.ql-align-right
,
.ql-editor
li
.ql-indent-2.ql-direction-rtl.ql-align-right
{
padding-right
:
4em
}
.ql-editor
.ql-indent-3
:not
(
.ql-direction-rtl
)
{
padding-left
:
6em
}
.ql-editor
li
.ql-indent-3
:not
(
.ql-direction-rtl
)
{
padding-left
:
6em
}
.ql-editor
.ql-indent-3.ql-direction-rtl.ql-align-right
,
.ql-editor
li
.ql-indent-3.ql-direction-rtl.ql-align-right
{
padding-right
:
6em
}
.ql-editor
.ql-indent-4
:not
(
.ql-direction-rtl
)
{
padding-left
:
8em
}
.ql-editor
li
.ql-indent-4
:not
(
.ql-direction-rtl
)
{
padding-left
:
8em
}
.ql-editor
.ql-indent-4.ql-direction-rtl.ql-align-right
,
.ql-editor
li
.ql-indent-4.ql-direction-rtl.ql-align-right
{
padding-right
:
8em
}
.ql-editor
.ql-indent-5
:not
(
.ql-direction-rtl
)
{
padding-left
:
10em
}
.ql-editor
li
.ql-indent-5
:not
(
.ql-direction-rtl
)
{
padding-left
:
10em
}
.ql-editor
.ql-indent-5.ql-direction-rtl.ql-align-right
,
.ql-editor
li
.ql-indent-5.ql-direction-rtl.ql-align-right
{
padding-right
:
10em
}
.ql-editor
.ql-indent-6
:not
(
.ql-direction-rtl
)
{
padding-left
:
12em
}
.ql-editor
li
.ql-indent-6
:not
(
.ql-direction-rtl
)
{
padding-left
:
12em
}
.ql-editor
.ql-indent-6.ql-direction-rtl.ql-align-right
,
.ql-editor
li
.ql-indent-6.ql-direction-rtl.ql-align-right
{
padding-right
:
12em
}
.ql-editor
.ql-indent-7
:not
(
.ql-direction-rtl
)
{
padding-left
:
14em
}
.ql-editor
li
.ql-indent-7
:not
(
.ql-direction-rtl
)
{
padding-left
:
14em
}
.ql-editor
.ql-indent-7.ql-direction-rtl.ql-align-right
,
.ql-editor
li
.ql-indent-7.ql-direction-rtl.ql-align-right
{
padding-right
:
14em
}
.ql-editor
.ql-indent-8
:not
(
.ql-direction-rtl
)
{
padding-left
:
16em
}
.ql-editor
li
.ql-indent-8
:not
(
.ql-direction-rtl
)
{
padding-left
:
16em
}
.ql-editor
.ql-indent-8.ql-direction-rtl.ql-align-right
,
.ql-editor
li
.ql-indent-8.ql-direction-rtl.ql-align-right
{
padding-right
:
16em
}
.ql-editor
.ql-indent-9
:not
(
.ql-direction-rtl
)
{
padding-left
:
18em
}
.ql-editor
li
.ql-indent-9
:not
(
.ql-direction-rtl
)
{
padding-left
:
18em
}
.ql-editor
.ql-indent-9.ql-direction-rtl.ql-align-right
,
.ql-editor
li
.ql-indent-9.ql-direction-rtl.ql-align-right
{
padding-right
:
18em
}
.ql-editor
.ql-direction-rtl
{
direction
:
rtl
;
text-align
:
inherit
}
.ql-editor
.ql-align-center
{
text-align
:
center
}
.ql-editor
.ql-align-justify
{
text-align
:
justify
}
.ql-editor
.ql-align-right
{
text-align
:
right
}
.ql-editor.ql-blank
:before
{
color
:
rgba
(
0
,
0
,
0
,
.6
);
content
:
attr
(
data-placeholder
);
font-style
:
italic
;
pointer-events
:
none
;
position
:
absolute
}
.ql-container.ql-disabled
.ql-editor
ul
[
data-checked
]>
li
:before
{
pointer-events
:
none
}
.ql-clipboard
{
left
:
-100000px
;
height
:
1px
;
overflow-y
:
hidden
;
position
:
absolute
;
top
:
50%
}
uni-icon
{
display
:
inline-block
;
font-size
:
0
;
box-sizing
:
border-box
}
uni-icon
[
hidden
]
{
display
:
none
}
uni-image
{
width
:
320px
;
height
:
240px
;
display
:
inline-block
;
overflow
:
hidden
;
position
:
relative
}
uni-image
[
hidden
]
{
display
:
none
}
uni-image
>
div
{
width
:
100%
;
height
:
100%
;
background-repeat
:
no-repeat
}
uni-image
>
img
{
-webkit-touch-callout
:
none
;
-webkit-user-select
:
none
;
user-select
:
none
;
display
:
block
;
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
opacity
:
0
}
uni-image
>
.uni-image-will-change
{
will-change
:
transform
}
uni-input
{
display
:
block
;
font-size
:
16px
;
line-height
:
1.4em
;
height
:
1.4em
;
min-height
:
1.4em
;
overflow
:
hidden
}
uni-input
[
hidden
]
{
display
:
none
}
.uni-input-wrapper
,
.uni-input-placeholder
,
.uni-input-form
,
.uni-input-input
{
outline
:
none
;
border
:
none
;
padding
:
0
;
margin
:
0
;
text-decoration
:
inherit
}
.uni-input-wrapper
,
.uni-input-form
{
display
:
flex
;
position
:
relative
;
width
:
100%
;
height
:
100%
;
flex-direction
:
column
;
justify-content
:
center
}
.uni-input-placeholder
,
.uni-input-input
{
width
:
100%
}
.uni-input-placeholder
{
position
:
absolute
;
top
:
auto
!important
;
left
:
0
;
color
:
gray
;
overflow
:
hidden
;
text-overflow
:
clip
;
white-space
:
pre
;
word-break
:
keep-all
;
pointer-events
:
none
;
line-height
:
inherit
}
.uni-input-input
{
position
:
relative
;
display
:
block
;
height
:
100%
;
background
:
none
;
color
:
inherit
;
opacity
:
1
;
font
:
inherit
;
line-height
:
inherit
;
letter-spacing
:
inherit
;
text-align
:
inherit
;
text-indent
:
inherit
;
text-transform
:
inherit
;
text-shadow
:
inherit
}
.uni-input-input
[
type
=
search
]
::-webkit-search-cancel-button
,
.uni-input-input
[
type
=
search
]
::-webkit-search-decoration
{
display
:
none
}
.uni-input-input
::-webkit-outer-spin-button
,
.uni-input-input
::-webkit-inner-spin-button
{
-webkit-appearance
:
none
;
appearance
:
none
;
margin
:
0
}
.uni-input-input
[
type
=
number
]
{
-moz-appearance
:
textfield
}
.uni-input-input
:disabled
{
-webkit-text-fill-color
:
currentcolor
}
.uni-label-pointer
{
cursor
:
pointer
}
uni-live-pusher
{
width
:
320px
;
height
:
240px
;
display
:
inline-block
;
line-height
:
0
;
overflow
:
hidden
;
position
:
relative
}
uni-live-pusher
[
hidden
]
{
display
:
none
}
.uni-live-pusher-container
{
width
:
100%
;
height
:
100%
;
position
:
absolute
;
top
:
0
;
left
:
0
;
overflow
:
hidden
;
background-color
:
#000
}
.uni-live-pusher-slot
{
position
:
absolute
;
top
:
0
;
width
:
100%
;
height
:
100%
;
overflow
:
hidden
;
pointer-events
:
none
}
uni-map
{
width
:
300px
;
height
:
225px
;
display
:
inline-block
;
line-height
:
0
;
overflow
:
hidden
;
position
:
relative
}
uni-map
[
hidden
]
{
display
:
none
}
.uni-map-container
{
width
:
100%
;
height
:
100%
;
position
:
absolute
;
top
:
0
;
left
:
0
;
overflow
:
hidden
;
background-color
:
transparent
}
.uni-map-slot
{
position
:
absolute
;
top
:
0
;
width
:
100%
;
height
:
100%
;
overflow
:
hidden
;
pointer-events
:
none
}
uni-movable-area
{
display
:
block
;
position
:
relative
;
width
:
10px
;
height
:
10px
}
uni-movable-area
[
hidden
]
{
display
:
none
}
uni-movable-view
{
display
:
inline-block
;
width
:
10px
;
height
:
10px
;
top
:
0
;
left
:
0
;
position
:
absolute
;
cursor
:
grab
}
uni-movable-view
[
hidden
]
{
display
:
none
}
uni-navigator
{
height
:
auto
;
width
:
auto
;
display
:
block
;
cursor
:
pointer
}
uni-navigator
[
hidden
]
{
display
:
none
}
.navigator-hover
{
background-color
:
rgba
(
0
,
0
,
0
,
.1
);
opacity
:
.7
}
.navigator-wrap
,
.navigator-wrap
:link
,
.navigator-wrap
:visited
,
.navigator-wrap
:hover
,
.navigator-wrap
:active
{
text-decoration
:
none
;
color
:
inherit
;
cursor
:
pointer
}
uni-picker-view
{
display
:
block
}
.uni-picker-view-wrapper
{
display
:
flex
;
position
:
relative
;
overflow
:
hidden
;
height
:
100%
}
uni-picker-view
[
hidden
]
{
display
:
none
}
uni-picker-view-column
{
flex
:
1
;
position
:
relative
;
height
:
100%
;
overflow
:
hidden
}
uni-picker-view-column
[
hidden
]
{
display
:
none
}
.uni-picker-view-group
{
height
:
100%
;
overflow
:
hidden
}
.uni-picker-view-mask
{
transform
:
translateZ
(
0
)}
.uni-picker-view-indicator
,
.uni-picker-view-mask
{
position
:
absolute
;
left
:
0
;
width
:
100%
;
z-index
:
3
;
pointer-events
:
none
}
.uni-picker-view-mask
{
top
:
0
;
height
:
100%
;
margin
:
0
auto
;
background-image
:
linear-gradient
(
180deg
,
rgba
(
255
,
255
,
255
,
.95
),
rgba
(
255
,
255
,
255
,
.6
)),
linear-gradient
(
0deg
,
rgba
(
255
,
255
,
255
,
.95
),
rgba
(
255
,
255
,
255
,
.6
));
background-position
:
top
,
bottom
;
background-size
:
100%
102px
;
background-repeat
:
no-repeat
;
transform
:
translateZ
(
0
)}
.uni-picker-view-indicator
{
height
:
34px
;
top
:
50%
;
transform
:
translateY
(
-50%
)}
.uni-picker-view-content
{
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
will-change
:
transform
;
padding
:
102px
0
;
cursor
:
pointer
}
.uni-picker-view-content
>*
{
height
:
var
(
--picker-view-column-indicator-height
);
overflow
:
hidden
}
.uni-picker-view-indicator
:before
{
top
:
0
;
border-top
:
1px
solid
#e5e5e5
;
transform-origin
:
0
0
;
transform
:
scaleY
(
.5
)}
.uni-picker-view-indicator
:after
{
bottom
:
0
;
border-bottom
:
1px
solid
#e5e5e5
;
transform-origin
:
0
100%
;
transform
:
scaleY
(
.5
)}
.uni-picker-view-indicator
:after
,
.uni-picker-view-indicator
:before
{
content
:
" "
;
position
:
absolute
;
left
:
0
;
right
:
0
;
height
:
1px
;
color
:
#e5e5e5
}
@media
(
prefers-color-scheme
:
dark
){
.uni-picker-view-indicator
:before
{
border-top-color
:
var
(
--UI-FG-3
)}
.uni-picker-view-indicator
:after
{
border-bottom-color
:
var
(
--UI-FG-3
)}
.uni-picker-view-mask
{
background-image
:
linear-gradient
(
180deg
,
rgba
(
35
,
35
,
35
,
.95
),
rgba
(
35
,
35
,
35
,
.6
)),
linear-gradient
(
0deg
,
rgba
(
35
,
35
,
35
,
.95
),
rgba
(
35
,
35
,
35
,
.6
))}}
uni-progress
{
display
:
flex
;
align-items
:
center
}
uni-progress
[
hidden
]
{
display
:
none
}
.uni-progress-bar
{
flex
:
1
}
.uni-progress-inner-bar
{
width
:
0
;
height
:
100%
}
.uni-progress-info
{
margin-top
:
0
;
margin-bottom
:
0
;
min-width
:
2em
;
margin-left
:
15px
;
font-size
:
16px
}
uni-radio
{
-webkit-tap-highlight-color
:
transparent
;
display
:
inline-block
;
cursor
:
pointer
}
uni-radio
[
hidden
]
{
display
:
none
}
uni-radio
[
disabled
]
{
cursor
:
not-allowed
}
.uni-radio-wrapper
{
display
:
inline-flex
;
align-items
:
center
;
vertical-align
:
middle
}
.uni-radio-input
{
-webkit-appearance
:
none
;
appearance
:
none
;
margin-right
:
5px
;
outline
:
0
;
border
:
1px
solid
#d1d1d1
;
background-color
:
#fff
;
border-radius
:
50%
;
width
:
22px
;
height
:
22px
;
position
:
relative
}
@media
(
hover
:
hover
){
uni-radio
:
not
([
disabled
])
.
uni-radio-input
:
hover
{
border-color
:
var
(
--HOVER-BD-COLOR
,
#007aff
)
!important
}
}
.uni-radio-input
svg
{
color
:
#fff
;
font-size
:
18px
;
position
:
absolute
;
top
:
50%
;
left
:
50%
;
transform
:
translate
(
-50%
,
-48%
)
scale
(
.73
)}
.uni-radio-input.uni-radio-input-disabled
{
background-color
:
#e1e1e1
;
border-color
:
#d1d1d1
}
.uni-radio-input.uni-radio-input-disabled
svg
{
color
:
#adadad
}
uni-radio-group
{
display
:
block
}
uni-radio-group
[
hidden
]
{
display
:
none
}
uni-scroll-view
{
display
:
block
;
width
:
100%
}
uni-scroll-view
[
hidden
]
{
display
:
none
}
.uni-scroll-view
{
position
:
relative
;
-webkit-overflow-scrolling
:
touch
;
width
:
100%
;
height
:
100%
;
max-height
:
inherit
}
.uni-scroll-view-scrollbar-hidden
::-webkit-scrollbar
{
display
:
none
}
.uni-scroll-view-scrollbar-hidden
{
-moz-scrollbars
:
none
;
scrollbar-width
:
none
}
.uni-scroll-view-content
{
width
:
100%
;
height
:
100%
}
.uni-scroll-view-refresher
{
position
:
relative
;
overflow
:
hidden
;
flex-shrink
:
0
}
.uni-scroll-view-refresher-container
{
position
:
absolute
;
width
:
100%
;
bottom
:
0
;
display
:
flex
;
flex-direction
:
column-reverse
}
.uni-scroll-view-refresh
{
position
:
absolute
;
top
:
0
;
left
:
0
;
right
:
0
;
bottom
:
0
;
display
:
flex
;
flex-direction
:
row
;
justify-content
:
center
;
align-items
:
center
}
.uni-scroll-view-refresh-inner
{
display
:
flex
;
align-items
:
center
;
justify-content
:
center
;
line-height
:
0
;
width
:
40px
;
height
:
40px
;
border-radius
:
50%
;
background-color
:
#fff
;
box-shadow
:
0
1px
6px
rgba
(
0
,
0
,
0
,
.118
),
0
1px
4px
rgba
(
0
,
0
,
0
,
.118
)}
.uni-scroll-view-refresh__spinner
{
transform-origin
:
center
center
;
animation
:
uni-scroll-view-refresh-rotate
2s
linear
infinite
}
.uni-scroll-view-refresh__spinner
>
circle
{
stroke
:
currentColor
;
stroke-linecap
:
round
;
animation
:
uni-scroll-view-refresh-dash
2s
linear
infinite
}
@keyframes
uni-scroll-view-refresh-rotate
{
0
%
{
transform
:
rotate
(
0
)}
to
{
transform
:
rotate
(
360deg
)}}
@keyframes
uni-scroll-view-refresh-dash
{
0
%
{
stroke-dasharray
:
1
,
200
;
stroke-dashoffset
:
0
}
50
%
{
stroke-dasharray
:
89
,
200
;
stroke-dashoffset
:
-35px
}
to
{
stroke-dasharray
:
89
,
200
;
stroke-dashoffset
:
-124px
}}
uni-slider
{
margin
:
10px
18px
;
padding
:
0
;
display
:
block
}
uni-slider
[
hidden
]
{
display
:
none
}
uni-slider
.uni-slider-wrapper
{
display
:
flex
;
align-items
:
center
;
min-height
:
16px
}
uni-slider
.uni-slider-tap-area
{
flex
:
1
;
padding
:
8px
0
}
uni-slider
.uni-slider-handle-wrapper
{
position
:
relative
;
height
:
2px
;
border-radius
:
5px
;
background-color
:
#e9e9e9
;
cursor
:
pointer
;
transition
:
background-color
.3s
ease
;
-webkit-tap-highlight-color
:
transparent
}
uni-slider
.uni-slider-track
{
height
:
100%
;
border-radius
:
6px
;
background-color
:
#007aff
;
transition
:
background-color
.3s
ease
}
uni-slider
.uni-slider-handle
,
uni-slider
.uni-slider-thumb
{
position
:
absolute
;
left
:
50%
;
top
:
50%
;
cursor
:
pointer
;
border-radius
:
50%
;
transition
:
border-color
.3s
ease
}
uni-slider
.uni-slider-handle
{
width
:
28px
;
height
:
28px
;
margin-top
:
-14px
;
margin-left
:
-14px
;
background-color
:
transparent
;
z-index
:
3
;
cursor
:
grab
}
uni-slider
.uni-slider-thumb
{
z-index
:
2
;
box-shadow
:
0
0
4px
rgba
(
0
,
0
,
0
,
.2
)}
uni-slider
.uni-slider-step
{
position
:
absolute
;
width
:
100%
;
height
:
2px
;
background
:
transparent
;
z-index
:
1
}
uni-slider
.uni-slider-value
{
width
:
3ch
;
color
:
#888
;
font-size
:
14px
;
margin-left
:
1em
}
uni-slider
.uni-slider-disabled
.uni-slider-track
{
background-color
:
#ccc
}
uni-slider
.uni-slider-disabled
.uni-slider-thumb
{
background-color
:
#fff
;
border-color
:
#ccc
}
uni-swiper
{
display
:
block
;
height
:
150px
}
uni-swiper
[
hidden
]
{
display
:
none
}
.uni-swiper-wrapper
{
overflow
:
hidden
;
position
:
relative
;
width
:
100%
;
height
:
100%
;
transform
:
translateZ
(
0
)}
.uni-swiper-slides
{
position
:
absolute
;
left
:
0
;
top
:
0
;
right
:
0
;
bottom
:
0
}
.uni-swiper-slide-frame
{
position
:
absolute
;
left
:
0
;
top
:
0
;
width
:
100%
;
height
:
100%
;
will-change
:
transform
}
.uni-swiper-dots
{
position
:
absolute
;
font-size
:
0
}
.uni-swiper-dots-horizontal
{
left
:
50%
;
bottom
:
10px
;
text-align
:
center
;
white-space
:
nowrap
;
transform
:
translate
(
-50%
)}
.uni-swiper-dots-horizontal
.uni-swiper-dot
{
margin-right
:
8px
}
.uni-swiper-dots-horizontal
.uni-swiper-dot
:last-child
{
margin-right
:
0
}
.uni-swiper-dots-vertical
{
right
:
10px
;
top
:
50%
;
text-align
:
right
;
transform
:
translateY
(
-50%
)}
.uni-swiper-dots-vertical
.uni-swiper-dot
{
display
:
block
;
margin-bottom
:
9px
}
.uni-swiper-dots-vertical
.uni-swiper-dot
:last-child
{
margin-bottom
:
0
}
.uni-swiper-dot
{
display
:
inline-block
;
width
:
8px
;
height
:
8px
;
cursor
:
pointer
;
transition-property
:
background-color
;
transition-timing-function
:
ease
;
background
:
rgba
(
0
,
0
,
0
,
.3
);
border-radius
:
50%
}
.uni-swiper-dot-active
{
background-color
:
#000
}
.uni-swiper-navigation
{
width
:
26px
;
height
:
26px
;
cursor
:
pointer
;
position
:
absolute
;
top
:
50%
;
margin-top
:
-13px
;
display
:
flex
;
align-items
:
center
;
transition
:
all
.2s
;
border-radius
:
50%
;
opacity
:
1
}
.uni-swiper-navigation-disabled
{
opacity
:
.35
;
cursor
:
not-allowed
}
.uni-swiper-navigation-hide
{
opacity
:
0
;
cursor
:
auto
;
pointer-events
:
none
}
.uni-swiper-navigation-prev
{
left
:
10px
}
.uni-swiper-navigation-prev
svg
{
margin-left
:
-1px
;
left
:
10px
}
.uni-swiper-navigation-prev.uni-swiper-navigation-vertical
{
top
:
18px
;
left
:
50%
;
margin-left
:
-13px
}
.uni-swiper-navigation-prev.uni-swiper-navigation-vertical
svg
{
transform
:
rotate
(
90deg
);
margin-left
:
auto
;
margin-top
:
-2px
}
.uni-swiper-navigation-next
{
right
:
10px
}
.uni-swiper-navigation-next
svg
{
transform
:
rotate
(
180deg
)}
.uni-swiper-navigation-next.uni-swiper-navigation-vertical
{
top
:
auto
;
bottom
:
5px
;
left
:
50%
;
margin-left
:
-13px
}
.uni-swiper-navigation-next.uni-swiper-navigation-vertical
svg
{
margin-top
:
2px
;
transform
:
rotate
(
270deg
)}
uni-swiper-item
{
display
:
block
;
overflow
:
hidden
;
will-change
:
transform
;
position
:
absolute
;
width
:
100%
;
height
:
100%
;
cursor
:
grab
}
uni-swiper-item
[
hidden
]
{
display
:
none
}
uni-switch
{
-webkit-tap-highlight-color
:
transparent
;
display
:
inline-block
;
cursor
:
pointer
}
uni-switch
[
hidden
]
{
display
:
none
}
uni-switch
[
disabled
]
{
cursor
:
not-allowed
}
uni-switch
[
disabled
]
.uni-switch-input
{
opacity
:
.7
}
.uni-switch-wrapper
{
display
:
inline-flex
;
align-items
:
center
;
vertical-align
:
middle
}
.uni-switch-input
{
-webkit-appearance
:
none
;
appearance
:
none
;
position
:
relative
;
width
:
52px
;
height
:
32px
;
margin-right
:
5px
;
border
:
1px
solid
#dfdfdf
;
outline
:
0
;
border-radius
:
16px
;
box-sizing
:
border-box
;
background-color
:
#dfdfdf
;
transition
:
background-color
.1s
,
border
.1s
}
.uni-switch-input
:before
{
content
:
" "
;
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
50px
;
height
:
30px
;
border-radius
:
15px
;
background-color
:
#fdfdfd
;
transition
:
transform
.3s
}
.uni-switch-input
:after
{
content
:
" "
;
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
30px
;
height
:
30px
;
border-radius
:
15px
;
background-color
:
#fff
;
box-shadow
:
0
1px
3px
rgba
(
0
,
0
,
0
,
.4
);
transition
:
transform
.3s
}
.uni-switch-input.uni-switch-input-checked
{
border-color
:
#007aff
;
background-color
:
#007aff
}
.uni-switch-input.uni-switch-input-checked
:before
{
transform
:
scale
(
0
)}
.uni-switch-input.uni-switch-input-checked
:after
{
transform
:
translate
(
20px
)}
uni-switch
.uni-checkbox-input
{
margin-right
:
5px
;
-webkit-appearance
:
none
;
appearance
:
none
;
outline
:
0
;
border
:
1px
solid
#d1d1d1
;
background-color
:
#fff
;
border-radius
:
3px
;
width
:
22px
;
height
:
22px
;
position
:
relative
;
color
:
#007aff
}
uni-switch
:not
([
disabled
])
.uni-checkbox-input
:hover
{
border-color
:
#007aff
}
uni-switch
.uni-checkbox-input
svg
{
fill
:
#007aff
;
font-size
:
22px
;
position
:
absolute
;
top
:
50%
;
left
:
50%
;
transform
:
translate
(
-50%
,
-48%
)
scale
(
.73
)}
.uni-checkbox-input.uni-checkbox-input-disabled
{
background-color
:
#e1e1e1
}
.uni-checkbox-input.uni-checkbox-input-disabled
:before
{
color
:
#adadad
}
@media
(
prefers-color-scheme
:
dark
){
uni-switch
.uni-switch-input
{
border-color
:
#3b3b3f
}
uni-switch
.uni-switch-input
,
uni-switch
.uni-switch-input
:before
{
background-color
:
#3b3b3f
}
uni-switch
.uni-switch-input
:after
{
background-color
:
#fff
;
box-shadow
:
0
1px
3px
rgba
(
0
,
0
,
0
,
.4
)}
uni-switch
.uni-checkbox-input
{
background-color
:
#2c2c2c
;
border
:
1px
solid
#656565
}}
uni-textarea
{
width
:
300px
;
height
:
150px
;
display
:
block
;
position
:
relative
;
font-size
:
16px
;
line-height
:
normal
;
white-space
:
pre-wrap
;
word-break
:
break-all
}
uni-textarea
[
hidden
]
{
display
:
none
}
.uni-textarea-wrapper
,
.uni-textarea-placeholder
,
.uni-textarea-line
,
.uni-textarea-compute
,
.uni-textarea-textarea
{
outline
:
none
;
border
:
none
;
padding
:
0
;
margin
:
0
;
text-decoration
:
inherit
}
.uni-textarea-wrapper
{
display
:
block
;
position
:
relative
;
width
:
100%
;
height
:
100%
;
min-height
:
inherit
;
overflow-y
:
hidden
}
.uni-textarea-placeholder
,
.uni-textarea-line
,
.uni-textarea-compute
,
.uni-textarea-textarea
{
position
:
absolute
;
width
:
100%
;
height
:
100%
;
left
:
0
;
top
:
0
;
white-space
:
inherit
;
word-break
:
inherit
}
.uni-textarea-placeholder
{
color
:
gray
;
overflow
:
hidden
}
.uni-textarea-line
,
.uni-textarea-compute
{
visibility
:
hidden
;
height
:
auto
}
.uni-textarea-line
{
width
:
1em
}
.uni-textarea-textarea
{
resize
:
none
;
background
:
none
;
color
:
inherit
;
opacity
:
1
;
font
:
inherit
;
line-height
:
inherit
;
letter-spacing
:
inherit
;
text-align
:
inherit
;
text-indent
:
inherit
;
text-transform
:
inherit
;
text-shadow
:
inherit
}
.uni-textarea-textarea-fix-margin
{
width
:
auto
;
right
:
0
;
margin
:
0
-3px
}
.uni-textarea-textarea
:disabled
{
-webkit-text-fill-color
:
currentcolor
}
uni-video
{
width
:
300px
;
height
:
225px
;
display
:
inline-block
;
line-height
:
0
;
overflow
:
hidden
;
position
:
relative
}
uni-video
[
hidden
]
{
display
:
none
}
.uni-video-container
{
width
:
100%
;
height
:
100%
;
position
:
absolute
;
top
:
0
;
left
:
0
;
overflow
:
hidden
;
background-color
:
#000
}
.uni-video-slot
{
position
:
absolute
;
top
:
0
;
width
:
100%
;
height
:
100%
;
overflow
:
hidden
;
pointer-events
:
none
}
uni-web-view
{
display
:
inline-block
;
position
:
absolute
;
left
:
0
;
right
:
0
;
top
:
0
;
bottom
:
0
}
*
{
margin
:
0
;
-webkit-tap-highlight-color
:
rgba
(
0
,
0
,
0
,
0
);
-webkit-tap-highlight-color
:
transparent
}
html
,
body
{
-webkit-user-select
:
none
;
user-select
:
none
;
width
:
100%
}
html
{
height
:
100%
;
height
:
100vh
;
width
:
100%
;
width
:
100vw
}
body
{
overflow-x
:
hidden
;
background-color
:
#fff
;
height
:
100%
}
#app
{
height
:
100%
}
input
[
type
=
search
]
::-webkit-search-cancel-button
{
display
:
none
}
.uni-loading
,
uni-button
[
loading
]
:before
{
background
:
transparent
url(data:image/svg+xml;base64,\ PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=)
no-repeat
}
.uni-loading
{
width
:
20px
;
height
:
20px
;
display
:
inline-block
;
vertical-align
:
middle
;
animation
:
uni-loading
1s
steps
(
12
,
end
)
infinite
;
background-size
:
100%
}
@keyframes
uni-loading
{
0
%
{
transform
:
rotate3d
(
0
,
0
,
1
,
0
)}
to
{
transform
:
rotate3d
(
0
,
0
,
1
,
360deg
)}}
@media
(
prefers-color-scheme
:
dark
){
html
{
--UI-BG-C
OLOR-ACTIVE
:
#373737
;
--UI-BORDER-C
OLOR-1
:
#373737
;
--UI-BG
:
#000
;
--UI-BG-0
:
#191919
;
--UI-BG-1
:
#1f1f1f
;
--UI-BG-2
:
#232323
;
--UI-BG-3
:
#2f2f2f
;
--UI-BG-4
:
#606060
;
--UI-BG-5
:
#2c2c2c
;
--UI-FG
:
#fff
;
--UI-FG-0
:
hsla
(
0
,
0%
,
100%
,
.8
);
--UI-FG-HALF
:
hsla
(
0
,
0%
,
100%
,
.6
);
--UI-FG-1
:
hsla
(
0
,
0%
,
100%
,
.5
);
--UI-FG-2
:
hsla
(
0
,
0%
,
100%
,
.3
);
--UI-FG-3
:
hsla
(
0
,
0%
,
100%
,
.05
)}
body
{
background-color
:
var
(
--UI-BG-0
);
color
:
var
(
--UI-FG-0
)}}
[
nvue
]
uni-view
,[
nvue
]
uni-label
,[
nvue
]
uni-swiper-item
,[
nvue
]
uni-scroll-view
{
display
:
flex
;
flex-shrink
:
0
;
flex-grow
:
0
;
flex-basis
:
auto
;
align-items
:
stretch
;
align-content
:
flex-start
}
[
nvue
]
uni-button
{
margin
:
0
}
[
nvue-dir-row
]
uni-view
,[
nvue-dir-row
]
uni-label
,[
nvue-dir-row
]
uni-swiper-item
{
flex-direction
:
row
}
[
nvue-dir-column
]
uni-view
,[
nvue-dir-column
]
uni-label
,[
nvue-dir-column
]
uni-swiper-item
{
flex-direction
:
column
}
[
nvue-dir-row-reverse
]
uni-view
,[
nvue-dir-row-reverse
]
uni-label
,[
nvue-dir-row-reverse
]
uni-swiper-item
{
flex-direction
:
row-reverse
}
[
nvue-dir-column-reverse
]
uni-view
,[
nvue-dir-column-reverse
]
uni-label
,[
nvue-dir-column-reverse
]
uni-swiper-item
{
flex-direction
:
column-reverse
}
[
nvue
]
uni-view
,[
nvue
]
uni-image
,[
nvue
]
uni-input
,[
nvue
]
uni-scroll-view
,[
nvue
]
uni-swiper
,[
nvue
]
uni-swiper-item
,[
nvue
]
uni-text
,[
nvue
]
uni-textarea
,[
nvue
]
uni-video
{
position
:
relative
;
border
:
0px
solid
#000000
;
box-sizing
:
border-box
}
[
nvue
]
uni-swiper-item
{
position
:
absolute
}
@keyframes
once-show
{
0
%
{
top
:
0
}}
uni-resize-sensor
,
uni-resize-sensor
>
div
{
position
:
absolute
;
left
:
0
;
top
:
0
;
right
:
0
;
bottom
:
0
;
overflow
:
hidden
}
uni-resize-sensor
{
display
:
block
;
z-index
:
-1
;
visibility
:
hidden
;
animation
:
once-show
1ms
}
uni-resize-sensor
>
div
>
div
{
position
:
absolute
;
left
:
0
;
top
:
0
}
uni-resize-sensor
>
div
:first-child
>
div
{
width
:
100000px
;
height
:
100000px
}
uni-resize-sensor
>
div
:last-child
>
div
{
width
:
200%
;
height
:
200%
}
uni-text
[
selectable
]
{
cursor
:
auto
;
-webkit-user-select
:
text
;
user-select
:
text
}
uni-text
{
white-space
:
pre-line
}
uni-view
{
display
:
block
}
uni-view
[
hidden
]
{
display
:
none
}
uni-button
{
position
:
relative
;
display
:
block
;
margin-left
:
auto
;
margin-right
:
auto
;
padding-left
:
14px
;
padding-right
:
14px
;
box-sizing
:
border-box
;
font-size
:
18px
;
text-align
:
center
;
text-decoration
:
none
;
line-height
:
2.55555556
;
border-radius
:
5px
;
-webkit-tap-highlight-color
:
transparent
;
overflow
:
hidden
;
color
:
#000
;
background-color
:
#f8f8f8
;
cursor
:
pointer
}
uni-button
[
hidden
]
{
display
:
none
!important
}
uni-button
:after
{
content
:
" "
;
width
:
200%
;
height
:
200%
;
position
:
absolute
;
top
:
0
;
left
:
0
;
border
:
1px
solid
rgba
(
0
,
0
,
0
,
.2
);
transform
:
scale
(
.5
);
transform-origin
:
0
0
;
box-sizing
:
border-box
;
border-radius
:
10px
}
uni-button
[
native
]
{
padding-left
:
0
;
padding-right
:
0
}
uni-button
[
native
]
.uni-button-cover-view-wrapper
{
border
:
inherit
;
border-color
:
inherit
;
border-radius
:
inherit
;
background-color
:
inherit
}
uni-button
[
native
]
.uni-button-cover-view-inner
{
padding-left
:
14px
;
padding-right
:
14px
}
uni-button
uni-cover-view
{
line-height
:
inherit
;
white-space
:
inherit
}
uni-button
[
type
=
default
]
{
color
:
#000
;
background-color
:
#f8f8f8
}
uni-button
[
type
=
primary
]
{
color
:
#fff
;
background-color
:
#007aff
}
uni-button
[
type
=
warn
]
{
color
:
#fff
;
background-color
:
#e64340
}
uni-button
[
disabled
]
{
color
:
rgba
(
255
,
255
,
255
,
.6
);
cursor
:
not-allowed
}
uni-button
[
disabled
][
type
=
default
],
uni-button
[
disabled
]
:not
([
type
])
{
color
:
rgba
(
0
,
0
,
0
,
.3
);
background-color
:
#f7f7f7
}
uni-button
[
disabled
][
type
=
primary
]
{
background-color
:
rgba
(
0
,
122
,
255
,
.6
)}
uni-button
[
disabled
][
type
=
warn
]
{
background-color
:
#ec8b89
}
uni-button
[
type
=
primary
][
plain
]
{
color
:
#007aff
;
border
:
1px
solid
#007aff
;
background-color
:
transparent
}
uni-button
[
type
=
primary
][
plain
][
disabled
]
{
color
:
rgba
(
0
,
0
,
0
,
.2
);
border-color
:
rgba
(
0
,
0
,
0
,
.2
)}
uni-button
[
type
=
primary
][
plain
]
:after
{
border-width
:
0
}
uni-button
[
type
=
default
][
plain
]
{
color
:
#353535
;
border
:
1px
solid
#353535
;
background-color
:
transparent
}
uni-button
[
type
=
default
][
plain
][
disabled
]
{
color
:
rgba
(
0
,
0
,
0
,
.2
);
border-color
:
rgba
(
0
,
0
,
0
,
.2
)}
uni-button
[
type
=
default
][
plain
]
:after
{
border-width
:
0
}
uni-button
[
plain
]
{
color
:
#353535
;
border
:
1px
solid
#353535
;
background-color
:
transparent
}
uni-button
[
plain
][
disabled
]
{
color
:
rgba
(
0
,
0
,
0
,
.2
);
border-color
:
rgba
(
0
,
0
,
0
,
.2
)}
uni-button
[
plain
]
:after
{
border-width
:
0
}
uni-button
[
plain
][
native
]
.uni-button-cover-view-inner
{
padding
:
0
}
uni-button
[
type
=
warn
][
plain
]
{
color
:
#e64340
;
border
:
1px
solid
#e64340
;
background-color
:
transparent
}
uni-button
[
type
=
warn
][
plain
][
disabled
]
{
color
:
rgba
(
0
,
0
,
0
,
.2
);
border-color
:
rgba
(
0
,
0
,
0
,
.2
)}
uni-button
[
type
=
warn
][
plain
]
:after
{
border-width
:
0
}
uni-button
[
size
=
mini
]
{
display
:
inline-block
;
line-height
:
2.3
;
font-size
:
13px
;
padding
:
0
1.34em
}
uni-button
[
size
=
mini
][
native
]
{
padding
:
0
}
uni-button
[
size
=
mini
][
native
]
.uni-button-cover-view-inner
{
padding
:
0
1.34em
}
uni-button
[
loading
]
:not
([
disabled
])
{
cursor
:
progress
}
uni-button
[
loading
]
:before
{
content
:
" "
;
display
:
inline-block
;
width
:
18px
;
height
:
18px
;
vertical-align
:
middle
;
animation
:
uni-loading
1s
steps
(
12
,
end
)
infinite
;
background-size
:
100%
}
uni-button
[
loading
][
type
=
primary
]
{
color
:
rgba
(
255
,
255
,
255
,
.6
);
background-color
:
#0062cc
}
uni-button
[
loading
][
type
=
primary
][
plain
]
{
color
:
#007aff
;
background-color
:
transparent
}
uni-button
[
loading
][
type
=
default
]
{
color
:
rgba
(
0
,
0
,
0
,
.6
);
background-color
:
#dedede
}
uni-button
[
loading
][
type
=
default
][
plain
]
{
color
:
#353535
;
background-color
:
transparent
}
uni-button
[
loading
][
type
=
warn
]
{
color
:
rgba
(
255
,
255
,
255
,
.6
);
background-color
:
#ce3c39
}
uni-button
[
loading
][
type
=
warn
][
plain
]
{
color
:
#e64340
;
background-color
:
transparent
}
uni-button
[
loading
][
native
]
:before
{
content
:
none
}
.button-hover
{
color
:
rgba
(
0
,
0
,
0
,
.6
);
background-color
:
#dedede
}
.button-hover
[
plain
]
{
color
:
rgba
(
53
,
53
,
53
,
.6
);
border-color
:
rgba
(
53
,
53
,
53
,
.6
);
background-color
:
transparent
}
.button-hover
[
type
=
primary
]
{
color
:
rgba
(
255
,
255
,
255
,
.6
);
background-color
:
#0062cc
}
.button-hover
[
type
=
primary
][
plain
]
{
color
:
rgba
(
0
,
122
,
255
,
.6
);
border-color
:
rgba
(
0
,
122
,
255
,
.6
);
background-color
:
transparent
}
.button-hover
[
type
=
default
]
{
color
:
rgba
(
0
,
0
,
0
,
.6
);
background-color
:
#dedede
}
.button-hover
[
type
=
default
][
plain
]
{
color
:
rgba
(
53
,
53
,
53
,
.6
);
border-color
:
rgba
(
53
,
53
,
53
,
.6
);
background-color
:
transparent
}
.button-hover
[
type
=
warn
]
{
color
:
rgba
(
255
,
255
,
255
,
.6
);
background-color
:
#ce3c39
}
.button-hover
[
type
=
warn
][
plain
]
{
color
:
rgba
(
230
,
67
,
64
,
.6
);
border-color
:
rgba
(
230
,
67
,
64
,
.6
);
background-color
:
transparent
}
@media
(
prefers-color-scheme
:
dark
){
uni-button
,
uni-button
[
type
=
default
]
{
color
:
#d6d6d6
;
background-color
:
#343434
}
.button-hover
,
.button-hover
[
type
=
default
]
{
color
:
#d6d6d6
;
background-color
:
rgba
(
255
,
255
,
255
,
.1
)}
uni-button
[
disabled
][
type
=
default
],
uni-button
[
disabled
]
:not
([
type
])
{
color
:
rgba
(
255
,
255
,
255
,
.2
);
background-color
:
rgba
(
255
,
255
,
255
,
.08
)}
uni-button
[
type
=
primary
][
plain
][
disabled
]
{
color
:
rgba
(
255
,
255
,
255
,
.2
);
border-color
:
rgba
(
255
,
255
,
255
,
.2
)}
uni-button
[
type
=
default
][
plain
]
{
color
:
#d6d6d6
;
border
:
1px
solid
#d6d6d6
}
.button-hover
[
type
=
default
][
plain
]
{
color
:
rgba
(
150
,
150
,
150
,
.6
);
border-color
:
rgba
(
150
,
150
,
150
,
.6
);
background-color
:
rgba
(
50
,
50
,
50
,
.2
)}
uni-button
[
type
=
default
][
plain
][
disabled
]
{
border-color
:
rgba
(
255
,
255
,
255
,
.2
);
color
:
rgba
(
255
,
255
,
255
,
.2
)}}
uni-canvas
{
width
:
300px
;
height
:
150px
;
display
:
block
;
position
:
relative
}
uni-canvas
>
.uni-canvas-canvas
{
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
}
uni-checkbox
{
-webkit-tap-highlight-color
:
transparent
;
display
:
inline-block
;
cursor
:
pointer
}
uni-checkbox
[
hidden
]
{
display
:
none
}
uni-checkbox
[
disabled
]
{
cursor
:
not-allowed
}
.uni-checkbox-wrapper
{
display
:
inline-flex
;
align-items
:
center
;
vertical-align
:
middle
}
.uni-checkbox-input
{
margin-right
:
5px
;
-webkit-appearance
:
none
;
appearance
:
none
;
outline
:
0
;
border
:
1px
solid
#d1d1d1
;
background-color
:
#fff
;
border-radius
:
3px
;
width
:
22px
;
height
:
22px
;
position
:
relative
}
.uni-checkbox-input
svg
{
color
:
#007aff
;
font-size
:
22px
;
position
:
absolute
;
top
:
50%
;
left
:
50%
;
transform
:
translate
(
-50%
,
-48%
)
scale
(
.73
)}
@media
(
hover
:
hover
){
uni-checkbox
:
not
([
disabled
])
.
uni-checkbox-input
:
hover
{
border-color
:
var
(
--HOVER-BD-COLOR
,
#007aff
)
!important
}
}
uni-checkbox-group
{
display
:
block
}
uni-checkbox-group
[
hidden
]
{
display
:
none
}
uni-cover-image
{
display
:
block
;
line-height
:
1.2
;
overflow
:
hidden
;
height
:
100%
;
width
:
100%
;
pointer-events
:
auto
}
uni-cover-image
[
hidden
]
{
display
:
none
}
uni-cover-image
.uni-cover-image
{
width
:
100%
;
height
:
100%
}
uni-cover-view
{
display
:
block
;
line-height
:
1.2
;
overflow
:
hidden
;
white-space
:
nowrap
;
pointer-events
:
auto
}
uni-cover-view
[
hidden
]
{
display
:
none
}
uni-cover-view
.uni-cover-view
{
width
:
100%
;
height
:
100%
;
visibility
:
hidden
;
text-overflow
:
inherit
;
white-space
:
inherit
;
align-items
:
inherit
;
justify-content
:
inherit
;
flex-direction
:
inherit
;
flex-wrap
:
inherit
;
display
:
inherit
;
overflow
:
inherit
}
.ql-container
{
display
:
block
;
position
:
relative
;
box-sizing
:
border-box
;
-webkit-user-select
:
text
;
user-select
:
text
;
outline
:
none
;
overflow
:
hidden
;
width
:
100%
;
height
:
200px
;
min-height
:
200px
}
.ql-container
[
hidden
]
{
display
:
none
}
.ql-container
.ql-editor
{
position
:
relative
;
font-size
:
inherit
;
line-height
:
inherit
;
font-family
:
inherit
;
min-height
:
inherit
;
width
:
100%
;
height
:
100%
;
padding
:
0
;
overflow-x
:
hidden
;
overflow-y
:
auto
;
-webkit-tap-highlight-color
:
transparent
;
-webkit-touch-callout
:
none
;
-webkit-overflow-scrolling
:
touch
}
.ql-container
.ql-editor
::-webkit-scrollbar
{
width
:
0
!important
}
.ql-container
.ql-editor.scroll-disabled
{
overflow
:
hidden
}
.ql-container
.ql-image-overlay
{
display
:
flex
;
position
:
absolute
;
box-sizing
:
border-box
;
border
:
1px
dashed
#ccc
;
justify-content
:
center
;
align-items
:
center
;
-webkit-user-select
:
none
;
user-select
:
none
}
.ql-container
.ql-image-overlay
.ql-image-size
{
position
:
absolute
;
padding
:
4px
8px
;
text-align
:
center
;
background-color
:
#fff
;
color
:
#888
;
border
:
1px
solid
#ccc
;
box-sizing
:
border-box
;
opacity
:
.8
;
right
:
4px
;
top
:
4px
;
font-size
:
12px
;
display
:
inline-block
;
width
:
auto
}
.ql-container
.ql-image-overlay
.ql-image-toolbar
{
position
:
relative
;
text-align
:
center
;
box-sizing
:
border-box
;
background
:
#000
;
border-radius
:
5px
;
color
:
#fff
;
font-size
:
0
;
min-height
:
24px
;
z-index
:
100
}
.ql-container
.ql-image-overlay
.ql-image-toolbar
span
{
display
:
inline-block
;
cursor
:
pointer
;
padding
:
5px
;
font-size
:
12px
;
border-right
:
1px
solid
#fff
}
.ql-container
.ql-image-overlay
.ql-image-toolbar
span
:last-child
{
border-right
:
0
}
.ql-container
.ql-image-overlay
.ql-image-toolbar
span
.triangle-up
{
padding
:
0
;
position
:
absolute
;
top
:
-12px
;
left
:
50%
;
transform
:
translate
(
-50%
);
width
:
0
;
height
:
0
;
border-width
:
6px
;
border-style
:
solid
;
border-color
:
transparent
transparent
black
transparent
}
.ql-container
.ql-image-overlay
.ql-image-handle
{
position
:
absolute
;
height
:
12px
;
width
:
12px
;
border-radius
:
50%
;
border
:
1px
solid
#ccc
;
box-sizing
:
border-box
;
background
:
#fff
}
.ql-container
img
{
display
:
inline-block
;
max-width
:
100%
}
.ql-clipboard
p
{
margin
:
0
;
padding
:
0
}
.ql-editor
{
box-sizing
:
border-box
;
height
:
100%
;
outline
:
none
;
overflow-y
:
auto
;
tab-size
:
4
;
-moz-tab-size
:
4
;
text-align
:
left
;
white-space
:
pre-wrap
;
word-wrap
:
break-word
}
.ql-editor
>*
{
cursor
:
text
}
.ql-editor
p
,
.ql-editor
ol
,
.ql-editor
ul
,
.ql-editor
pre
,
.ql-editor
blockquote
,
.ql-editor
h1
,
.ql-editor
h2
,
.ql-editor
h3
,
.ql-editor
h4
,
.ql-editor
h5
,
.ql-editor
h6
{
margin
:
0
;
padding
:
0
;
counter-reset
:
list-1
list-2
list-3
list-4
list-5
list-6
list-7
list-8
list-9
}
.ql-editor
ol
>
li
,
.ql-editor
ul
>
li
{
list-style-type
:
none
}
.ql-editor
ul
>
li
:before
{
content
:
"•"
}
.ql-editor
ul
[
data-checked
=
true
],
.ql-editor
ul
[
data-checked
=
false
]
{
pointer-events
:
none
}
.ql-editor
ul
[
data-checked
=
true
]>
li
*,
.ql-editor
ul
[
data-checked
=
false
]>
li
*
{
pointer-events
:
all
}
.ql-editor
ul
[
data-checked
=
true
]>
li
:before
,
.ql-editor
ul
[
data-checked
=
false
]>
li
:before
{
color
:
#777
;
cursor
:
pointer
;
pointer-events
:
all
}
.ql-editor
ul
[
data-checked
=
true
]>
li
:before
{
content
:
"☑"
}
.ql-editor
ul
[
data-checked
=
false
]>
li
:before
{
content
:
"☐"
}
.ql-editor
li
:before
{
display
:
inline-block
;
white-space
:
nowrap
;
width
:
2em
}
.ql-editor
ol
li
{
counter-reset
:
list-1
list-2
list-3
list-4
list-5
list-6
list-7
list-8
list-9
;
counter-increment
:
list-0
}
.ql-editor
ol
li
:before
{
content
:
counter
(
list-0
,
decimal
)
". "
}
.ql-editor
ol
li
.ql-indent-1
{
counter-increment
:
list-1
}
.ql-editor
ol
li
.ql-indent-1
:before
{
content
:
counter
(
list-1
,
lower-alpha
)
". "
}
.ql-editor
ol
li
.ql-indent-1
{
counter-reset
:
list-2
list-3
list-4
list-5
list-6
list-7
list-8
list-9
}
.ql-editor
ol
li
.ql-indent-2
{
counter-increment
:
list-2
}
.ql-editor
ol
li
.ql-indent-2
:before
{
content
:
counter
(
list-2
,
lower-roman
)
". "
}
.ql-editor
ol
li
.ql-indent-2
{
counter-reset
:
list-3
list-4
list-5
list-6
list-7
list-8
list-9
}
.ql-editor
ol
li
.ql-indent-3
{
counter-increment
:
list-3
}
.ql-editor
ol
li
.ql-indent-3
:before
{
content
:
counter
(
list-3
,
decimal
)
". "
}
.ql-editor
ol
li
.ql-indent-3
{
counter-reset
:
list-4
list-5
list-6
list-7
list-8
list-9
}
.ql-editor
ol
li
.ql-indent-4
{
counter-increment
:
list-4
}
.ql-editor
ol
li
.ql-indent-4
:before
{
content
:
counter
(
list-4
,
lower-alpha
)
". "
}
.ql-editor
ol
li
.ql-indent-4
{
counter-reset
:
list-5
list-6
list-7
list-8
list-9
}
.ql-editor
ol
li
.ql-indent-5
{
counter-increment
:
list-5
}
.ql-editor
ol
li
.ql-indent-5
:before
{
content
:
counter
(
list-5
,
lower-roman
)
". "
}
.ql-editor
ol
li
.ql-indent-5
{
counter-reset
:
list-6
list-7
list-8
list-9
}
.ql-editor
ol
li
.ql-indent-6
{
counter-increment
:
list-6
}
.ql-editor
ol
li
.ql-indent-6
:before
{
content
:
counter
(
list-6
,
decimal
)
". "
}
.ql-editor
ol
li
.ql-indent-6
{
counter-reset
:
list-7
list-8
list-9
}
.ql-editor
ol
li
.ql-indent-7
{
counter-increment
:
list-7
}
.ql-editor
ol
li
.ql-indent-7
:before
{
content
:
counter
(
list-7
,
lower-alpha
)
". "
}
.ql-editor
ol
li
.ql-indent-7
{
counter-reset
:
list-8
list-9
}
.ql-editor
ol
li
.ql-indent-8
{
counter-increment
:
list-8
}
.ql-editor
ol
li
.ql-indent-8
:before
{
content
:
counter
(
list-8
,
lower-roman
)
". "
}
.ql-editor
ol
li
.ql-indent-8
{
counter-reset
:
list-9
}
.ql-editor
ol
li
.ql-indent-9
{
counter-increment
:
list-9
}
.ql-editor
ol
li
.ql-indent-9
:before
{
content
:
counter
(
list-9
,
decimal
)
". "
}
.ql-editor
.ql-indent-1
:not
(
.ql-direction-rtl
)
{
padding-left
:
2em
}
.ql-editor
li
.ql-indent-1
:not
(
.ql-direction-rtl
)
{
padding-left
:
2em
}
.ql-editor
.ql-indent-1.ql-direction-rtl.ql-align-right
,
.ql-editor
li
.ql-indent-1.ql-direction-rtl.ql-align-right
{
padding-right
:
2em
}
.ql-editor
.ql-indent-2
:not
(
.ql-direction-rtl
)
{
padding-left
:
4em
}
.ql-editor
li
.ql-indent-2
:not
(
.ql-direction-rtl
)
{
padding-left
:
4em
}
.ql-editor
.ql-indent-2.ql-direction-rtl.ql-align-right
,
.ql-editor
li
.ql-indent-2.ql-direction-rtl.ql-align-right
{
padding-right
:
4em
}
.ql-editor
.ql-indent-3
:not
(
.ql-direction-rtl
)
{
padding-left
:
6em
}
.ql-editor
li
.ql-indent-3
:not
(
.ql-direction-rtl
)
{
padding-left
:
6em
}
.ql-editor
.ql-indent-3.ql-direction-rtl.ql-align-right
,
.ql-editor
li
.ql-indent-3.ql-direction-rtl.ql-align-right
{
padding-right
:
6em
}
.ql-editor
.ql-indent-4
:not
(
.ql-direction-rtl
)
{
padding-left
:
8em
}
.ql-editor
li
.ql-indent-4
:not
(
.ql-direction-rtl
)
{
padding-left
:
8em
}
.ql-editor
.ql-indent-4.ql-direction-rtl.ql-align-right
,
.ql-editor
li
.ql-indent-4.ql-direction-rtl.ql-align-right
{
padding-right
:
8em
}
.ql-editor
.ql-indent-5
:not
(
.ql-direction-rtl
)
{
padding-left
:
10em
}
.ql-editor
li
.ql-indent-5
:not
(
.ql-direction-rtl
)
{
padding-left
:
10em
}
.ql-editor
.ql-indent-5.ql-direction-rtl.ql-align-right
,
.ql-editor
li
.ql-indent-5.ql-direction-rtl.ql-align-right
{
padding-right
:
10em
}
.ql-editor
.ql-indent-6
:not
(
.ql-direction-rtl
)
{
padding-left
:
12em
}
.ql-editor
li
.ql-indent-6
:not
(
.ql-direction-rtl
)
{
padding-left
:
12em
}
.ql-editor
.ql-indent-6.ql-direction-rtl.ql-align-right
,
.ql-editor
li
.ql-indent-6.ql-direction-rtl.ql-align-right
{
padding-right
:
12em
}
.ql-editor
.ql-indent-7
:not
(
.ql-direction-rtl
)
{
padding-left
:
14em
}
.ql-editor
li
.ql-indent-7
:not
(
.ql-direction-rtl
)
{
padding-left
:
14em
}
.ql-editor
.ql-indent-7.ql-direction-rtl.ql-align-right
,
.ql-editor
li
.ql-indent-7.ql-direction-rtl.ql-align-right
{
padding-right
:
14em
}
.ql-editor
.ql-indent-8
:not
(
.ql-direction-rtl
)
{
padding-left
:
16em
}
.ql-editor
li
.ql-indent-8
:not
(
.ql-direction-rtl
)
{
padding-left
:
16em
}
.ql-editor
.ql-indent-8.ql-direction-rtl.ql-align-right
,
.ql-editor
li
.ql-indent-8.ql-direction-rtl.ql-align-right
{
padding-right
:
16em
}
.ql-editor
.ql-indent-9
:not
(
.ql-direction-rtl
)
{
padding-left
:
18em
}
.ql-editor
li
.ql-indent-9
:not
(
.ql-direction-rtl
)
{
padding-left
:
18em
}
.ql-editor
.ql-indent-9.ql-direction-rtl.ql-align-right
,
.ql-editor
li
.ql-indent-9.ql-direction-rtl.ql-align-right
{
padding-right
:
18em
}
.ql-editor
.ql-direction-rtl
{
direction
:
rtl
;
text-align
:
inherit
}
.ql-editor
.ql-align-center
{
text-align
:
center
}
.ql-editor
.ql-align-justify
{
text-align
:
justify
}
.ql-editor
.ql-align-right
{
text-align
:
right
}
.ql-editor.ql-blank
:before
{
color
:
rgba
(
0
,
0
,
0
,
.6
);
content
:
attr
(
data-placeholder
);
font-style
:
italic
;
pointer-events
:
none
;
position
:
absolute
}
.ql-container.ql-disabled
.ql-editor
ul
[
data-checked
]>
li
:before
{
pointer-events
:
none
}
.ql-clipboard
{
left
:
-100000px
;
height
:
1px
;
overflow-y
:
hidden
;
position
:
absolute
;
top
:
50%
}
uni-icon
{
display
:
inline-block
;
font-size
:
0
;
box-sizing
:
border-box
}
uni-icon
[
hidden
]
{
display
:
none
}
uni-image
{
width
:
320px
;
height
:
240px
;
display
:
inline-block
;
overflow
:
hidden
;
position
:
relative
}
uni-image
[
hidden
]
{
display
:
none
}
uni-image
>
div
{
width
:
100%
;
height
:
100%
;
background-repeat
:
no-repeat
}
uni-image
>
img
{
-webkit-touch-callout
:
none
;
-webkit-user-select
:
none
;
user-select
:
none
;
display
:
block
;
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
opacity
:
0
}
uni-image
>
.uni-image-will-change
{
will-change
:
transform
}
uni-input
{
display
:
block
;
font-size
:
16px
;
line-height
:
1.4em
;
height
:
1.4em
;
min-height
:
1.4em
;
overflow
:
hidden
}
uni-input
[
hidden
]
{
display
:
none
}
.uni-input-wrapper
,
.uni-input-placeholder
,
.uni-input-form
,
.uni-input-input
{
outline
:
none
;
border
:
none
;
padding
:
0
;
margin
:
0
;
text-decoration
:
inherit
}
.uni-input-wrapper
,
.uni-input-form
{
display
:
flex
;
position
:
relative
;
width
:
100%
;
height
:
100%
;
flex-direction
:
column
;
justify-content
:
center
}
.uni-input-placeholder
,
.uni-input-input
{
width
:
100%
}
.uni-input-placeholder
{
position
:
absolute
;
top
:
auto
!important
;
left
:
0
;
color
:
gray
;
overflow
:
hidden
;
text-overflow
:
clip
;
white-space
:
pre
;
word-break
:
keep-all
;
pointer-events
:
none
;
line-height
:
inherit
}
.uni-input-input
{
position
:
relative
;
display
:
block
;
height
:
100%
;
background
:
none
;
color
:
inherit
;
opacity
:
1
;
font
:
inherit
;
line-height
:
inherit
;
letter-spacing
:
inherit
;
text-align
:
inherit
;
text-indent
:
inherit
;
text-transform
:
inherit
;
text-shadow
:
inherit
}
.uni-input-input
[
type
=
search
]
::-webkit-search-cancel-button
,
.uni-input-input
[
type
=
search
]
::-webkit-search-decoration
{
display
:
none
}
.uni-input-input
::-webkit-outer-spin-button
,
.uni-input-input
::-webkit-inner-spin-button
{
-webkit-appearance
:
none
;
appearance
:
none
;
margin
:
0
}
.uni-input-input
[
type
=
number
]
{
-moz-appearance
:
textfield
}
.uni-input-input
:disabled
{
-webkit-text-fill-color
:
currentcolor
}
.uni-label-pointer
{
cursor
:
pointer
}
uni-live-pusher
{
width
:
320px
;
height
:
240px
;
display
:
inline-block
;
line-height
:
0
;
overflow
:
hidden
;
position
:
relative
}
uni-live-pusher
[
hidden
]
{
display
:
none
}
.uni-live-pusher-container
{
width
:
100%
;
height
:
100%
;
position
:
absolute
;
top
:
0
;
left
:
0
;
overflow
:
hidden
;
background-color
:
#000
}
.uni-live-pusher-slot
{
position
:
absolute
;
top
:
0
;
width
:
100%
;
height
:
100%
;
overflow
:
hidden
;
pointer-events
:
none
}
uni-map
{
width
:
300px
;
height
:
225px
;
display
:
inline-block
;
line-height
:
0
;
overflow
:
hidden
;
position
:
relative
}
uni-map
[
hidden
]
{
display
:
none
}
.uni-map-container
{
width
:
100%
;
height
:
100%
;
position
:
absolute
;
top
:
0
;
left
:
0
;
overflow
:
hidden
;
background-color
:
transparent
}
.uni-map-slot
{
position
:
absolute
;
top
:
0
;
width
:
100%
;
height
:
100%
;
overflow
:
hidden
;
pointer-events
:
none
}
uni-movable-area
{
display
:
block
;
position
:
relative
;
width
:
10px
;
height
:
10px
}
uni-movable-area
[
hidden
]
{
display
:
none
}
uni-movable-view
{
display
:
inline-block
;
width
:
10px
;
height
:
10px
;
top
:
0
;
left
:
0
;
position
:
absolute
;
cursor
:
grab
}
uni-movable-view
[
hidden
]
{
display
:
none
}
uni-navigator
{
height
:
auto
;
width
:
auto
;
display
:
block
;
cursor
:
pointer
}
uni-navigator
[
hidden
]
{
display
:
none
}
.navigator-hover
{
background-color
:
rgba
(
0
,
0
,
0
,
.1
);
opacity
:
.7
}
.navigator-wrap
,
.navigator-wrap
:link
,
.navigator-wrap
:visited
,
.navigator-wrap
:hover
,
.navigator-wrap
:active
{
text-decoration
:
none
;
color
:
inherit
;
cursor
:
pointer
}
uni-picker-view
{
display
:
block
}
.uni-picker-view-wrapper
{
display
:
flex
;
position
:
relative
;
overflow
:
hidden
;
height
:
100%
}
uni-picker-view
[
hidden
]
{
display
:
none
}
uni-picker-view-column
{
flex
:
1
;
position
:
relative
;
height
:
100%
;
overflow
:
hidden
}
uni-picker-view-column
[
hidden
]
{
display
:
none
}
.uni-picker-view-group
{
height
:
100%
;
overflow
:
hidden
}
.uni-picker-view-mask
{
transform
:
translateZ
(
0
)}
.uni-picker-view-indicator
,
.uni-picker-view-mask
{
position
:
absolute
;
left
:
0
;
width
:
100%
;
z-index
:
3
;
pointer-events
:
none
}
.uni-picker-view-mask
{
top
:
0
;
height
:
100%
;
margin
:
0
auto
;
background-image
:
linear-gradient
(
180deg
,
rgba
(
255
,
255
,
255
,
.95
),
rgba
(
255
,
255
,
255
,
.6
)),
linear-gradient
(
0deg
,
rgba
(
255
,
255
,
255
,
.95
),
rgba
(
255
,
255
,
255
,
.6
));
background-position
:
top
,
bottom
;
background-size
:
100%
102px
;
background-repeat
:
no-repeat
;
transform
:
translateZ
(
0
)}
.uni-picker-view-indicator
{
height
:
34px
;
top
:
50%
;
transform
:
translateY
(
-50%
)}
.uni-picker-view-content
{
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
will-change
:
transform
;
padding
:
102px
0
;
cursor
:
pointer
}
.uni-picker-view-content
>*
{
height
:
var
(
--picker-view-column-indicator-height
);
overflow
:
hidden
}
.uni-picker-view-indicator
:before
{
top
:
0
;
border-top
:
1px
solid
#e5e5e5
;
transform-origin
:
0
0
;
transform
:
scaleY
(
.5
)}
.uni-picker-view-indicator
:after
{
bottom
:
0
;
border-bottom
:
1px
solid
#e5e5e5
;
transform-origin
:
0
100%
;
transform
:
scaleY
(
.5
)}
.uni-picker-view-indicator
:after
,
.uni-picker-view-indicator
:before
{
content
:
" "
;
position
:
absolute
;
left
:
0
;
right
:
0
;
height
:
1px
;
color
:
#e5e5e5
}
@media
(
prefers-color-scheme
:
dark
){
.uni-picker-view-indicator
:before
{
border-top-color
:
var
(
--UI-FG-3
)}
.uni-picker-view-indicator
:after
{
border-bottom-color
:
var
(
--UI-FG-3
)}
.uni-picker-view-mask
{
background-image
:
linear-gradient
(
180deg
,
rgba
(
35
,
35
,
35
,
.95
),
rgba
(
35
,
35
,
35
,
.6
)),
linear-gradient
(
0deg
,
rgba
(
35
,
35
,
35
,
.95
),
rgba
(
35
,
35
,
35
,
.6
))}}
uni-progress
{
display
:
flex
;
align-items
:
center
}
uni-progress
[
hidden
]
{
display
:
none
}
.uni-progress-bar
{
flex
:
1
}
.uni-progress-inner-bar
{
width
:
0
;
height
:
100%
}
.uni-progress-info
{
margin-top
:
0
;
margin-bottom
:
0
;
min-width
:
2em
;
margin-left
:
15px
;
font-size
:
16px
}
uni-radio
{
-webkit-tap-highlight-color
:
transparent
;
display
:
inline-block
;
cursor
:
pointer
}
uni-radio
[
hidden
]
{
display
:
none
}
uni-radio
[
disabled
]
{
cursor
:
not-allowed
}
.uni-radio-wrapper
{
display
:
inline-flex
;
align-items
:
center
;
vertical-align
:
middle
}
.uni-radio-input
{
-webkit-appearance
:
none
;
appearance
:
none
;
margin-right
:
5px
;
outline
:
0
;
border
:
1px
solid
#d1d1d1
;
background-color
:
#fff
;
border-radius
:
50%
;
width
:
22px
;
height
:
22px
;
position
:
relative
}
@media
(
hover
:
hover
){
uni-radio
:
not
([
disabled
])
.
uni-radio-input
:
hover
{
border-color
:
var
(
--HOVER-BD-COLOR
,
#007aff
)
!important
}
}
.uni-radio-input
svg
{
color
:
#fff
;
font-size
:
18px
;
position
:
absolute
;
top
:
50%
;
left
:
50%
;
transform
:
translate
(
-50%
,
-48%
)
scale
(
.73
)}
.uni-radio-input.uni-radio-input-disabled
{
background-color
:
#e1e1e1
;
border-color
:
#d1d1d1
}
.uni-radio-input.uni-radio-input-disabled
svg
{
color
:
#adadad
}
uni-radio-group
{
display
:
block
}
uni-radio-group
[
hidden
]
{
display
:
none
}
uni-scroll-view
{
display
:
block
;
width
:
100%
}
uni-scroll-view
[
hidden
]
{
display
:
none
}
.uni-scroll-view
{
position
:
relative
;
-webkit-overflow-scrolling
:
touch
;
width
:
100%
;
height
:
100%
;
max-height
:
inherit
}
.uni-scroll-view-scrollbar-hidden
::-webkit-scrollbar
{
display
:
none
}
.uni-scroll-view-scrollbar-hidden
{
-moz-scrollbars
:
none
;
scrollbar-width
:
none
}
.uni-scroll-view-content
{
width
:
100%
;
height
:
100%
}
.uni-scroll-view-refresher
{
position
:
relative
;
overflow
:
hidden
;
flex-shrink
:
0
}
.uni-scroll-view-refresher-container
{
position
:
absolute
;
width
:
100%
;
bottom
:
0
;
display
:
flex
;
flex-direction
:
column-reverse
}
.uni-scroll-view-refresh
{
position
:
absolute
;
top
:
0
;
left
:
0
;
right
:
0
;
bottom
:
0
;
display
:
flex
;
flex-direction
:
row
;
justify-content
:
center
;
align-items
:
center
}
.uni-scroll-view-refresh-inner
{
display
:
flex
;
align-items
:
center
;
justify-content
:
center
;
line-height
:
0
;
width
:
40px
;
height
:
40px
;
border-radius
:
50%
;
background-color
:
#fff
;
box-shadow
:
0
1px
6px
rgba
(
0
,
0
,
0
,
.118
),
0
1px
4px
rgba
(
0
,
0
,
0
,
.118
)}
.uni-scroll-view-refresh__spinner
{
transform-origin
:
center
center
;
animation
:
uni-scroll-view-refresh-rotate
2s
linear
infinite
}
.uni-scroll-view-refresh__spinner
>
circle
{
stroke
:
currentColor
;
stroke-linecap
:
round
;
animation
:
uni-scroll-view-refresh-dash
2s
linear
infinite
}
@keyframes
uni-scroll-view-refresh-rotate
{
0
%
{
transform
:
rotate
(
0
)}
to
{
transform
:
rotate
(
360deg
)}}
@keyframes
uni-scroll-view-refresh-dash
{
0
%
{
stroke-dasharray
:
1
,
200
;
stroke-dashoffset
:
0
}
50
%
{
stroke-dasharray
:
89
,
200
;
stroke-dashoffset
:
-35px
}
to
{
stroke-dasharray
:
89
,
200
;
stroke-dashoffset
:
-124px
}}
uni-slider
{
margin
:
10px
18px
;
padding
:
0
;
display
:
block
}
uni-slider
[
hidden
]
{
display
:
none
}
uni-slider
.uni-slider-wrapper
{
display
:
flex
;
align-items
:
center
;
min-height
:
16px
}
uni-slider
.uni-slider-tap-area
{
flex
:
1
;
padding
:
8px
0
}
uni-slider
.uni-slider-handle-wrapper
{
position
:
relative
;
height
:
2px
;
border-radius
:
5px
;
background-color
:
#e9e9e9
;
cursor
:
pointer
;
transition
:
background-color
.3s
ease
;
-webkit-tap-highlight-color
:
transparent
}
uni-slider
.uni-slider-track
{
height
:
100%
;
border-radius
:
6px
;
background-color
:
#007aff
;
transition
:
background-color
.3s
ease
}
uni-slider
.uni-slider-handle
,
uni-slider
.uni-slider-thumb
{
position
:
absolute
;
left
:
50%
;
top
:
50%
;
cursor
:
pointer
;
border-radius
:
50%
;
transition
:
border-color
.3s
ease
}
uni-slider
.uni-slider-handle
{
width
:
28px
;
height
:
28px
;
margin-top
:
-14px
;
margin-left
:
-14px
;
background-color
:
transparent
;
z-index
:
3
;
cursor
:
grab
}
uni-slider
.uni-slider-thumb
{
z-index
:
2
;
box-shadow
:
0
0
4px
rgba
(
0
,
0
,
0
,
.2
)}
uni-slider
.uni-slider-step
{
position
:
absolute
;
width
:
100%
;
height
:
2px
;
background
:
transparent
;
z-index
:
1
}
uni-slider
.uni-slider-value
{
width
:
3ch
;
color
:
#888
;
font-size
:
14px
;
margin-left
:
1em
}
uni-slider
.uni-slider-disabled
.uni-slider-track
{
background-color
:
#ccc
}
uni-slider
.uni-slider-disabled
.uni-slider-thumb
{
background-color
:
#fff
;
border-color
:
#ccc
}
uni-swiper
{
display
:
block
;
height
:
150px
}
uni-swiper
[
hidden
]
{
display
:
none
}
.uni-swiper-wrapper
{
overflow
:
hidden
;
position
:
relative
;
width
:
100%
;
height
:
100%
;
transform
:
translateZ
(
0
)}
.uni-swiper-slides
{
position
:
absolute
;
left
:
0
;
top
:
0
;
right
:
0
;
bottom
:
0
}
.uni-swiper-slide-frame
{
position
:
absolute
;
left
:
0
;
top
:
0
;
width
:
100%
;
height
:
100%
;
will-change
:
transform
}
.uni-swiper-dots
{
position
:
absolute
;
font-size
:
0
}
.uni-swiper-dots-horizontal
{
left
:
50%
;
bottom
:
10px
;
text-align
:
center
;
white-space
:
nowrap
;
transform
:
translate
(
-50%
)}
.uni-swiper-dots-horizontal
.uni-swiper-dot
{
margin-right
:
8px
}
.uni-swiper-dots-horizontal
.uni-swiper-dot
:last-child
{
margin-right
:
0
}
.uni-swiper-dots-vertical
{
right
:
10px
;
top
:
50%
;
text-align
:
right
;
transform
:
translateY
(
-50%
)}
.uni-swiper-dots-vertical
.uni-swiper-dot
{
display
:
block
;
margin-bottom
:
9px
}
.uni-swiper-dots-vertical
.uni-swiper-dot
:last-child
{
margin-bottom
:
0
}
.uni-swiper-dot
{
display
:
inline-block
;
width
:
8px
;
height
:
8px
;
cursor
:
pointer
;
transition-property
:
background-color
;
transition-timing-function
:
ease
;
background
:
rgba
(
0
,
0
,
0
,
.3
);
border-radius
:
50%
}
.uni-swiper-dot-active
{
background-color
:
#000
}
.uni-swiper-navigation
{
width
:
26px
;
height
:
26px
;
cursor
:
pointer
;
position
:
absolute
;
top
:
50%
;
margin-top
:
-13px
;
display
:
flex
;
align-items
:
center
;
transition
:
all
.2s
;
border-radius
:
50%
;
opacity
:
1
}
.uni-swiper-navigation-disabled
{
opacity
:
.35
;
cursor
:
not-allowed
}
.uni-swiper-navigation-hide
{
opacity
:
0
;
cursor
:
auto
;
pointer-events
:
none
}
.uni-swiper-navigation-prev
{
left
:
10px
}
.uni-swiper-navigation-prev
svg
{
margin-left
:
-1px
;
left
:
10px
}
.uni-swiper-navigation-prev.uni-swiper-navigation-vertical
{
top
:
18px
;
left
:
50%
;
margin-left
:
-13px
}
.uni-swiper-navigation-prev.uni-swiper-navigation-vertical
svg
{
transform
:
rotate
(
90deg
);
margin-left
:
auto
;
margin-top
:
-2px
}
.uni-swiper-navigation-next
{
right
:
10px
}
.uni-swiper-navigation-next
svg
{
transform
:
rotate
(
180deg
)}
.uni-swiper-navigation-next.uni-swiper-navigation-vertical
{
top
:
auto
;
bottom
:
5px
;
left
:
50%
;
margin-left
:
-13px
}
.uni-swiper-navigation-next.uni-swiper-navigation-vertical
svg
{
margin-top
:
2px
;
transform
:
rotate
(
270deg
)}
uni-swiper-item
{
display
:
block
;
overflow
:
hidden
;
will-change
:
transform
;
position
:
absolute
;
width
:
100%
;
height
:
100%
;
cursor
:
grab
}
uni-swiper-item
[
hidden
]
{
display
:
none
}
uni-switch
{
-webkit-tap-highlight-color
:
transparent
;
display
:
inline-block
;
cursor
:
pointer
}
uni-switch
[
hidden
]
{
display
:
none
}
uni-switch
[
disabled
]
{
cursor
:
not-allowed
}
uni-switch
[
disabled
]
.uni-switch-input
{
opacity
:
.7
}
.uni-switch-wrapper
{
display
:
inline-flex
;
align-items
:
center
;
vertical-align
:
middle
}
.uni-switch-input
{
-webkit-appearance
:
none
;
appearance
:
none
;
position
:
relative
;
width
:
52px
;
height
:
32px
;
margin-right
:
5px
;
border
:
1px
solid
#dfdfdf
;
outline
:
0
;
border-radius
:
16px
;
box-sizing
:
border-box
;
background-color
:
#dfdfdf
;
transition
:
background-color
.1s
,
border
.1s
}
.uni-switch-input
:before
{
content
:
" "
;
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
50px
;
height
:
30px
;
border-radius
:
15px
;
background-color
:
#fdfdfd
;
transition
:
transform
.3s
}
.uni-switch-input
:after
{
content
:
" "
;
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
30px
;
height
:
30px
;
border-radius
:
15px
;
background-color
:
#fff
;
box-shadow
:
0
1px
3px
rgba
(
0
,
0
,
0
,
.4
);
transition
:
transform
.3s
}
.uni-switch-input.uni-switch-input-checked
{
border-color
:
#007aff
;
background-color
:
#007aff
}
.uni-switch-input.uni-switch-input-checked
:before
{
transform
:
scale
(
0
)}
.uni-switch-input.uni-switch-input-checked
:after
{
transform
:
translate
(
20px
)}
uni-switch
.uni-checkbox-input
{
margin-right
:
5px
;
-webkit-appearance
:
none
;
appearance
:
none
;
outline
:
0
;
border
:
1px
solid
#d1d1d1
;
background-color
:
#fff
;
border-radius
:
3px
;
width
:
22px
;
height
:
22px
;
position
:
relative
;
color
:
#007aff
}
uni-switch
:not
([
disabled
])
.uni-checkbox-input
:hover
{
border-color
:
#007aff
}
uni-switch
.uni-checkbox-input
svg
{
fill
:
#007aff
;
font-size
:
22px
;
position
:
absolute
;
top
:
50%
;
left
:
50%
;
transform
:
translate
(
-50%
,
-48%
)
scale
(
.73
)}
.uni-checkbox-input.uni-checkbox-input-disabled
{
background-color
:
#e1e1e1
}
.uni-checkbox-input.uni-checkbox-input-disabled
:before
{
color
:
#adadad
}
@media
(
prefers-color-scheme
:
dark
){
uni-switch
.uni-switch-input
{
border-color
:
#3b3b3f
}
uni-switch
.uni-switch-input
,
uni-switch
.uni-switch-input
:before
{
background-color
:
#3b3b3f
}
uni-switch
.uni-switch-input
:after
{
background-color
:
#fff
;
box-shadow
:
0
1px
3px
rgba
(
0
,
0
,
0
,
.4
)}
uni-switch
.uni-checkbox-input
{
background-color
:
#2c2c2c
;
border
:
1px
solid
#656565
}}
uni-textarea
{
width
:
300px
;
height
:
150px
;
display
:
block
;
position
:
relative
;
font-size
:
16px
;
line-height
:
normal
;
white-space
:
pre-wrap
;
word-break
:
break-all
}
uni-textarea
[
hidden
]
{
display
:
none
}
.uni-textarea-wrapper
,
.uni-textarea-placeholder
,
.uni-textarea-line
,
.uni-textarea-compute
,
.uni-textarea-textarea
{
outline
:
none
;
border
:
none
;
padding
:
0
;
margin
:
0
;
text-decoration
:
inherit
}
.uni-textarea-wrapper
{
display
:
block
;
position
:
relative
;
width
:
100%
;
height
:
100%
;
min-height
:
inherit
;
overflow-y
:
hidden
}
.uni-textarea-placeholder
,
.uni-textarea-line
,
.uni-textarea-compute
,
.uni-textarea-textarea
{
position
:
absolute
;
width
:
100%
;
height
:
100%
;
left
:
0
;
top
:
0
;
white-space
:
inherit
;
word-break
:
inherit
}
.uni-textarea-placeholder
{
color
:
gray
;
overflow
:
hidden
}
.uni-textarea-line
,
.uni-textarea-compute
{
visibility
:
hidden
;
height
:
auto
}
.uni-textarea-line
{
width
:
1em
}
.uni-textarea-textarea
{
resize
:
none
;
background
:
none
;
color
:
inherit
;
opacity
:
1
;
font
:
inherit
;
line-height
:
inherit
;
letter-spacing
:
inherit
;
text-align
:
inherit
;
text-indent
:
inherit
;
text-transform
:
inherit
;
text-shadow
:
inherit
}
.uni-textarea-textarea-fix-margin
{
width
:
auto
;
right
:
0
;
margin
:
0
-3px
}
.uni-textarea-textarea
:disabled
{
-webkit-text-fill-color
:
currentcolor
}
uni-video
{
width
:
300px
;
height
:
225px
;
display
:
inline-block
;
line-height
:
0
;
overflow
:
hidden
;
position
:
relative
}
uni-video
[
hidden
]
{
display
:
none
}
.uni-video-container
{
width
:
100%
;
height
:
100%
;
position
:
absolute
;
top
:
0
;
left
:
0
;
overflow
:
hidden
;
background-color
:
#000
}
.uni-video-slot
{
position
:
absolute
;
top
:
0
;
width
:
100%
;
height
:
100%
;
overflow
:
hidden
;
pointer-events
:
none
}
uni-web-view
{
display
:
inline-block
;
position
:
absolute
;
left
:
0
;
right
:
0
;
top
:
0
;
bottom
:
0
}
packages/uni-app-plus/dist/uni.runtime.esm.js
浏览文件 @
0f89a16a
...
...
@@ -13262,15 +13262,15 @@ function parseTheme(pageStyle) {
function useTabBarThemeChange(tabBar, options) {
if (__uniConfig.darkmode) {
const fn = () => {
const { list = [], color, selectedColor, backgroundColor, borderStyle, } = parseTheme(options);
tabBar &&
const { list = [], color, selectedColor, backgroundColor, borderStyle,
midButton,
} = parseTheme(options);
if (tabBar) {
tabBar.setTabBarStyle({
color,
selectedColor,
backgroundColor,
borderStyle,
midButton,
});
tabBar &&
tabBar.setTabBarItems({
list: list.map((item) => ({
iconPath: item.iconPath,
...
...
@@ -13278,6 +13278,7 @@ function useTabBarThemeChange(tabBar, options) {
visible: item.visible,
})),
});
}
};
// 由于应用首次启动获取不到手机 theme 应用首次启动设置下 tabBar
fn();
...
...
packages/uni-app-uts/src/plugins/android/uvue/compiler/codegen.ts
浏览文件 @
0f89a16a
...
...
@@ -34,7 +34,14 @@ import {
locStub
,
toValidAssetId
,
}
from
'
@vue/compiler-core
'
import
{
NOOP
,
isArray
,
isString
,
isSymbol
}
from
'
@vue/shared
'
import
{
NOOP
,
camelize
,
capitalize
,
isArray
,
isString
,
isSymbol
,
}
from
'
@vue/shared
'
import
{
type
ParserPlugin
,
parseExpression
}
from
'
@babel/parser
'
import
{
isCompoundExpressionNode
,
...
...
@@ -318,8 +325,17 @@ function genEasyComImports(
}
const
source
=
matchEasyCom
(
id
,
true
)
if
(
source
)
{
const
componentId
=
toValidAssetId
(
id
,
'
easycom
'
as
'
component
'
)
push
(
`import
${
componentId
}
from '
${
source
}
'`
)
if
(
source
.
includes
(
'
?uts-proxy
'
))
{
push
(
`import {
${
genEncryptUniModuleEasyComClass
(
id
,
parseUniModuleId
(
source
)
)}
} from '
${
source
}
';`
)
}
else
{
const
componentId
=
toValidAssetId
(
id
,
'
easycom
'
as
'
component
'
)
push
(
`import
${
componentId
}
from '
${
source
}
'`
)
}
newline
()
}
}
...
...
@@ -352,12 +368,25 @@ function genAssets(
if
(
type
===
'
component
'
)
{
const
source
=
matchEasyCom
(
id
,
false
)
if
(
source
)
{
const
easyComponentId
=
toValidAssetId
(
id
,
'
easycom
'
as
'
component
'
)
let
importCode
=
''
const
componentId
=
toValidAssetId
(
id
,
type
)
assetCode
=
`const
${
componentId
}
=
${
helper
(
RESOLVE_EASY_COMPONENT
)}
(
${
JSON
.
stringify
(
id
)}
,
${
easyComponentId
}
)`
const
importCode
=
`import
${
easyComponentId
}
from '
${
source
}
';`
// 加密 easyCom
if
(
source
.
includes
(
'
?uts-proxy
'
))
{
const
easyComponentId
=
genEncryptUniModuleEasyComClass
(
id
,
parseUniModuleId
(
source
)
)
assetCode
=
`const
${
componentId
}
=
${
helper
(
RESOLVE_EASY_COMPONENT
)}
(
${
JSON
.
stringify
(
id
)}
,
${
easyComponentId
}
)`
importCode
=
`import {
${
easyComponentId
}
} from '
${
source
}
';`
}
else
{
const
easyComponentId
=
toValidAssetId
(
id
,
'
easycom
'
as
'
component
'
)
assetCode
=
`const
${
componentId
}
=
${
helper
(
RESOLVE_EASY_COMPONENT
)}
(
${
JSON
.
stringify
(
id
)}
,
${
easyComponentId
}
)`
importCode
=
`import
${
easyComponentId
}
from '
${
source
}
';`
}
if
(
!
importEasyComponents
.
includes
(
importCode
))
{
importEasyComponents
.
push
(
importCode
)
addEasyComponentAutoImports
(
...
...
@@ -384,6 +413,23 @@ function genAssets(
}
}
function
parseUniModuleId
(
source
:
string
)
{
const
parts
=
source
.
split
(
'
/
'
)
return
parts
[
parts
.
length
-
1
].
replace
(
'
?uts-proxy
'
,
''
)
}
// GenUniModulesTestCom1ComponentsTestCom11TestCom11Class
function
genEncryptUniModuleEasyComClass
(
componentName
:
string
,
uniModuleId
:
string
)
{
return
capitalize
(
camelize
(
`gen-uni-modules-
${
uniModuleId
}
-components-
${
componentName
}
-
${
componentName
}
-class`
)
)
}
function
isText
(
n
:
string
|
CodegenNode
)
{
return
(
isString
(
n
)
||
...
...
packages/uni-h5/dist-x/uni-h5.cjs.js
浏览文件 @
0f89a16a
...
...
@@ -12940,6 +12940,7 @@ const TabBar = /* @__PURE__ */ defineSystemComponent({
tabBar2
.
color
=
tabBarStyle
.
color
;
tabBar2
.
selectedColor
=
tabBarStyle
.
selectedColor
;
tabBar2
.
blurEffect
=
tabBarStyle
.
blurEffect
;
tabBar2
.
midButton
=
tabBarStyle
.
midButton
;
if
(
tabBarStyle
.
list
&&
tabBarStyle
.
list
.
length
)
{
tabBarStyle
.
list
.
forEach
((
item
,
index2
)
=>
{
tabBar2
.
list
[
index2
].
iconPath
=
item
.
iconPath
;
...
...
@@ -13569,8 +13570,13 @@ function updateBackgroundColorContent(backgroundColorContent) {
}
function
useBackgroundColorContent
(
pageMeta
)
{
function
update
()
{
updateBackgroundColorContent
(
pageMeta
.
backgroundColorContent
||
""
);
if
(
pageMeta
.
backgroundColorContent
)
{
updateBackgroundColorContent
(
parseTheme
({
backgroundColorContent
:
pageMeta
.
backgroundColorContent
}).
backgroundColorContent
);
}
}
onThemeChange
(
update
);
vue
.
watchEffect
(
update
);
}
function
usePageHeadTransparentBackgroundColor
(
backgroundColor
)
{
...
...
packages/uni-h5/dist-x/uni-h5.es.js
浏览文件 @
0f89a16a
...
...
@@ -24200,6 +24200,7 @@ const TabBar = /* @__PURE__ */ defineSystemComponent({
tabBar2.color = tabBarStyle.color;
tabBar2.selectedColor = tabBarStyle.selectedColor;
tabBar2.blurEffect = tabBarStyle.blurEffect;
tabBar2.midButton = tabBarStyle.midButton;
if (tabBarStyle.list && tabBarStyle.list.length) {
tabBarStyle.list.forEach((item, index2) => {
tabBar2.list[index2].iconPath = item.iconPath;
...
...
@@ -26835,8 +26836,13 @@ function updateBackgroundColorContent(backgroundColorContent) {
}
function useBackgroundColorContent(pageMeta) {
function update() {
updateBackgroundColorContent(pageMeta.backgroundColorContent || "");
if (pageMeta.backgroundColorContent) {
updateBackgroundColorContent(
parseTheme({ backgroundColorContent: pageMeta.backgroundColorContent }).backgroundColorContent
);
}
}
onThemeChange$2(update);
watchEffect(update);
onActivated(update);
}
...
...
packages/uni-h5/dist/uni-h5.cjs.js
浏览文件 @
0f89a16a
...
...
@@ -11618,6 +11618,7 @@ const TabBar = /* @__PURE__ */ defineSystemComponent({
tabBar2
.
color
=
tabBarStyle
.
color
;
tabBar2
.
selectedColor
=
tabBarStyle
.
selectedColor
;
tabBar2
.
blurEffect
=
tabBarStyle
.
blurEffect
;
tabBar2
.
midButton
=
tabBarStyle
.
midButton
;
if
(
tabBarStyle
.
list
&&
tabBarStyle
.
list
.
length
)
{
tabBarStyle
.
list
.
forEach
((
item
,
index2
)
=>
{
tabBar2
.
list
[
index2
].
iconPath
=
item
.
iconPath
;
...
...
packages/uni-h5/dist/uni-h5.es.js
浏览文件 @
0f89a16a
...
...
@@ -22418,6 +22418,7 @@ const TabBar = /* @__PURE__ */ defineSystemComponent({
tabBar2.color = tabBarStyle.color;
tabBar2.selectedColor = tabBarStyle.selectedColor;
tabBar2.blurEffect = tabBarStyle.blurEffect;
tabBar2.midButton = tabBarStyle.midButton;
if (tabBarStyle.list && tabBarStyle.list.length) {
tabBarStyle.list.forEach((item, index2) => {
tabBar2.list[index2].iconPath = item.iconPath;
...
...
packages/uni-uts-v1/src/encrypt.ts
浏览文件 @
0f89a16a
...
...
@@ -156,7 +156,7 @@ async function compileEncryptByUniHelpers(pluginDir: string) {
addInjectComponents
(
pkg
.
uni_modules
?.
artifacts
?.
components
||
[])
return
{
dir
:
outputPluginDir
,
code
:
''
,
code
:
'
export default {}
'
,
deps
:
[]
as
string
[],
encrypt
:
true
,
inject_apis
,
...
...
@@ -230,11 +230,16 @@ async function compileEncryptByUniHelpers(pluginDir: string) {
}
else
if
(
msg
)
{
console
.
error
(
msg
)
}
const
assets
=
path
.
resolve
(
cachePluginDir
,
'
assets
'
)
if
(
fs
.
existsSync
(
assets
))
{
fs
.
copySync
(
assets
,
path
.
resolve
(
outputDir
,
pluginRelativeDir
,
'
assets
'
))
}
}
return
{
dir
:
outputPluginDir
,
code
:
''
,
code
:
'
export default {}
'
,
deps
:
[]
as
string
[],
encrypt
:
true
,
inject_apis
:
[],
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录