直播商城源码，配置首页搜索框

1.找到pages.json文件，配置搜索框

在pages配置项中，找到我们需要配置搜索框的页面位置，添加style配置项。示例代码如下：

<br>{<br>"path": "pages/index/index",<br>"style": {<br>"app-plus": {<br>"titleNView": {<br>"searchInput": {<br>"align": "left",<br>"backgroundColor": "#F6F7F8",<br>"borderRadius": "40px",<br>"disabled": true,<br>"placeholder": "默认提示文本",<br>"placeholderColor": "#959FA0"<br>},<br>"buttons": [{<br>"float": "right",<br>"text": "分类",<br>"fontSize": "14px",<br>"color": "#959FA0",<br>"colorPressed": "#333333" // 按下状态按钮颜色<br>}]<br>}<br>}<br>}<br>}

2.监听搜索框与按钮的点击事件

<script><br>export default {<br>data() {<br>return {<br>}<br>},<br>onLoad() {<br>},<br>// 监听原生搜索框的点击事件<br>onNavigationBarSearchInputClicked() {<br>console.log("在这里指定我们的跳转路径")<br>/* uni.navigateTo({<br>url: 'pages/search/search'<br>}); */<br>},<br>// 监听原生标题栏按钮的点击事件<br>onNavigationBarButtonTap() {<br>console.log("监听到了原生标题栏按钮的点击事件");<br>},<br>methods: {<br>}<br>}<br></script>

以上就是直播商城源码，配置首页搜索框，更多内容欢迎关注之后的文章