@antmjs/vantui
Version:
一套适用于Taro3及React的vantui组件库
50 lines (49 loc) • 1.51 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = Demo;
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
var _react = require("react");
var _components = require("@tarojs/components");
var _vantui = require("@antmjs/vantui");
var _options = require("./options");
var _jsxRuntime = require("react/jsx-runtime");
function Demo() {
var _useState = (0, _react.useState)([]),
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
value = _useState2[0],
setValue = _useState2[1];
var onChange = function onChange(e) {
setValue(e.detail);
};
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.View, {
style: {
display: 'flex'
},
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.CheckList, {
value: value,
onChange: onChange,
limit: 5,
labelName: "label",
placeholder: "\u8FD0\u8425\u516C\u53F8",
data: _options.options,
placeholderColor: "#333",
showArrowDown: true
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.CheckList, {
bodyHeight: "max-content",
placeholder: "\u72B6\u6001",
style: {
marginLeft: 12
},
limit: 1,
labelName: "label",
data: _options.statusArr,
placeholderColor: "#333",
showArrowRight: true,
searchShow: false,
allowClear: false
})]
});
}