parent
2053977d4e
commit
2085ebae62
@ -1,3 +1,3 @@
|
|||||||
#container{
|
#container{
|
||||||
background-color:green;
|
color:green;
|
||||||
}
|
}
|
||||||
@ -0,0 +1,28 @@
|
|||||||
|
//https://sennajs.com/docs
|
||||||
|
|
||||||
|
document.addEventListener('DOMContentLoaded', function () {
|
||||||
|
var app = senna.dataAttributeHandler.getApp();
|
||||||
|
|
||||||
|
app.on('beforeNavigate', function (event) {
|
||||||
|
console.log('start');
|
||||||
|
});
|
||||||
|
|
||||||
|
app.on('endNavigate', function (event) {
|
||||||
|
console.log('end');
|
||||||
|
if (event.error) {
|
||||||
|
console.log('error');
|
||||||
|
if (event.error.invalidStatus) {
|
||||||
|
console.log(event.error.invalidStatus);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (event.error.requestError) {
|
||||||
|
console.log(event.error.requestError);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (event.error.timeout) {
|
||||||
|
console.log(event.error.timeout);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
@ -1,2 +1,2 @@
|
|||||||
console.log(1);
|
alert(window.location.href);
|
||||||
var test = 'test';
|
var test = 'test';
|
||||||
Binary file not shown.
File diff suppressed because one or more lines are too long
@ -0,0 +1,66 @@
|
|||||||
|
/* Loading */
|
||||||
|
.senna-loading .senna-loading-bar {
|
||||||
|
-webkit-animation: shift-rightwards 1s ease-in-out infinite;
|
||||||
|
animation: shift-rightwards 1s ease-in-out infinite;
|
||||||
|
-webkit-animation-delay: .4s;
|
||||||
|
animation-delay: .4s;
|
||||||
|
display: block; }
|
||||||
|
|
||||||
|
.senna-loading-bar {
|
||||||
|
-webkit-transform: translateX(100%);
|
||||||
|
transform: translateX(100%);
|
||||||
|
background: #2fa4f5;
|
||||||
|
display: none;
|
||||||
|
height: 3px;
|
||||||
|
left: 0;
|
||||||
|
position: fixed;
|
||||||
|
right: 0;
|
||||||
|
top: 0;
|
||||||
|
z-index: 10000; }
|
||||||
|
|
||||||
|
@-webkit-keyframes shift-rightwards {
|
||||||
|
0% {
|
||||||
|
-webkit-transform: translateX(-100%);
|
||||||
|
transform: translateX(-100%); }
|
||||||
|
40%,
|
||||||
|
60% {
|
||||||
|
-webkit-transform: translateX(0);
|
||||||
|
transform: translateX(0); }
|
||||||
|
to {
|
||||||
|
-webkit-transform: translateX(100%);
|
||||||
|
transform: translateX(100%); } }
|
||||||
|
|
||||||
|
@keyframes shift-rightwards {
|
||||||
|
0% {
|
||||||
|
-webkit-transform: translateX(-100%);
|
||||||
|
transform: translateX(-100%); }
|
||||||
|
40%,
|
||||||
|
60% {
|
||||||
|
-webkit-transform: translateX(0);
|
||||||
|
transform: translateX(0); }
|
||||||
|
to {
|
||||||
|
-webkit-transform: translateX(100%);
|
||||||
|
transform: translateX(100%); } }
|
||||||
|
|
||||||
|
/* Transition */
|
||||||
|
[class^="senna-transition-"] .flipped {
|
||||||
|
-webkit-animation-duration: 0.40s;
|
||||||
|
animation-duration: 0.40s;
|
||||||
|
-webkit-animation-fill-mode: both;
|
||||||
|
animation-fill-mode: both; }
|
||||||
|
|
||||||
|
@-webkit-keyframes fadeIn {
|
||||||
|
0% {
|
||||||
|
opacity: 0; }
|
||||||
|
100% {
|
||||||
|
opacity: 1; } }
|
||||||
|
|
||||||
|
@keyframes fadeIn {
|
||||||
|
0% {
|
||||||
|
opacity: 0; }
|
||||||
|
100% {
|
||||||
|
opacity: 1; } }
|
||||||
|
|
||||||
|
.senna-transition-fade .flipped {
|
||||||
|
-webkit-animation-name: fadeIn;
|
||||||
|
animation-name: fadeIn; }
|
||||||
Loading…
Reference in new issue