WeChat アプレットのエレガントな検索ボックス
分類する:ミニプログラムのソースコード表示#ヒョウジ#:2316089ダウンロード:107
特徴

カスタムの人気キーをサポート
サポート検索履歴
検索候補のサポート
検索履歴(レコード)キャッシュの使用をサポート

*はじめに

// テンプレートの紹介
<インポート src="/wxSearch/wxSearch.wxml"/>
<template is="wxSearch" data="{{wxSearchData}}"/>
//wxssに導入
@import "/wxSearch/wxSearch.wxss";
*用途

//wxSearch 公開インターフェース

module.exports = {
init: 初期化、
initColor: initColors、
initMindKeys: initMindKeys、
wxSearchInput: wxSearchInput、
wxSearchFocus: wxSearchFocus、
wxSearchBlur: wxSearchBlur、
wxSearchKeyTap: wxSearchKeyTap、
wxSearchAddHisKey:wxSearchAddHisKey、
wxSearchDeleteKey:wxSearchDeleteKey、
wxSearchDeleteAll:wxSearchDeleteAll、
wxSearchHiddenPanel:wxSearchHiddenPanel
}

//初期化
onLoad: function () {
console.log('onLoad')
var that = これ
//初期化中に wxSearchdata をレンダリングします。2 番目は検索の高さです
WxSearch.init(that,43,['weappdev','小規模プログラム','wxParse','wxSearch','wxNotification']);
WxSearch.initMindKeys(['weappdev.com','WeChat ミニ プログラム開発','WeChat 開発','WeChat ミニ プログラム']);
},

wxSearchFn: 関数(e){
var that = これ
WxSearch.wxSearchAddHisKey(that);

},
wxSearchInput: function(e){
var that = これ
WxSearch.wxSearchInput(e,that);
},
wxSerchFocus: function(e){
var that = これ
WxSearch.wxSearchFocus(e,that);
},
wxSearchBlur: 関数(e){
var that = これ
WxSearch.wxSearchBlur(e,that);
},
wxSearchKeyTap:function(e){
var that = これ
WxSearch.wxSearchKeyTap(e,that);
},
wxSearchDeleteKey: function(e){
var that = これ
WxSearch.wxSearchDeleteKey(e,that);
},
wxSearchDeleteAll: function(e){
var that = this;
WxSearch.wxSearchDeleteAll(that);
},
wxSearchTap: 関数(e){
var that = これ
WxSearch.wxSearchHiddenPanel(あれ);
}

当サイトのすべてのリソースはネットユーザーが投稿したり、各ダウンロードステーションを転載したりしているので、ソフトウェアの完全性を自分でチェックしてください!当サイトのすべてのリソースは学習と参考のためだけに使用されます。ビジネス用途には使用しないでください。そうしないと、発生したすべての結果はあなた自身が負担します!権利侵害がある場合は、次の連絡先に連絡してください。admin@php.cn

最新のコース

続きを見る
  • [Web フロントエンド] Node.js クイック スタート
    [Web フロントエンド] Node.js クイック スタート
    このコースは初心者向けに特別に設計されており、学生が Node.js の基本知識とコア テクノロジを迅速に習得できるようにすることを目的としています。このコースは、Node.js のインストールと環境構成から始まり、徐々にその非同期プログラミング モデル、モジュール システム、イベント駆動メカニズムを詳しく分析します。豊富な実践事例を通じて、学生は Node.js を使用して効率的で安定した Web サーバーを構築し、HTTP リクエストと応答を処理し、ファイル操作とデータベース対話を実行する方法を学びます。さらに、このコースでは、フロントエンド開発における Node.js の典型的なアプリケーション シナリオも紹介し、学生が実践的な能力を迅速に向上させ、フロントエンド開発の課題に簡単に対処できるようにします。
  • 海外のWeb開発フルスタックコースの完全なコレクション
    海外のWeb開発フルスタックコースの完全なコレクション
    このコースは、HTML、CSS、JavaScript、Vue.js、React、Flutter、モバイル APP 開発をカバーする包括的なチュートリアルです。基本的な Web ページ制作から、フロントエンドとバックエンドの複雑な対話、モバイル アプリケーションの実践的な開発まで、コースは内容が豊富で非常に実践的です。一連の実践的なプロジェクトを通じて、さまざまな開発スキルを深く理解し習得し、フルスタック開発エンジニアとして早期に成長します。初心者も経験豊富な開発者も、その恩恵を受けることができます。このコースの学習を通じて、Web アプリケーションやモバイル アプリケーションを独自に開発する能力を身につけ、将来のキャリア開発のための強固な基盤を築きます。
  • Go言語実践GraphQL
    Go言語実践GraphQL
    このコースは、学習者が Go 言語を使用して GraphQL サービスを実装する方法を習得できるように設計されています。このコースでは、GraphQL の基礎知識から始まり、そのデータ クエリ言語の特性と利点を深く分析し、Go 言語の特性と組み合わせて、GraphQL サーバーの構築方法、リクエストの処理方法、データの定義方法を詳しく説明します。パターンなど豊富な実践事例を通じて、学習者は実際のプロジェクトに GraphQL を統合してデータ インタラクションの柔軟性と効率を向上させる方法を学びます。このコースは、Go 言語の一定の基礎を備えた開発者に適しており、効率的で最新の API を構築するために必須のコースです。
  • 550W ファンマスターが JavaScript をゼロから段階的に学習します
    550W ファンマスターが JavaScript をゼロから段階的に学習します
    このコースは初心者向けに特別に設計されており、Google の責任者が指導します。このコースは JavaScript の基礎知識から始まり、構文、関数、オブジェクト、イベント処理などをカバーして徐々に深めていきます。鮮やかな事例と実践的な演習を通じて、学生は JavaScript のコアスキルをすぐに習得できます。上司が直接学生の質問に答え、プログラミング体験を共有することで、学生はリラックスした楽しい雰囲気の中で JavaScript マスターに成長することができます。プログラミングの初心者であっても、スキルを向上させたい開発者であっても、このコースは JavaScript を学習するための最良の選択となるでしょう。
  • Python マスター Mosh、基礎知識ゼロの初心者でも 6 時間で始められる
    Python マスター Mosh、基礎知識ゼロの初心者でも 6 時間で始められる
    このコースでは、プログラミングの旅に出かけます。ゼロから始めるこの 6 時間のコースでは、Python の基礎と高度な概念について説明します。 あなたが初心者であっても、スキルを向上させたい経験豊富なプログラマーであっても、Mosh の詳細な説明と明確な指導方法により、Python をすぐに使いこなすことができます。変数、データ型、条件、ループ、関数、オブジェクト、モジュールについて詳しく学び、実践的な演習で理解を深めます。 このコースは、Python を学習し、さまざまなキャリア分野への準備を整えるのに最適です。 Mosh の専門知識と教育に対する情熱により、熟練した Python 開発者への道を自信を持って歩み始めることができます。