huanghs/electron-vite-vue
1
0
Fork 0
mirror of https://github.com/electron-vite/electron-vite-vue synced 2025-01-31 20:16:36 +08:00
Code Issues Packages Projects Releases Wiki Activity

Use public demo code

Browse Source
This commit is contained in:
草鞋没号 2021-12-10 17:55:22 +08:00
parent 874b06ccde
commit 8f587c04b7
2 changed files with 18 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/renderer/public/images/node.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

18
src/renderer/src/App.vue
View File

@ -13,6 +13,10 @@ import HelloWorld from './components/HelloWorld.vue'
<img style="height:200px;" alt="Vue logo" src="./assets/vue.png" /> <img style="height:200px;" alt="Vue logo" src="./assets/vue.png" />
</div> </div>
<HelloWorld msg="Hello Vue 3 + TypeScript + Vite" /> <HelloWorld msg="Hello Vue 3 + TypeScript + Vite" />
<div class="static-public">
Place static files into the <code>src/renderer/public</code> folder
<img style="width:90px;" :src="'./images/node.png'" />
</div>
</template> </template>
<style> <style>
@ -34,4 +38,18 @@ import HelloWorld from './components/HelloWorld.vue'
.logo-box span { .logo-box span {
width: 74px; width: 74px;
} }
.static-public {
display: flex;
align-items: center;
justify-content: center;
}
.static-public code {
background-color: #eee;
padding: 2px 4px;
margin: 0 4px;
border-radius: 4px;
color: #304455;
}
</style> </style>