首页 网站源码 小程序源码 微信小程序优雅的搜索框

微信小程序优雅的搜索框

特性

 支持自定义热门key
 支持搜索历史
 支持搜索建议
 支持搜索历史(记录)缓存使用

* 引入

// 模版引入
<import src="/wxSearch/wxSearch.wxml"/>
<template is="wxSearch" data="{{wxSearchData}}"/>
// wxss中引入
@import "/wxSearch/wxSearch.wxss";
* 使用

//wxSearch 暴漏的接口

module.exports = {
    init: init,
    initColor: initColors,
    initMindKeys: initMindKeys,
    wxSearchInput: wxSearchInput,
    wxSearchFocus: wxSearchFocus,
    wxSearchBlur: wxSearchBlur,
    wxSearchKeyTap: wxSearchKeyTap,
    wxSearchAddHisKey:wxSearchAddHisKey,
    wxSearchDeleteKey:wxSearchDeleteKey,
    wxSearchDeleteAll:wxSearchDeleteAll,
    wxSearchHiddenPancel:wxSearchHiddenPancel
}

//初始化
onLoad: function () {
    console.log('onLoad')
    var that = this
    //初始化的时候渲染wxSearchdata 第二个为你的search高度
    WxSearch.init(that,43,['weappdev','小程序','wxParse','wxSearch','wxNotification']);
    WxSearch.initMindKeys(['weappdev.com','微信小程序开发','微信开发','微信小程序']);
},

wxSearchFn: function(e){
    var that = this
    WxSearch.wxSearchAddHisKey(that);
    
  },
  wxSearchInput: function(e){
    var that = this
    WxSearch.wxSearchInput(e,that);
  },
  wxSerchFocus: function(e){
    var that = this
    WxSearch.wxSearchFocus(e,that);
  },
  wxSearchBlur: function(e){
    var that = this
    WxSearch.wxSearchBlur(e,that);
  },
  wxSearchKeyTap:function(e){
    var that = this
    WxSearch.wxSearchKeyTap(e,that);
  },
  wxSearchDeleteKey: function(e){
    var that = this
    WxSearch.wxSearchDeleteKey(e,that);
  },
  wxSearchDeleteAll: function(e){
    var that = this;
    WxSearch.wxSearchDeleteAll(that);
  },
  wxSearchTap: function(e){
    var that = this
    WxSearch.wxSearchHiddenPancel(that);
  }
免责声明

本站所有资源均由网友贡献或各大下载网站转载。请自行检查软件的完整性!本站所有资源仅供学习参考。请不要将它们用于商业目的。否则,一切后果由您负责!如有侵权,请联系我们删除。联系方式:admin@php.cn

相关文章

微信小程序实例:自定义对话框的代码实现 微信小程序实例:自定义对话框的代码实现

21 Aug 2018

本篇文章给大家带来的内容是关于微信小程序实例:自定义对话框的代码实现,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。​

做一个小程序ppt放什么内容 做一个小程序ppt放什么内容

16 Mar 2020

小程序是一种不需要下载安装即可使用的应用,做一个小程序ppt中放的内容有:1、小程序来源;2、小程序流量;3、如何运营;4、如何开发;5、小程序未来趋势。

用c语言编写的程序被称为 用c语言编写的程序被称为

22 Oct 2019

用c语言编写的程序被称为源程序或者叫源代码、源文件。源程序是指未编译的,按照一定的程序设计语言规范书写的文本文件。

微信小程序可用什么工具开发 微信小程序可用什么工具开发

08 Feb 2022

微信小程序可用的开发工具:1、“即速应用”,是一个无需代码一键生成的微信小程序开发工具;2、“Coolsite360”,一款微信小程序可视化设计工具;3、“知晓云”;4、微信官方小程序开发工具。

如何从 .NET EXE 文件中恢复丢失的 C# 源代码? 如何从 .NET EXE 文件中恢复丢失的 C# 源代码?

17 Jan 2025

从 .NET EXE 生成 C# 源代码当 C# 应用程序的源代码丢失时,从 EXE 文件生成代码可能至关重要......

如何在WPF应用程序中有效地管理和访问图像作为嵌入式资源? 如何在WPF应用程序中有效地管理和访问图像作为嵌入式资源?

24 Jan 2025

利用 WPFS 中的程序集资源进行图像管理将小图像和图标存储为程序集中的嵌入资源是一种有效的...

我可以从编译的 .NET EXE 中恢复我的 C# 源代码吗? 我可以从编译的 .NET EXE 中恢复我的 C# 源代码吗?

17 Jan 2025

将 .NET EXE 反编译为 C# 源代码您发现自己陷入了困境,您不再拥有 C# 应用程序的源代码...

为什么 Windows 10 中的简单 C 程序会产生多个线程? 为什么 Windows 10 中的简单 C 程序会产生多个线程?

28 Oct 2024

Windows 10 C 程序中出现多线程:揭示源代码在 Visual Studio 2015 中,一个简单的 C 程序最初包含一个...

如何从 JSON 数据生成 Java 源代码? 如何从 JSON 数据生成 Java 源代码?

19 Nov 2024

从 JSON 生成 Java 源代码:探索解决方案从 JSON 文件生成 Java 源代码是各种应用程序的常见任务......

See all articles See all articles

Hot Tools

微信小程序demo:仿商城

微信小程序demo:仿商城

微信小程序demo:仿商城,上手简单,对商城的一些基本的功能有很好的涉及

外卖:实现类似锚点功能

外卖:实现类似锚点功能

正是大家需要的类似锚点功能,另外也实现了一些外卖app的典型点菜功能,推荐学习研究;

微信小程序demo:乐助

微信小程序demo:乐助

微信小程序demo:乐助:类似基于地理位置的到位;助人应用,与张小龙的小程序精神有点相似。

微信小程序游戏类demo挑选不同色块

微信小程序游戏类demo挑选不同色块

微信小程序游戏类demo挑选不同色块

微信小程序demo:轮播图变换

微信小程序demo:轮播图变换

轮播图样式变换,简单的一个用小程序实现的轮播图,写法容易