Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
genary
uni-app
提交
e48fcada
U
uni-app
项目概览
genary
/
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,发现更多精彩内容 >>
提交
e48fcada
编写于
7月 16, 2021
作者:
D
DCloud_LXH
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
feat(H5): H5导航栏搜索框增加清除按钮
上级
b7e19952
变更
2
展开全部
显示空白变更内容
内联
并排
Showing
2 changed file
with
86 addition
and
68 deletion
+86
-68
packages/uni-h5/dist/index.css
packages/uni-h5/dist/index.css
+1
-1
src/platforms/h5/components/page/pageHead.vue
src/platforms/h5/components/page/pageHead.vue
+85
-67
未找到文件。
packages/uni-h5/dist/index.css
浏览文件 @
e48fcada
此差异已折叠。
点击以展开。
src/platforms/h5/components/page/pageHead.vue
浏览文件 @
e48fcada
...
...
@@ -63,9 +63,9 @@
>
<div
:style=
"{color:searchInput.placeholderColor}"
:class=
"[`uni-page-head-search-placeholder-${focus ||
text
? 'left' : searchInput.align}`]"
:class=
"[`uni-page-head-search-placeholder-${focus ||
showPlaceholder
? 'left' : searchInput.align}`]"
class=
"uni-page-head-search-placeholder"
v-text=
"
text || composing ? '' : searchInput.placeholder"
v-text=
"
showPlaceholder || composing ? '' : searchInput.placeholder"
/>
<v-uni-input
ref=
"input"
...
...
@@ -80,6 +80,11 @@
@
blur=
"_blur"
@
update:value=
"_input"
/>
<i
v-if=
"text"
class=
"uni-icon-clear"
@
click=
"_clearInput"
>

</i>
</div>
<div
class=
"uni-page-head-ft"
>
<
template
v-for=
"(btn,index) in btns"
>
...
...
@@ -346,6 +351,11 @@
uni-page-head
.uni-page-head-shadow-yellow
::after
{
background-image
:
url("https://cdn.dcloud.net.cn/img/shadow-yellow.png")
;
}
uni-page-head
.uni-icon-clear
{
align-self
:
center
;
padding-right
:
5px
;
}
</
style
>
<
script
>
import
appendCss
from
'
uni-platform/helpers/append-css
'
...
...
@@ -441,7 +451,8 @@ export default {
return
{
focus
:
false
,
text
:
''
,
composing
:
false
composing
:
false
,
showPlaceholder
:
false
}
},
computed
:
{
...
...
@@ -496,6 +507,9 @@ export default {
input
.
$watch
(
'
composing
'
,
val
=>
{
this
.
composing
=
val
})
input
.
$watch
(
'
valueSync
'
,
val
=>
{
this
.
showPlaceholder
=
!!
val
})
if
(
this
.
searchInput
.
disabled
)
{
input
.
$el
.
addEventListener
(
'
click
'
,
()
=>
{
UniServiceJSBridge
.
emit
(
'
onNavigationBarSearchInputClicked
'
,
''
)
...
...
@@ -567,6 +581,10 @@ export default {
UniServiceJSBridge
.
emit
(
'
onNavigationBarSearchInputChanged
'
,
{
text
})
},
_clearInput
()
{
this
.
text
=
''
this
.
_input
(
this
.
text
)
}
}
}
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录