Kylart
/
KawAnime
mirror of https://github.com/Kylart/KawAnime.git
1
1
Fork 0
Code Issues Packages Projects Releases Wiki Activity

News seem ok

This commit is contained in:
Kylart 2017-07-11 11:05:58 +02:00
parent 6fc288219d
commit 2d686916b8
3 changed files with 30 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
layouts/default.vue
View File

@ -75,7 +75,7 @@
</v-btn>
</v-toolbar>
<main style="min-height: 91vh; padding-top: 48px;">
<main class="m">
<nuxt></nuxt>
</main>
@ -184,6 +184,13 @@
</script>
<style scoped>
.m
{
min-height: 91vh;
margin: 48px 0 0;
padding: 0;
}
.ripple
{
position: relative;

42
pages/news.vue
View File

@ -1,43 +1,42 @@
<template>
<v-container fluid>
<div>
<loader v-if="!$store.state.news.length"></loader>
<v-container fluid v-else>
<v-row class="news-container">
<v-col xs12 class="refresh-button-container">
<v-layout row wrap class="news-container">
<v-flex xs12 class="refresh-button-container">
<v-btn icon
class="refresh-button"
@click.native="refresh()">
<v-icon large>refresh</v-icon>
</v-btn>
</v-col>
<v-col xs12
</v-flex>
<v-flex xs12
class="elem elevation-3"
v-ripple="true"
v-for="item in $store.state.news" :key="item.name">
<v-row>
<v-col xs12>
<v-layout row wrap>
<v-flex xs12>
<h3 class="title">{{ item.title }}</h3>
</v-col>
<v-col md2 xs3 class="image">
<img :src="item.image" height="220" max-width="20%"/>
</v-col>
<v-col md10 xs9>
<v-row>
<v-col xs12><p class="synopsis">{{ item.text }}</p></v-col>
</v-row>
</v-flex>
<v-flex md2 xs3 >
<img :src="item.image" class="image"/>
</v-flex>
<v-flex md10 xs9>
<v-layout row wrap>
<v-flex xs12><p class="synopsis">{{ item.text }}</p></v-flex>
</v-layout>
<v-row xs12 class="link">
<div class="button-container">
<v-btn secondary block @click.native="open(item.link)">Open</v-btn>
</div>
</v-row>
</v-col>
</v-row>
</v-col>
</v-row>
</v-container>
</v-flex>
</v-layout>
</v-flex>
</v-layout>
</v-container>
</div>
</template>
<script>
@ -134,6 +133,7 @@
.image
{
height: 220px;
max-width: 100%;
}
.synopsis

2
store/index.js
View File

@ -236,7 +236,7 @@ const store = new Vuex.Store({
dispatch('releasesInit').catch(err => { void (err) })
dispatch('seasonsInit').catch(err => { void (err) })
// dispatch('newsInit').catch(err => { void (err) })
dispatch('newsInit').catch(err => { void (err) })
dispatch('localInit').catch(err => { void (err) })
dispatch('listInit').catch(err => { void (err) })
dispatch('getHistory').catch(err => { void (err) })