Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
qianlong66
uni-app
提交
2bda7de6
U
uni-app
项目概览
qianlong66
/
uni-app
与 Fork 源项目一致
Fork自
DCloud / uni-app
通知
1
Star
1
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
U
uni-app
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
2bda7de6
编写于
8月 06, 2021
作者:
fxy060608
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
fix(h5): change svg icon color when navigation bar transparent
上级
eca4097c
变更
2
显示空白变更内容
内联
并排
Showing
2 changed file
with
18 addition
and
18 deletion
+18
-18
packages/uni-h5/dist/uni-h5.es.js
packages/uni-h5/dist/uni-h5.es.js
+8
-8
packages/uni-h5/src/framework/components/page/transparent.ts
packages/uni-h5/src/framework/components/page/transparent.ts
+10
-10
未找到文件。
packages/uni-h5/dist/uni-h5.es.js
浏览文件 @
2bda7de6
...
...
@@ -20565,7 +20565,7 @@ function usePageHeadTransparent(headRef, {
const offset = parseInt(coverage);
let titleElem;
let transparentElemStyle;
const iconElems
Style
s = [];
const iconElems
Path
s = [];
const borderRadiusElemsStyles = [];
const oldColors = [];
onMounted(() => {
...
...
@@ -20573,9 +20573,9 @@ function usePageHeadTransparent(headRef, {
transparentElemStyle = $el.style;
titleElem = $el.querySelector(".uni-page-head__title");
const borderRadiusElems = $el.querySelectorAll(".uni-page-head-btn");
const icon
Elems = $el.querySelectorAll(".uni-btn-icon
");
for (let i = 0; i < iconElems.length; i++) {
iconElems
Styles.push(iconElems[i].style
);
const icon
SvgElems = $el.querySelectorAll("svg path
");
for (let i = 0; i < icon
Svg
Elems.length; i++) {
iconElems
Paths.push(iconSvgElems[i]
);
}
for (let i = 0; i < borderRadiusElems.length; i++) {
const borderRadiusElem = borderRadiusElems[i];
...
...
@@ -20589,12 +20589,12 @@ function usePageHeadTransparent(headRef, {
return;
}
if (alpha > 0.5 && A <= 0.5) {
iconElems
Styles.forEach(function(iconElemStyle
) {
iconElem
Style.color = titleColor
;
iconElems
Paths.forEach(function(iconElemPath
) {
iconElem
Path.setAttribute("fill", titleColor)
;
});
} else if (alpha <= 0.5 && A > 0.5) {
iconElems
Styles.forEach(function(iconElemStyle
) {
iconElem
Style.color = "#fff"
;
iconElems
Paths.forEach(function(iconElemPath
) {
iconElem
Path.setAttribute("fill", "#fff")
;
});
}
A = alpha;
...
...
packages/uni-h5/src/framework/components/page/transparent.ts
浏览文件 @
2bda7de6
...
...
@@ -19,7 +19,7 @@ export function usePageHeadTransparent(
const
offset
=
parseInt
(
coverage
!
)
let
titleElem
:
HTMLDivElement
let
transparentElemStyle
:
CSSStyleDeclaration
const
iconElems
Styles
:
CSSStyleDeclaration
[]
=
[]
const
iconElems
Paths
:
SVGPathElement
[]
=
[]
const
borderRadiusElemsStyles
:
CSSStyleDeclaration
[]
=
[]
const
oldColors
:
string
[]
=
[]
onMounted
(()
=>
{
...
...
@@ -29,11 +29,11 @@ export function usePageHeadTransparent(
const
borderRadiusElems
=
$el
.
querySelectorAll
(
'
.uni-page-head-btn
'
)
as
NodeListOf
<
HTMLElement
>
const
iconElems
=
$el
.
querySelectorAll
(
'
.uni-btn-icon
'
)
as
NodeListOf
<
HTML
Element
>
for
(
let
i
=
0
;
i
<
iconElems
.
length
;
i
++
)
{
iconElems
Styles
.
push
(
iconElems
[
i
].
style
)
const
icon
Svg
Elems
=
$el
.
querySelectorAll
(
'
svg path
'
)
as
NodeListOf
<
SVGPath
Element
>
for
(
let
i
=
0
;
i
<
icon
Svg
Elems
.
length
;
i
++
)
{
iconElems
Paths
.
push
(
iconSvgElems
[
i
]
)
}
for
(
let
i
=
0
;
i
<
borderRadiusElems
.
length
;
i
++
)
{
const
borderRadiusElem
=
borderRadiusElems
[
i
]
...
...
@@ -47,12 +47,12 @@ export function usePageHeadTransparent(
return
}
if
(
alpha
>
0.5
&&
A
<=
0.5
)
{
iconElems
Styles
.
forEach
(
function
(
iconElemStyle
)
{
iconElem
Style
.
color
=
titleColor
!
iconElems
Paths
.
forEach
(
function
(
iconElemPath
)
{
iconElem
Path
.
setAttribute
(
'
fill
'
,
titleColor
!
)
})
}
else
if
(
alpha
<=
0.5
&&
A
>
0.5
)
{
iconElems
Styles
.
forEach
(
function
(
iconElemStyle
)
{
iconElem
Style
.
color
=
'
#fff
'
iconElems
Paths
.
forEach
(
function
(
iconElemPath
)
{
iconElem
Path
.
setAttribute
(
'
fill
'
,
'
#fff
'
)
})
}
A
=
alpha
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录