Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
anyefeiyu
uni-app
提交
ab8325ce
U
uni-app
项目概览
anyefeiyu
/
uni-app
与 Fork 源项目一致
Fork自
DCloud / uni-app
通知
1
Star
1
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
1
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
U
uni-app
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
1
Issue
1
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
ab8325ce
编写于
3月 13, 2020
作者:
Q
qiang
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
fix: 修复 H5 navigationBarShadow 配置不生效的问题 fixed #607
上级
f3a52261
变更
2
显示空白变更内容
内联
并排
Showing
2 changed file
with
97 addition
and
32 deletion
+97
-32
src/platforms/h5/components/page/index.vue
src/platforms/h5/components/page/index.vue
+27
-18
src/platforms/h5/components/page/pageHead.vue
src/platforms/h5/components/page/pageHead.vue
+70
-14
未找到文件。
src/platforms/h5/components/page/index.vue
浏览文件 @
ab8325ce
...
...
@@ -7,13 +7,15 @@
v-if=
"enablePullDownRefresh"
ref=
"refresh"
:color=
"refreshOptions.color"
:offset=
"refreshOptions.offset"
/>
:offset=
"refreshOptions.offset"
/>
<page-body
v-if=
"enablePullDownRefresh"
@
touchstart.native=
"_touchstart"
@
touchmove.native=
"_touchmove"
@
touchend.native=
"_touchend"
@
touchcancel.native=
"_touchend"
>
@
touchcancel.native=
"_touchend"
>
<slot
name=
"page"
/>
</page-body>
<page-body
v-else
>
...
...
@@ -22,11 +24,11 @@
</uni-page>
</
template
>
<
style
>
uni-page
{
uni-page
{
display
:
block
;
width
:
100%
;
height
:
100%
;
}
}
</
style
>
<
script
>
import
{
...
...
@@ -146,6 +148,12 @@ export default {
titlePenetrate
:
{
type
:
String
,
default
:
'
NO
'
},
navigationBarShadow
:
{
type
:
Object
,
default
()
{
return
{}
}
}
},
data
()
{
...
...
@@ -180,6 +188,7 @@ export default {
timingFunc
:
''
,
titlePenetrate
:
yesNoParseList
[
this
.
titlePenetrate
]
},
titleNView
)
navigationBar
.
shadow
=
this
.
navigationBarShadow
const
refreshOptions
=
Object
.
assign
({
support
:
true
,
...
...
src/platforms/h5/components/page/pageHead.vue
浏览文件 @
ab8325ce
...
...
@@ -2,7 +2,7 @@
<uni-page-head
:uni-page-head-type=
"type"
>
<div
:style=
"
{transitionDuration:duration,transitionTimingFunction:timingFunc,backgroundColor:bgColor,color:textColor}"
:class="
{'uni-page-head-transparent':type==='transparent','uni-page-head-titlePenetrate': titlePenetrate}
"
:class="
headClass
"
class="uni-page-head"
>
<div
class=
"uni-page-head-hd"
>
...
...
@@ -302,6 +302,44 @@ uni-page-head .uni-page-head__title .uni-page-head__title_image {
height
:
26px
;
vertical-align
:
middle
;
}
uni-page-head
.uni-page-head-shadow
{
overflow
:
visible
;
}
uni-page-head
.uni-page-head-shadow
::after
{
content
:
""
;
position
:
absolute
;
left
:
0
;
right
:
0
;
top
:
100%
;
height
:
5px
;
background-size
:
100%
100%
;
}
uni-page-head
.uni-page-head-shadow-grey
::after
{
background-image
:
url("https://cdn.dcloud.net.cn/img/shadow-grey.png")
;
}
uni-page-head
.uni-page-head-shadow-blue
::after
{
background-image
:
url("https://cdn.dcloud.net.cn/img/shadow-blue.png")
;
}
uni-page-head
.uni-page-head-shadow-green
::after
{
background-image
:
url("https://cdn.dcloud.net.cn/img/shadow-green.png")
;
}
uni-page-head
.uni-page-head-shadow-orange
::after
{
background-image
:
url("https://cdn.dcloud.net.cn/img/shadow-orange.png")
;
}
uni-page-head
.uni-page-head-shadow-red
::after
{
background-image
:
url("https://cdn.dcloud.net.cn/img/shadow-red.png")
;
}
uni-page-head
.uni-page-head-shadow-yellow
::after
{
background-image
:
url("https://cdn.dcloud.net.cn/img/shadow-yellow.png")
;
}
</
style
>
<
script
>
import
appendCss
from
'
uni-platform/helpers/append-css
'
...
...
@@ -385,6 +423,12 @@ export default {
titlePenetrate
:
{
type
:
Boolean
,
default
:
false
},
shadow
:
{
type
:
Object
,
default
()
{
return
{}
}
}
},
data
()
{
...
...
@@ -425,6 +469,18 @@ export default {
})
}
return
btns
},
headClass
()
{
const
shadowColorType
=
this
.
shadow
.
colorType
const
data
=
{
'
uni-page-head-transparent
'
:
this
.
type
===
'
transparent
'
,
'
uni-page-head-titlePenetrate
'
:
this
.
titlePenetrate
,
'
uni-page-head-shadow
'
:
shadowColorType
}
if
(
shadowColorType
)
{
data
[
`uni-page-head-shadow-
${
shadowColorType
}
`
]
=
shadowColorType
}
return
data
}
},
mounted
()
{
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录