updating latest tutorials

This commit is contained in:
2020-02-29 21:59:31 +00:00
parent 72ef877bcc
commit ca42763a44
6 changed files with 131 additions and 45 deletions

View File

@@ -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;