案例展示
（根据实际情况进行调整 ）
. {
: ;
: 0;
: 0;
: 100%;
: 100%;
-: (0, 0, 0, 0.5);
-: 99;
}
.{
: ;
: 100%;
: 100%;
-: 9999;
}
.{
: ;
: 100%;
: 0;
-: ;
-: #;
: 1 (168, 168, 168);
-: 20;
}
.{
: 240;
}
. {
-: 40;
-: ;
-: 200; /* 设置最大高度以触发垂直滚动条 */
: 100%;
-: ;
-: 35%;
: 0 ;
}
. {
: ;
-: 0.9;
-: ;
-: ;
: 0 30;
}
.- {
-: ;
-: 32;
: #888;
}
点击此处出弹框
" />
{{}}
({
:{
: ['20*30*40', '30*40*50', '47*34*80', '36*67*66'], //下拉列表
: , //是否显示弹出框
:"", //在搜索框里输入的内容
: , //列表处是否展示
: [], //通过方法对..数组进行过滤，筛选出与用户 输入的关键字匹配的项，并将结果存储在中。
:"" //点击后的赋值
},
//点击出弹框出遮罩层
(){
= ..;
.({
: !..,
: // 将列表数据赋值给
})
},
// 点击下拉列表事件触发了 (直接点击下拉列表进行取值赋值)
() {
=
= ...; // 通过...获取了用户 点击的下拉列表中的项的数据，
= //把点击的下拉列表中的项的数据赋值给并显 示到输入框中
.({
: ,
: !..,
});
.("点击的下拉列表中的项的数据赋值", );
},
//下拉列表框里面的值输入改变事件 （搜索后点击下拉列表进行取值赋值）
2() {
=
= ...(); //通过..获取用户在输入框中 输入的值，并将其转换为小写字母格式（()）。
.("在搜索框输入的值",);
= (); // 创建一个正则表达式，用于匹配用户输入的关 键字。 筛选匹配项时，使用的是变量
.("",);
= ...( => .([0].())); //通过方法对..数组进行过滤，筛选出与用户输入的关键字匹配的项，并将结果存储在中。
.("",);
.({ }); //使用方法将更新到页面数 据中，以便在界面上展示匹配的结果，并打印出匹配的结果。
.({
:
})
},
})
此文章为钉钉小程序 如果需要微信小程序只需要改成微信小程序语法即可
