53 lines
859 B
Vue
53 lines
859 B
Vue
<template>
|
|
<div id="normal-container">
|
|
<IntegratedLayout>
|
|
<div class="content">
|
|
<div class="bread-menu">
|
|
<span>Learn</span>
|
|
<i class="el-icon-arrow-right"></i>
|
|
<span class="crumbs gradient-color">{{$route.name}}</span>
|
|
</div>
|
|
<nuxt-child />
|
|
</div>
|
|
</IntegratedLayout>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
}
|
|
},
|
|
methods: {}
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
.content {
|
|
padding-bottom: 100px;
|
|
.bread-menu {
|
|
font-size: $mid-font-size;
|
|
margin: 24px 0 16px;
|
|
font-family: 'Poppins-Medium';
|
|
|
|
.crumbs {
|
|
font-family: 'Poppins-SemiBold';
|
|
font-weight: 600;
|
|
}
|
|
}
|
|
|
|
.title {
|
|
font-weight: bold;
|
|
font-size: $huge-font-size1;
|
|
font-family: 'Poppins-Bold';
|
|
}
|
|
|
|
.description {
|
|
font-size: $big-font-size;
|
|
color: $grey-color;
|
|
font-family: 'Poppins-Medium';
|
|
}
|
|
}
|
|
</style>
|