46 lines
1.3 KiB
HTML
46 lines
1.3 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<link rel="stylesheet" type="text/css" href="./css/style.css" media="screen" />
|
||
|
|
<script src="./scripts/vue.min.js"></script>
|
||
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
|
||
|
|
<link href="https://fonts.googleapis.com/css?family=Montserrat:600" rel="stylesheet">
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div id="input">
|
||
|
|
<div class="container" v-bind:class="[position, float]" v-if="visible">
|
||
|
|
<div class="title">
|
||
|
|
<p>{{titleMenu}}</p>
|
||
|
|
</div>
|
||
|
|
<br>
|
||
|
|
<form>
|
||
|
|
<input v-model="message" type="text" name="input">
|
||
|
|
</form>
|
||
|
|
<div class = "button" @click="Choose()">
|
||
|
|
<p>{{ChooseText}}</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class = "button" @click="Close()">
|
||
|
|
<p>{{CloseText}}</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="menu">
|
||
|
|
<div class="container" v-bind:class="[position, float]" v-if="visible">
|
||
|
|
<div class="title">
|
||
|
|
<p>{{titleMenu}}</p>
|
||
|
|
</div>
|
||
|
|
<div id = "scrolldiv">
|
||
|
|
<div v-for="item, index in menu" class="menu" v-bind:class="{ 'active': item.active}">
|
||
|
|
<p>
|
||
|
|
<span v-html="item.label"></span>
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<script src="./scripts/listener.js" type="text/javascript"></script>
|
||
|
|
</body>
|
||
|
|
</html>
|