站长资源网络编程
uniapp 仿微信的右边下拉选择弹出框的实现代码
简介在百度找了很多 没有找到满意的 这里根据自己的需求 抽取一个组件这个组件主要是包括搜索框和右边菜单点击弹出一个下拉筛选菜单这里首先用一个单独的页面存放这个组件//这里是搜索框的输入框 不需要的可以删掉
在百度找了很多 没有找到满意的 这里根据自己的需求 抽取一个组件
这个组件主要是包括搜索框和右边菜单点击弹出一个下拉筛选菜单
这里首先用一个单独的页面存放这个组件
<template> //这里是搜索框的输入框 不需要的可以删掉 <view> <view class="arrivalSearch"> <view class="arrivalSmallsearch"> <view class="arrivalSearchInput"> <input type="text" :placeholder="dateinit"> </view> //这里是输入框旁边的图标（这里的图标是一张图片） <image src="/UploadFiles/2021-04-02/nav.png">然后在main.js中引入页面
import springBox from 'pages/springBox/springBox' Vue.component('springBox',springBox)最后直接在需要使用的页面使用组件就可以了
<springBox></springBox>