75 lines
1.7 KiB
TypeScript
75 lines
1.7 KiB
TypeScript
// scss样式
|
|
// import styleText from "data-text:./content.scss"
|
|
import styleText from "data-text:antd/dist/antd.css"
|
|
|
|
import type {
|
|
PlasmoCSConfig,
|
|
PlasmoGetInlineAnchor,
|
|
PlasmoGetStyle
|
|
} from "plasmo"
|
|
|
|
export {}
|
|
import { Button, Space,message,Rate } from 'antd';
|
|
// import 'antd/dist/antd.css';
|
|
|
|
|
|
|
|
|
|
export const getStyle: PlasmoGetStyle = () => {
|
|
const style = document.createElement("style")
|
|
style.textContent = styleText
|
|
return style
|
|
}
|
|
|
|
export const config: PlasmoCSConfig = {
|
|
matches: ["<all_urls>"], //所有网页
|
|
// all_frames: true, //所有iframe
|
|
world: "MAIN" //所有windows
|
|
}
|
|
|
|
// 定位的内连root
|
|
export const getInlineAnchor: PlasmoGetInlineAnchor = async () =>
|
|
document.querySelector("#collect_left")
|
|
|
|
// javascript
|
|
console.log(
|
|
"You may find that having is 1not so pleasing a thing as wanting. This is not logical, but it is often true."
|
|
)
|
|
// window全局变量
|
|
// window.alert(window.location.href)
|
|
|
|
// 定义UI元素
|
|
|
|
const CustomButton = () => {
|
|
const [messageApi, contextHolder] = message.useMessage()
|
|
return (
|
|
<div className="content">
|
|
{contextHolder}
|
|
{/* <Rate allowHalf defaultValue={2.5} /> */}
|
|
<Button onClick={()=>{
|
|
|
|
messageApi.open({
|
|
type: 'success',
|
|
content: 'This is a success message',
|
|
});
|
|
|
|
}} type="primary">Primary Button</Button>
|
|
<button
|
|
onClick={() => {
|
|
console.log("click")
|
|
fetch("https://yapice.smallzhiyuns.com/mock/10/test")
|
|
.then((data) => {
|
|
return data.json()
|
|
})
|
|
.then((res) => {
|
|
console.log(`res`, res)
|
|
})
|
|
}}>
|
|
Custom button
|
|
</button>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default CustomButton
|