searchUI-微信小程序 搜索插件

news/2024/7/20 3:30:31 标签: 搜索, search, 小程序, 搜索组件, 搜索插件

searchui">searchUI

特性

  • 不吹不黑-我们的界面UI还是蛮漂亮的
  • 支持搜索历史
  • 支持搜索历史(记录)缓存
  • 支持热门搜索
  • 支持删除搜索记录、清空搜索记录

效果

输入状态效果
全部展开效果

使用

search放入项目中">1.将component下的wxSearch放入项目中

search的方法">2.引入wxSearch的方法

```js
    import * as wxSearch from '../../component/wxSearch/wxSearch';

    onLoad: function (options) {
        //初始渲染-读取storage的历史记录
        wxSearch.init(this)
    }
```

search的模板文件">3.引入wxSearch的模板文件

```js
    <import src="/component/wxSearch/wxSearch"></import>

    <template is="wxSearch" data="{{...tabData}}"></template>
```

search的样式文件">4.引入wxSearch的样式文件

```css
    @import '../../component/wxSearch/wxSearch'
```

说明

  • 使用WXML提供的template,来做组件的封装
  • 不定期更新,围绕易用性和可扩展性提升优化
  • 喜欢请start,您的支持就是我的动力…

  • 项目地址: https://github.com/mrzhang90/searchUI


http://www.niftyadmin.cn/n/887713.html

相关文章

mac下mysql安装、卸载、基本操作

执行mysql报错 mac下运行mysql报错 ERROR 1045 (28000): Access denied for user zhanglocalhost (using password: NO) 解决很简单&#xff0c;执行命令sudo mysql即可 或者执行命令&#xff0c;mysql -u root 再解决不了&#xff0c;我就不知道了啊&#xff0c;你可…

video视频组件-视频切换播放_全屏-微信小程序

videoUI videoUI 视频切换播放和全屏播放 微信小程序 解决痛点&#xff1a; 解决了viode自动下载的bug 加快页面加载速度&#xff0c;为用户节省流量视频切换播放 解决视频缓存中卡住的问题 腾讯给出的方案是&#xff1a; custom-cache”{{false}}”视频全屏播放 解决i…

vue-audio组件,支持拖拽

<template> <div style"margin:100px;"><!-- 此处的ref属性&#xff0c;可以很方便的在vue组件中通过 this.$refs.audio获取该dom元素 --><audio ref"audio" pause"onPause" play"onPlay" timeupdate"onTim…

我知道的ajax和跨域

request payload 、form data 、Query String Parameters的区别 Request Payload 当发起post提交&#xff0c;参数为string、array、object&#xff0c;content-type默认为text/plain(普通文本)Form Data 当发起post提交&#xff0c;且参数是formData类型&#xff0c;若未指定…

学习方法

管控好多巴胺水平 当一个打游戏正沉迷的时候(多巴胺旺盛期)&#xff0c;是很难让他马上投入学习(多巴胺低水平)&#xff0c;但如果学习是为了追求女神呢&#xff0c;那多巴胺是可以迅速提升&#xff0c;所以让多巴胺从高到低是很困难&#xff0c;给自己一个提高多巴胺的方向&a…

联调中通wincall平台-踩坑指南

开发踩坑指南 初始化阶段new CTIPlus({token: user.token, //tokenagentPhone: user.phone, //坐席工号或者手机号agNo: user.agNo //坐席工号renderHtml: PHONE_BAR //必填&#xff0c;虽然官方说非必填&#xff0c;不想用可以隐藏DOM})外呼阶段CTI.init(() > {//这里…

vite 避坑笔记

vite启动失败&#xff1a; 错误描述&#xff1a; [plugin:vite:import-analysis] Failed to parse source for import analysis because the content contains invalid JS syntax. Install vitejs/plugin-vue to handle .vue files. 解决方案&#xff1a; // vite.config.js …

电容或电感的电压_阻碍电流流通的“双子星”,电容与电感

电阻阻碍电流在回路中的流通情况是显而易见的&#xff0c;但是&#xff0c;一旦物体成为超导体后&#xff0c;其电阻率就为零&#xff0c;此时的电阻也为零&#xff0c;因此&#xff0c;在某种情况下&#xff0c;物体的电阻是可以消除掉的。但是&#xff0c;在回路中的电流&…