45 lines
1.6 KiB
HTML
45 lines
1.6 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html lang="zh-CN">
|
|||
|
|
<head>
|
|||
|
|
<meta charset="UTF-8" />
|
|||
|
|
<title>AntD + React</title>
|
|||
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/antd@4.21.0/dist/antd.min.css" />
|
|||
|
|
<!--<script src="https://cdn.jsdelivr.net/npm/react@17/umd/react.development.js"></script>
|
|||
|
|
<script src="https://cdn.jsdelivr.net/npm/react-dom@17/umd/react-dom.development.js"></script>-->
|
|||
|
|
<script src="https://cdn.jsdelivr.net/npm/antd@4.21.0/dist/antd.min.js"></script>
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
<div id="root"></div>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
const { Button, Input } = antd;
|
|||
|
|
|
|||
|
|
const App = () => {
|
|||
|
|
const [value, setValue] = React.useState("");
|
|||
|
|
return React.createElement("div", { style: { padding: 20 } }, [
|
|||
|
|
React.createElement(Input, {
|
|||
|
|
key: "input",
|
|||
|
|
value,
|
|||
|
|
placeholder: "输入墙标记",
|
|||
|
|
onChange: e => setValue(e.target.value),
|
|||
|
|
style: { marginBottom: 10 }
|
|||
|
|
}),
|
|||
|
|
React.createElement(Button, {
|
|||
|
|
key: "btn",
|
|||
|
|
type: "primary",
|
|||
|
|
onClick: () => {
|
|||
|
|
if (value) {
|
|||
|
|
window.chrome?.webview?.postMessage({ newTag: value });
|
|||
|
|
} else {
|
|||
|
|
alert("请输入内容");
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}, "提交")
|
|||
|
|
]);
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
ReactDOM.render(React.createElement(App), document.getElementById("root"));
|
|||
|
|
</script>
|
|||
|
|
</body>
|
|||
|
|
</html>
|