updating latest tutorials
This commit is contained in:
@@ -10,58 +10,41 @@
|
||||
Make sure you check out the upcoming events below:
|
||||
</h2>
|
||||
<div class="button-block">
|
||||
<button class="button is-xl is-dark" v-if="dataReady">{{date}}</button>
|
||||
<button class="button is-xl is-dark">Sign Up to Browse Events</button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <h1 >{{ date }}</h1> -->
|
||||
<h1 v-if="dataReady">{{ date }}</h1>
|
||||
</div>
|
||||
</section>
|
||||
<EventsList />
|
||||
<!-- <img class="blurify" src="https://cdn.auth0.com/blog/vue-meetup/event-banner.png"> -->
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import moment from 'moment'
|
||||
import Vue from 'vue'
|
||||
import vBlur from 'v-blur'
|
||||
import EventsList from '@/components/EventsList'
|
||||
|
||||
Vue.use(vBlur)
|
||||
|
||||
export default {
|
||||
name: 'home',
|
||||
// components: {},
|
||||
created() {
|
||||
// console.log(this);
|
||||
// console.log(this.$moment().format("HH:mm:ss"));
|
||||
// this.date = moment().format("HH:mm:ss");
|
||||
components: {
|
||||
EventsList
|
||||
},
|
||||
data: function() {
|
||||
data: () => {
|
||||
return {
|
||||
date: '',
|
||||
dd: '',
|
||||
ddd: '',
|
||||
dataReady: false
|
||||
isBlurred: true,
|
||||
disableBlur: {
|
||||
isBlurred: false,
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
async logger () {
|
||||
console.log("a string");
|
||||
this.dd = "a first string";
|
||||
},
|
||||
getTime () {
|
||||
console.log("getting time");
|
||||
return moment().format("HH:mm:ss");
|
||||
},
|
||||
},
|
||||
mounted() {
|
||||
console.log("a second string");
|
||||
// await this.logger();
|
||||
setInterval(() => {
|
||||
this.date = this.getTime(), 1000
|
||||
});
|
||||
this.dataReady = true;
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.hero {
|
||||
text-align: center;
|
||||
background-image: url('https://cdn.auth0.com/blog/vue-meetup/event-banner.png');
|
||||
// background-image: url('https://cdn.auth0.com/blog/vue-meetup/event-banner.png');
|
||||
background-image: url('https://face4pets.files.wordpress.com/2018/01/shelter-data-1.jpg');
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
|
||||
Reference in New Issue
Block a user