更新整理
This commit is contained in:
44
WebUITest/Html/index.html
Normal file
44
WebUITest/Html/index.html
Normal file
@@ -0,0 +1,44 @@
|
||||
<!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>
|
||||
Reference in New Issue
Block a user