ramon
/
skillbox
1
0
Fork 0
Code Issues 1 Pull Requests 1 Packages Projects 1 Releases 1 Wiki Activity

Add article page

This commit is contained in:
Ramon Wenger 2018-08-22 16:48:43 +02:00
parent db70aaf271
commit f93d6b5f71
3 changed files with 106 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
client/src/components/UserWidget.vue
View File

@ -1,21 +1,22 @@
<template> <template>
<div class="user-profile"> <div class="user-widget">
<img class="user-profile__avatar" <img class="user-widget__avatar"
:src="avatar"> :src="avatar">
<span class="user-profile__name">{{name}}</span> <span class="user-widget__name">{{name}}</span>
<span class="user-widget__date" v-if="date">{{date}}</span>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
props: ['name', 'avatar'] props: ['name', 'avatar', 'date']
} }
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
@import "@/styles/_variables.scss"; @import "@/styles/_variables.scss";
.user-profile { .user-widget {
color: $color-grey; color: $color-grey;
display: flex; display: flex;
align-items: center; align-items: center;
@ -23,7 +24,10 @@
&__name { &__name {
padding: 0px 10px; padding: 0px 10px;
font-family: $sans-serif-font-family; font-family: $sans-serif-font-family;
}
&__date {
font-family: $sans-serif-font-family;
} }
&__avatar { &__avatar {

95
client/src/pages/article.vue Normal file
View File

File diff suppressed because one or more lines are too long

2
client/src/router/index.js
View File

@ -6,6 +6,7 @@ import book from '@/pages/book'
import module from '@/pages/module' import module from '@/pages/module'
import rooms from '@/pages/rooms' import rooms from '@/pages/rooms'
import room from '@/pages/room' import room from '@/pages/room'
import article from '@/pages/article'
import p404 from '@/pages/p404' import p404 from '@/pages/p404'
const routes = [ const routes = [
@ -13,6 +14,7 @@ const routes = [
{path: '/module', name: 'module', component: module}, {path: '/module', name: 'module', component: module},
{path: '/rooms', name: 'rooms', component: rooms}, {path: '/rooms', name: 'rooms', component: rooms},
{path: '/room', name: 'room', component: room}, {path: '/room', name: 'room', component: room},
{path: '/article', name: 'article', component: article},
{ {
path: '/book', path: '/book',
name: 'book', name: 'book',