mirror of
https://github.com/idrawjs/idraw
synced 2026-05-24 01:58:27 +00:00
50 lines
5.8 KiB
TypeScript
50 lines
5.8 KiB
TypeScript
export const imageBase64 = `data:image/png;base64,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`;
|
|
|
|
export const svg = `<svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="200" height="200"><path d="M336 421m-48 0a48 48 0 1 0 96 0 48 48 0 1 0-96 0Z" fill="#1296db"></path><path d="M688 421m-48 0a48 48 0 1 0 96 0 48 48 0 1 0-96 0Z" fill="#1296db"></path><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64z m263 711c-34.2 34.2-74 61-118.3 79.8C611 874.2 562.3 884 512 884c-50.3 0-99-9.8-144.8-29.2-44.3-18.7-84.1-45.6-118.3-79.8-34.2-34.2-61-74-79.8-118.3C149.8 611 140 562.3 140 512s9.8-99 29.2-144.8c18.7-44.3 45.6-84.1 79.8-118.3 34.2-34.2 74-61 118.3-79.8C413 149.8 461.7 140 512 140c50.3 0 99 9.8 144.8 29.2 44.3 18.7 84.1 45.6 118.3 79.8 34.2 34.2 61 74 79.8 118.3C874.2 413 884 461.7 884 512s-9.8 99-29.2 144.8c-18.7 44.3-45.6 84.1-79.8 118.2z" fill="#1296db"></path><path d="M664 533h-48.1c-4.2 0-7.8 3.2-8.1 7.4C604 589.9 562.5 629 512 629s-92.1-39.1-95.8-88.6c-0.3-4.2-3.9-7.4-8.1-7.4H360c-4.6 0-8.2 3.8-8 8.4 4.4 84.3 74.5 151.6 160 151.6s155.6-67.3 160-151.6c0.2-4.6-3.4-8.4-8-8.4z" fill="#1296db"></path></svg>`;
|
|
|
|
export const html = `
|
|
<style>
|
|
.btn-box {
|
|
margin: 10px 0;
|
|
}
|
|
.btn {
|
|
line-height: 1.5715;
|
|
position: relative;
|
|
display: inline-block;
|
|
font-weight: 400;
|
|
white-space: nowrap;
|
|
text-align: center;
|
|
background-image: none;
|
|
border: 1px solid transparent;
|
|
box-shadow: 0 2px #00000004;
|
|
cursor: pointer;
|
|
user-select: none;
|
|
height: 32px;
|
|
padding: 4px 15px;
|
|
font-size: 14px;
|
|
border-radius: 2px;
|
|
color: #000000d9;
|
|
background: #fff;
|
|
border-color: #d9d9d9;
|
|
}
|
|
.btn-primary {
|
|
color: #fff;
|
|
background: #1890ff;
|
|
border-color: #1890ff;
|
|
text-shadow: 0 -1px 0 rgb(0 0 0 / 12%);
|
|
box-shadow: 0 2px #0000000b;
|
|
}
|
|
</style>
|
|
<div>
|
|
<div class="btn-box">
|
|
<button class="btn">
|
|
<span>Button</span>
|
|
</button>
|
|
</div>
|
|
<div class="btn-box">
|
|
<button class="btn btn-primary">
|
|
<span>Button Primary</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
`;
|