parent
2053977d4e
commit
2085ebae62
@ -1,3 +1,3 @@
|
||||
#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';
|
||||
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