@suyouwanggang/p-ui
Version:
`p-ui`是一套使用原生`Web Components`规范开发的跨框架UI组件库,基于`lit-elment`库开发。 [github项目地址](https://github.com/suyouwanggang/p-ui)
69 lines (58 loc) • 2.21 kB
HTML
<html lang="zh">
<head>
<script
src="build/index.js"
>
</script>
<meta name="description" content="start-lit-element">
<meta name="theme-color" content="#ffffff">
<title>start-lit-element</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta charset="UTF-8">
<style>
p-input{
margin:4px;
}
</style>
</head>
<body>
<p-pop id='popObj' style='margin-top:100px;margin-left:300px;' type='confirm' tipTitle='tips'
tipContent='bundles index.ts → build\index.js, docs\build\index.js...
created build\index.js, docs\build\index.js in 1.4s' >
<p-tips dir='topleft' tips='wanggang'><p-icon name='search' ></p-icon></p-tips>
<p-pop-content tipTitle='注意' type='confirm'>
<p>bundles index.ts → build\index.js,</p>
<p>bundles index.ts → build\index.js,</p>
<p>bundles index.ts → build\index.js,</p>
<p>bundles index.ts → build\index.js,</p>
<p>bundles index.ts → build\index.js,</p>
<p>bundles index.ts → build\index.js,</p>
<p>bundles index.ts → build\index.js,</p>
<p>bundles index.ts → build\index.js,</p>
<p>docs\build\index.js...
created build\index.js,</p>
</p-pop-content>
</p-pop>
<style>
#popObj p-pop-content::part(popBody){
color:red;
width:auto;
}
p-pop-content::part(popTitle){
color:red;
}
</style>
<p-pop id='popObj2' style='margin-top:100px;margin-left:300px;' tipTitle='tips' >
<p-tips dir='topleft' tips='wanggang'><p-icon name='search' ></p-icon></p-tips>
<p-pop-content tipTitle='注意' type='confirm'>
<p>bundles index.ts → build\index.js,</p>
<p>docs\build\index.js...
created build\index.js,</p>
</p-pop-content>
</p-pop>
<script >
var pop=document.getElementById('popObj');
</script>
</body>