Skip to content

Instantly share code, notes, and snippets.

View ejirocodes's full-sized avatar
Shipping

Ejiro Asiuwhu ejirocodes

Shipping
View GitHub Profile
@ejirocodes
ejirocodes / onboarding1.vue
Last active October 11, 2020 11:58
components/onboarding.vue
<template>
<f7-page>
<section class="welcome-container">
<p class="text-align-right"><f7-link href="/home/">Skip</f7-link></p>
<div class="welcome text-align-center">
<div class="earn-money__svg welcome-svg">
<svg
xmlns="http://www.w3.org/2000/svg"
class="cart"
xmlns:xlink="http://www.w3.org/1999/xlink"
@ejirocodes
ejirocodes / onboarding2.vue
Last active October 11, 2020 11:59
components/onboarding2.vue
<template>
<f7-page>
<section class="welcome-container">
<p class="text-align-right"><f7-link href="/home/">Skip</f7-link></p>
<div class="welcome text-align-center">
<div class="earn-money__svg welcome-svg">
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:svgjs="http://svgjs.com/svgjs"
@ejirocodes
ejirocodes / onboarding3.vue
Last active October 11, 2020 11:59
componets/onboarding3.vue
<template>
<f7-page>
<section class="welcome-container">
<p class="text-align-right"><f7-link href="/home/">Skip</f7-link></p>
<div class="welcome text-align-center">
<div class="earn-money__svg welcome-svg">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" version="1.1" x="0" y="0" viewBox="0 0 512.021 512.021" style="enable-background:new 0 0 512 512" xml:space="preserve" class="cart"><g><g xmlns="http://www.w3.org/2000/svg"><g><path d="m503.235 216.261-261.056 261.055c-11.716 11.716-30.711 11.716-42.426 0l-165.048-165.047c-11.716-11.716-11.716-30.711 0-42.426l261.055-261.056c11.716-11.716 30.711-11.716 42.426 0l96.256 96.256 15.018 35.018 29.985 9.985 23.789 23.789c11.716 11.715 11.716 30.71.001 42.426z" fill="#d3e0e4" data-original="#d3e0e4" style=""/><path d="m90.609 247.463h429.188v63.643h-429.188z" fill="#002c3b" transform="matrix(.707 -.707 .707 .707 -108.092 297.612)" data-original="#002c3b" sty
<template>
<f7-page>
<f7-toolbar tabbar bottom>
<f7-link tab-link="#tab-1" tab-link-active>Home</f7-link>
<f7-link tab-link="#tab-2">
<f7-badge color="red">{{ cartItems }}</f7-badge>
<span class="tabbar-label">Cart</span>
</f7-link>
</f7-toolbar>
<f7-tabs animated swipeable>
<template>
<div id="product">
<div class="item" v-for="product in products" :key="product.id">
<img
:src="product.cover"
:alt="product.title"
class="cover"
@click="handleProduct(product)"
/>
<div
<template>
<f7-page>
<section class="prod-details">
<div
class="top display-flex align-items-center justify-content-space-between"
>
<f7-link back class="back">
<svg
version="1.1"
width="1rem"
<template>
<f7-page>
<section id="cart" class="padding">
<div
class="top display-flex align-items-center justify-content-space-between"
>
<f7-link back class="back">
<svg
version="1.1"
width="1rem"
<template>
<section class="svg">
<svg
version="1.1"
id="Capa_1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="0 0 489.914 489.914"
@ejirocodes
ejirocodes / Login.vue
Created June 13, 2021 13:06
Vue: Passing data from child to parent component - Emit
<script>
export default {
data() {
return {
loginModalState: null,
isDisabled: false,
};
},
props: {
<template>
<div>
<date-picker v-model="date" />
</div>
</template>
<script>
export default {
data() {
return {