@mobiage/homescreen
Version:
cp-mbg-homescreen
87 lines (74 loc) • 1.98 kB
HTML
<html lang="pt">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible"
content="ie=edge">
<title>Demo in CapivaraJS</title>
<link rel="stylesheet"
href="../dist/mobiage-homescreen.css" />
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,700"
rel="stylesheet">
<link rel="stylesheet"
href="https://use.fontawesome.com/releases/v5.1.0/css/all.css"
integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt"
crossorigin="anonymous">
<style>
.testeContainer {
width: 100%;
height: 100vh;
background-color: #f8f8f8;
}
.testeBarraTopo {
width: 100%;
height: 80px;
background-color: #ffffff;
border-bottom: 1px solid rgb(235, 235, 235);
}
.testeMenuLateral {
width: 220px;
height: calc(100vh - 80px);
background-color: #f8f8f8;
display: inline-block;
vertical-align: top;
}
.testeConteudo {
height: calc(100vh - 80px);
width: calc(100% - 230px);
background-color: #f8f8f8;
display: inline-block;
vertical-align: top;
overflow-y: auto;
}
.testeConteudoTop {
height: 200px;
width: 100%;
margin-top: 10px;
background-color: #f8f8f8;
}
body {
font-family: 'Montserrat', sans-serif;
}
</style>
</head>
<body>
<div class="testeContainer">
<div class="testeBarraTopo"></div>
<div class="testeMenuLateral"></div>
<div class="testeConteudo">
<mbg-homescreen></mbg-homescreen>
</div>
</div>
<script src="../dist/mobiage-homescreen.js"></script>
<script>
class MyController {
constructor() {
this.message = 'Hello world - CapivaraJS';
}
}
capivara.controller(document.body, MyController);
</script>
</body>
</html>