encrypt/gancio
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

pure design

Browse Source
This commit is contained in:
les
2020-07-09 02:27:17 +02:00
parent ccd174cc67
commit 1e4e3a4d6c
8 changed files with 74 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
components/Announcement.vue
View File

@@ -1,10 +1,10 @@
<template lang="pug">
.card.announcement.announcement.mt-1.text-white(body-style='padding: 0px;')
.announcement.announcement.text-white(body-style='padding: 0px;')
nuxt-link(:to='`/announcement/${announcement.id}`')
.title <i class='el-icon-info'/> {{announcement.title}}
.card-body
.description(v-html='description')
//- .card-body
//- .description(v-html='description')
</template>
<script>
@@ -24,9 +24,22 @@ export default {
</script>
<style lang='less'>
.announcement {
.title i {
color: orangered;
padding: 2%;
background-color: #511;
margin: 1rem 0;
border-radius: 5px;
a:hover {
text-decoration: none;
}
box-shadow: inset 0px 0px 10px 0px orangered;
.title {
font-size: 1.2em;
color: white;
transition: color .2s;
&:hover {
color: #fbd6b5;
}
}
border: 2px solid #ff4500ba;
// box-shadow: inset 0px 0px 10px 0px orangered;
}
</style>