149 lines
4.4 KiB
JavaScript
149 lines
4.4 KiB
JavaScript
"use strict";
|
||
const common_vendor = require("../../../common/vendor.js");
|
||
const _sfc_main = {
|
||
data() {
|
||
return {
|
||
searchValue: "123123"
|
||
};
|
||
},
|
||
methods: {
|
||
search(res) {
|
||
common_vendor.index.showToast({
|
||
title: "搜索：" + res.value,
|
||
icon: "none"
|
||
});
|
||
},
|
||
input(res) {
|
||
console.log("----input:", res);
|
||
},
|
||
clear(res) {
|
||
common_vendor.index.showToast({
|
||
title: "clear事件，清除值为：" + res.value,
|
||
icon: "none"
|
||
});
|
||
},
|
||
blur(res) {
|
||
common_vendor.index.showToast({
|
||
title: "blur事件，输入值为：" + res.value,
|
||
icon: "none"
|
||
});
|
||
},
|
||
focus(e) {
|
||
common_vendor.index.showToast({
|
||
title: "focus事件，输出值为：" + e.value,
|
||
icon: "none"
|
||
});
|
||
},
|
||
cancel(res) {
|
||
common_vendor.index.showToast({
|
||
title: "点击取消，输入值为：" + res.value,
|
||
icon: "none"
|
||
});
|
||
}
|
||
},
|
||
onBackPress() {
|
||
}
|
||
};
|
||
if (!Array) {
|
||
const _easycom_uni_card2 = common_vendor.resolveComponent("uni-card");
|
||
const _easycom_uni_search_bar2 = common_vendor.resolveComponent("uni-search-bar");
|
||
const _easycom_uni_section2 = common_vendor.resolveComponent("uni-section");
|
||
const _easycom_uni_icons2 = common_vendor.resolveComponent("uni-icons");
|
||
(_easycom_uni_card2 + _easycom_uni_search_bar2 + _easycom_uni_section2 + _easycom_uni_icons2)();
|
||
}
|
||
const _easycom_uni_card = () => "../../../uni_modules/uni-card/components/uni-card/uni-card.js";
|
||
const _easycom_uni_search_bar = () => "../../../uni_modules/uni-search-bar/components/uni-search-bar/uni-search-bar.js";
|
||
const _easycom_uni_section = () => "../../../uni_modules/uni-section/components/uni-section/uni-section.js";
|
||
const _easycom_uni_icons = () => "../../../uni_modules/uni-icons/components/uni-icons/uni-icons.js";
|
||
if (!Math) {
|
||
(_easycom_uni_card + _easycom_uni_search_bar + _easycom_uni_section + _easycom_uni_icons)();
|
||
}
|
||
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
||
return {
|
||
a: common_vendor.p({
|
||
["is-shadow"]: false,
|
||
["is-full"]: true
|
||
}),
|
||
b: common_vendor.o($options.search),
|
||
c: common_vendor.o($options.blur),
|
||
d: common_vendor.o($options.focus),
|
||
e: common_vendor.o($options.input),
|
||
f: common_vendor.o($options.cancel),
|
||
g: common_vendor.o($options.clear),
|
||
h: common_vendor.o(($event) => $data.searchValue = $event),
|
||
i: common_vendor.p({
|
||
focus: true,
|
||
modelValue: $data.searchValue
|
||
}),
|
||
j: common_vendor.t($data.searchValue),
|
||
k: common_vendor.p({
|
||
title: "基本用法",
|
||
type: "line"
|
||
}),
|
||
l: common_vendor.o($options.search),
|
||
m: common_vendor.p({
|
||
placeholder: "自定义背景色",
|
||
bgColor: "#EEEEEE"
|
||
}),
|
||
n: common_vendor.p({
|
||
title: "自定义样式",
|
||
subTitle: "使用 bgColor 属性自定义背景色",
|
||
type: "line"
|
||
}),
|
||
o: common_vendor.o($options.search),
|
||
p: common_vendor.p({
|
||
readonly: true,
|
||
placeholder: "自定义背景色"
|
||
}),
|
||
q: common_vendor.p({
|
||
title: "只读样式",
|
||
subTitle: "使用 readonly 使搜索框只读",
|
||
type: "line"
|
||
}),
|
||
r: common_vendor.p({
|
||
color: "#999999",
|
||
size: "18",
|
||
type: "home"
|
||
}),
|
||
s: common_vendor.o($options.search),
|
||
t: common_vendor.o($options.cancel),
|
||
v: common_vendor.p({
|
||
placeholder: "自定义searchIcon",
|
||
["cancel-text"]: "cancel"
|
||
}),
|
||
w: common_vendor.p({
|
||
title: "自定义icon",
|
||
type: "line"
|
||
}),
|
||
x: common_vendor.o($options.search),
|
||
y: common_vendor.o($options.cancel),
|
||
z: common_vendor.p({
|
||
radius: "5",
|
||
placeholder: "一直显示",
|
||
clearButton: "always",
|
||
cancelButton: "always"
|
||
}),
|
||
A: common_vendor.o($options.search),
|
||
B: common_vendor.p({
|
||
radius: "5",
|
||
placeholder: "自动显示隐藏",
|
||
clearButton: "auto",
|
||
cancelButton: "none"
|
||
}),
|
||
C: common_vendor.o($options.search),
|
||
D: common_vendor.p({
|
||
radius: "100",
|
||
placeholder: "一直不显示",
|
||
clearButton: "none",
|
||
cancelButton: "none"
|
||
}),
|
||
E: common_vendor.p({
|
||
title: "控制清除/取消按钮",
|
||
subTitle: "使用 clearButton 属性设置清除按钮",
|
||
type: "line"
|
||
})
|
||
};
|
||
}
|
||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "E:/xianyu/app/greenPro/pages/extUI/search-bar/search-bar.vue"]]);
|
||
wx.createPage(MiniProgramPage);
|