110 lines
3.3 KiB
JavaScript
110 lines
3.3 KiB
JavaScript
|
"use strict";
|
||
|
|
const common_vendor = require("../../../common/vendor.js");
|
||
|
|
const _sfc_main = {
|
||
|
|
components: {},
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
items: ["选项卡1", "选项卡2", "选项卡3"],
|
||
|
|
styles: [
|
||
|
|
{
|
||
|
|
value: "button",
|
||
|
|
text: "按钮",
|
||
|
|
checked: true
|
||
|
|
},
|
||
|
|
{
|
||
|
|
value: "text",
|
||
|
|
text: "文字"
|
||
|
|
}
|
||
|
|
],
|
||
|
|
colors: ["#007aff", "#4cd964", "#dd524d"],
|
||
|
|
current: 0,
|
||
|
|
colorIndex: 0,
|
||
|
|
activeColor: "#007aff",
|
||
|
|
styleType: "button"
|
||
|
|
};
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
onClickItem(e) {
|
||
|
|
if (this.current !== e.currentIndex) {
|
||
|
|
this.current = e.currentIndex;
|
||
|
|
}
|
||
|
|
},
|
||
|
|
styleChange(e) {
|
||
|
|
if (this.styleType !== e.detail.value) {
|
||
|
|
this.styleType = e.detail.value;
|
||
|
|
}
|
||
|
|
},
|
||
|
|
colorChange(e) {
|
||
|
|
if (this.styleType !== e.detail.value) {
|
||
|
|
console.log(e.detail.value);
|
||
|
|
this.activeColor = e.detail.value;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
if (!Array) {
|
||
|
|
const _easycom_uni_card2 = common_vendor.resolveComponent("uni-card");
|
||
|
|
const _easycom_uni_segmented_control2 = common_vendor.resolveComponent("uni-segmented-control");
|
||
|
|
const _easycom_uni_section2 = common_vendor.resolveComponent("uni-section");
|
||
|
|
(_easycom_uni_card2 + _easycom_uni_segmented_control2 + _easycom_uni_section2)();
|
||
|
|
}
|
||
|
|
const _easycom_uni_card = () => "../../../uni_modules/uni-card/components/uni-card/uni-card.js";
|
||
|
|
const _easycom_uni_segmented_control = () => "../../../uni_modules/uni-segmented-control/components/uni-segmented-control/uni-segmented-control.js";
|
||
|
|
const _easycom_uni_section = () => "../../../uni_modules/uni-section/components/uni-section/uni-section.js";
|
||
|
|
if (!Math) {
|
||
|
|
(_easycom_uni_card + _easycom_uni_segmented_control + _easycom_uni_section)();
|
||
|
|
}
|
||
|
|
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
||
|
|
return common_vendor.e({
|
||
|
|
a: common_vendor.p({
|
||
|
|
["is-shadow"]: false,
|
||
|
|
["is-full"]: true
|
||
|
|
}),
|
||
|
|
b: common_vendor.o($options.onClickItem),
|
||
|
|
c: common_vendor.p({
|
||
|
|
current: $data.current,
|
||
|
|
values: $data.items,
|
||
|
|
["style-type"]: $data.styleType,
|
||
|
|
["active-color"]: $data.activeColor
|
||
|
|
}),
|
||
|
|
d: $data.current === 0
|
||
|
|
}, $data.current === 0 ? {} : {}, {
|
||
|
|
e: $data.current === 1
|
||
|
|
}, $data.current === 1 ? {} : {}, {
|
||
|
|
f: $data.current === 2
|
||
|
|
}, $data.current === 2 ? {} : {}, {
|
||
|
|
g: common_vendor.p({
|
||
|
|
title: "实心标签",
|
||
|
|
type: "line"
|
||
|
|
}),
|
||
|
|
h: common_vendor.p({
|
||
|
|
title: "Style",
|
||
|
|
type: "line"
|
||
|
|
}),
|
||
|
|
i: common_vendor.f($data.styles, (item, index, i0) => {
|
||
|
|
return {
|
||
|
|
a: common_vendor.t(item.text),
|
||
|
|
b: item.value,
|
||
|
|
c: item.checked,
|
||
|
|
d: index
|
||
|
|
};
|
||
|
|
}),
|
||
|
|
j: common_vendor.o((...args) => $options.styleChange && $options.styleChange(...args)),
|
||
|
|
k: common_vendor.p({
|
||
|
|
title: "Color",
|
||
|
|
type: "line"
|
||
|
|
}),
|
||
|
|
l: common_vendor.f($data.colors, (item, index, i0) => {
|
||
|
|
return {
|
||
|
|
a: item,
|
||
|
|
b: item,
|
||
|
|
c: index === $data.colorIndex,
|
||
|
|
d: index
|
||
|
|
};
|
||
|
|
}),
|
||
|
|
m: common_vendor.o((...args) => $options.colorChange && $options.colorChange(...args))
|
||
|
|
});
|
||
|
|
}
|
||
|
|
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "E:/xianyu/app/greenPro/pages/extUI/segmented-control/segmented-control.vue"]]);
|
||
|
|
wx.createPage(MiniProgramPage);
|