192 lines
30 KiB
Vue
192 lines
30 KiB
Vue
<template>
|
|
<!-- <setting-bar />-->
|
|
<div class="container-fluid">
|
|
<div class="row flex-nowrap">
|
|
<div class="col-auto col-md-3 px-sm-2 px-0 " style="background-color: #f4f5f7">
|
|
<div class="d-flex flex-column align-items-center align-items-sm-start px-3 pt-2 text-white min-vh-100">
|
|
<a href="/" class="d-flex align-items-center pb-3 mb-md-0 me-md-auto text-white text-decoration-none">
|
|
<span class=" d-none d-sm-inline pt-3"><img src="~/assets/image/Logo.png" class="img img-fluid"></span>
|
|
</a>
|
|
<ul class="nav flex-column mb-sm-auto mb-0 align-items-center w-100 align-items-sm-start" id="menu">
|
|
<li class="nav-item py-0 w-100 ">
|
|
<nuxt-link to="/setting" class="nav-link px-3 py-3 list-active align-middle px-0 active text-muted fw-bold">
|
|
<i class="fa-solid d-sm-none d-block fa-user"></i><span class="ms-1 d-none d-sm-inline">Account</span>
|
|
</nuxt-link>
|
|
</li>
|
|
<li class="nav-item py-0 w-100 ">
|
|
<nuxt-link to="/setting/subscription" class="nav-link px-3 py-3 list-active align-middle px-0 text-muted fw-bold">
|
|
<i class="fa-solid d-sm-none d-block fa-credit-card"></i><span class="ms-1 d-none d-sm-inline">Subscription</span>
|
|
</nuxt-link>
|
|
</li>
|
|
<li class="nav-item py-0 w-100 ">
|
|
<nuxt-link to="/setting/soundscap" class="nav-link px-3 py-3 list-active align-middle px-0 text-muted fw-bold">
|
|
<i class="fa-solid d-sm-none d-block fa-volume-high"></i><span class="ms-1 d-none d-sm-inline">Soundscape Settings</span>
|
|
</nuxt-link>
|
|
</li>
|
|
<li class="nav-item py-0 w-100 ">
|
|
<nuxt-link to="/setting/faq" class="nav-link px-3 py-3 list-active align-middle px-0 text-muted fw-bold">
|
|
<i class="fa-solid d-block d-sm-none fa-circle-question"></i><span class="ms-1 d-none d-sm-inline">FAQ</span>
|
|
</nuxt-link>
|
|
</li>
|
|
<li class="nav-item py-0 w-100 ">
|
|
<nuxt-link to="/setting/about" class="nav-link px-3 py-3 list-active align-middle px-0 text-muted fw-bold">
|
|
<i class="fa-solid fa-circle-info d-block d-sm-none"></i><span class="ms-1 d-none d-sm-inline">About Mindboost</span>
|
|
</nuxt-link>
|
|
</li>
|
|
<li class="nav-item py-0 w-100 ">
|
|
<a href="#" class="nav-link px-3 py-3 list-active align-middle px-0 text-muted fw-bold">
|
|
<i class="fa-solid fa-stamp d-sm-none d-block"></i><span class="ms-1 d-none d-sm-inline">Imprint</span>
|
|
</a>
|
|
</li>
|
|
|
|
</ul>
|
|
<hr>
|
|
</div>
|
|
</div>
|
|
<div class="col-10 col-sm-9 ">
|
|
<div class="row ">
|
|
<div class="col-12 ">
|
|
|
|
<div class="row">
|
|
<div class="col-4 d-none d-sm-block col-sm-7 col-lg-8 ">
|
|
<div class="row">
|
|
<div class=" col-sm-5 col-lg-5">
|
|
</div>
|
|
<div class="col-sm-7 col-lg-7">
|
|
<h4 class="text-center d-none d-sm-block pt-3 text-muted fw-bolder">Settings</h4>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="pt-2 col-sm-5 col-lg-4">
|
|
<ul class="nav float-end" style="border-radius: 15px;background-color: #f5f5f5">
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link nav-icons py-2" aria-current="page" data-bs-toggle="dropdown" href="#">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="24" viewBox="0 0 20 24" fill="none">
|
|
<path d="M8.07207 0.952443C7.8077 0.958068 7.59582 1.17557 7.59957 1.43994V14.3999C7.59957 14.9999 7.6802 15.5681 7.98395 16.0349C8.2877 16.5018 8.8502 16.7999 9.51957 16.7999V20.2499C8.96457 20.4506 8.55957 20.9793 8.55957 21.5999C8.55957 22.3893 9.2102 23.0399 9.99957 23.0399C10.7889 23.0399 11.4396 22.3893 11.4396 21.5999C11.4396 20.9793 11.0346 20.4506 10.4796 20.2499V16.7999C11.0964 16.7999 11.6346 16.5018 11.9514 16.0499C12.2702 15.5962 12.3996 15.0206 12.3996 14.3999V1.43994C12.4014 1.26744 12.3114 1.10619 12.1614 1.01807C12.0114 0.931818 11.8277 0.931818 11.6777 1.01807C11.5277 1.10619 11.4377 1.26744 11.4396 1.43994V14.3999C11.4396 14.8818 11.3289 15.2662 11.1677 15.4968C11.0046 15.7293 10.8227 15.8399 10.4796 15.8399H9.51957C9.08645 15.8399 8.93082 15.7293 8.7902 15.5118C8.6477 15.2943 8.55957 14.9024 8.55957 14.3999V1.43994C8.56145 1.31057 8.51082 1.18494 8.41895 1.09307C8.32707 1.00119 8.20145 0.950568 8.07207 0.952443ZM3.0377 3.83619C2.91207 3.83807 2.79394 3.89057 2.7077 3.98057C0.27582 6.41244 0.27582 10.3724 2.7077 12.8043C2.8277 12.9299 3.0077 12.9806 3.17457 12.9374C3.34332 12.8943 3.47457 12.7612 3.5177 12.5943C3.5627 12.4256 3.51207 12.2474 3.38645 12.1274C1.3202 10.0593 1.3202 6.72557 3.38645 4.65932C3.52895 4.52057 3.5702 4.31057 3.49332 4.12869C3.41645 3.94494 3.23644 3.82869 3.0377 3.83619ZM16.9464 4.08182C16.7514 4.08182 16.5771 4.19994 16.5039 4.38182C16.4308 4.56182 16.4739 4.76994 16.6146 4.90494C18.6789 6.97119 18.6789 10.3068 16.6146 12.3731C16.4889 12.4931 16.4383 12.6731 16.4814 12.8399C16.5246 13.0087 16.6577 13.1399 16.8246 13.1831C16.9933 13.2281 17.1714 13.1774 17.2914 13.0518C19.7252 10.6181 19.7252 6.65994 17.2914 4.22619C17.2014 4.13432 17.0777 4.08182 16.9464 4.08182ZM4.3952 5.19182C4.26957 5.19557 4.15144 5.24807 4.0652 5.33807C2.38144 7.02182 2.38144 9.76494 4.0652 11.4468C4.1852 11.5724 4.3652 11.6231 4.53207 11.5799C4.70082 11.5368 4.83207 11.4037 4.8752 11.2368C4.9202 11.0681 4.86957 10.8899 4.74395 10.7699C3.4277 9.45369 3.4277 7.33307 4.74395 6.01682C4.88645 5.87807 4.9277 5.66807 4.85082 5.48619C4.77395 5.30244 4.59395 5.18619 4.3952 5.19182ZM15.5889 5.43932C15.3939 5.43932 15.2196 5.55744 15.1446 5.73932C15.0714 5.91932 15.1146 6.12744 15.2552 6.26244C16.5714 7.57869 16.5714 9.69932 15.2552 11.0156C15.1296 11.1356 15.0789 11.3156 15.1239 11.4824C15.1671 11.6512 15.2983 11.7824 15.4671 11.8256C15.6339 11.8706 15.8139 11.8199 15.9339 11.6943C17.6177 10.0106 17.6177 7.26744 15.9339 5.58557C15.8439 5.49182 15.7202 5.43932 15.5889 5.43932ZM5.7527 6.54932C5.62707 6.55307 5.50895 6.60557 5.4227 6.69557C4.48895 7.62932 4.48895 9.15744 5.4227 10.0893C5.5427 10.2149 5.7227 10.2656 5.88957 10.2224C6.05832 10.1793 6.18957 10.0462 6.2327 9.87932C6.2777 9.71057 6.22707 9.53244 6.10145 9.41244C5.5352 8.84432 5.5352 7.94057 6.10145 7.37432C6.24395 7.23557 6.2852 7.02557 6.20832 6.84369C6.13144 6.65994 5.95145 6.54369 5.7527 6.54932ZM14.2314 6.79682C14.0364 6.79869 13.8621 6.91682 13.7871 7.09682C13.7139 7.27869 13.7571 7.48494 13.8977 7.62182C14.4639 8.18807 14.4639 9.09182 13.8977 9.65807C13.7721 9.77807 13.7214 9.95807 13.7664 10.1249C13.8096 10.2937 13.9408 10.4249 14.1096 10.4681C14.2764 10.5131 14.4564 10.4624 14.5764 10.3368C15.5102 9.40307 15.5102 7.87682 14.5764 6.94307C14.4864 6.84932 14.3627 6.79869 14.2314 6.79682ZM9.99957 21.1199C10.2696 21.1199 10.4796 21.3299 10.4796 21.5999C10.4796 21.8699 10.2696 22.0799 9.99957 22.0799C9.72957 22.0799 9.51957 21.8699 9.51957 21.5999C9.51957 21.3299 9.72957 21.1199 9.99957 21.1199Z" fill="#030504" fill-opacity="0.4"/>
|
|
</svg>
|
|
</a>
|
|
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdownMenuButton1">
|
|
<li class="px-1"><a class="dropdown-item py-2 " href="#" style="border-bottom: 1px solid lightgray;">Lagoon <span class="float-end"><img src="~/assets/image/Vector123.png"></span></a></li>
|
|
<li class="px-1"><a class="dropdown-item py-2" href="#" style="border-bottom: 1px solid lightgray;">Tropics <span class="float-end"><img src="~/assets/image/Vector7.png"></span></a></li>
|
|
<li class="px-1"><a class="dropdown-item py-2" href="#" style="border-bottom: 1px solid lightgray;">Forest <span class="float-end"><img src="~/assets/image/Vector8.png"></span></a></li>
|
|
<li class="px-1"><a class="dropdown-item py-2" href="#" style="border-bottom: 1px solid lightgray;">Meadow <span class="float-end"><img src="~/assets/image/Vector121.png"></span></a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link nav-icons py-2" data-bs-auto-close="outside" data-bs-toggle="dropdown" href="#">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="24" viewBox="0 0 22 24" fill="none">
|
|
<path d="M11.0004 0.47998C5.4519 0.47998 0.92043 4.77028 0.92043 10.08C0.856824 10.0791 0.793674 10.0908 0.734649 10.1146C0.675625 10.1383 0.621903 10.1735 0.576605 10.2181C0.531308 10.2628 0.495338 10.316 0.470787 10.3747C0.446236 10.4334 0.433594 10.4964 0.433594 10.56C0.433594 10.6236 0.446236 10.6866 0.470787 10.7453C0.495338 10.8039 0.531308 10.8572 0.576605 10.9018C0.621903 10.9465 0.675625 10.9817 0.734649 11.0054C0.793674 11.0291 0.856824 11.0409 0.92043 11.04H1.88043C1.94404 11.0409 2.00719 11.0291 2.06621 11.0054C2.12524 10.9817 2.17896 10.9465 2.22426 10.9018C2.26955 10.8572 2.30552 10.8039 2.33007 10.7453C2.35462 10.6866 2.36727 10.6236 2.36727 10.56C2.36727 10.4964 2.35462 10.4334 2.33007 10.3747C2.30552 10.316 2.26955 10.2628 2.22426 10.2181C2.17896 10.1735 2.12524 10.1383 2.06621 10.1146C2.00719 10.0908 1.94404 10.0791 1.88043 10.08C1.88043 9.91324 1.89685 9.75035 1.90668 9.58592C1.97363 9.61 2.0451 9.6189 2.11592 9.61196C2.18673 9.60503 2.25512 9.58245 2.31613 9.54584C2.37714 9.50923 2.42926 9.45952 2.4687 9.4003C2.50814 9.34107 2.53392 9.27383 2.54418 9.20342C2.70278 8.30776 3.42671 6.80505 4.79699 5.57623C6.16728 4.34741 8.16847 3.35998 10.9517 3.35998C13.7349 3.35998 15.7361 4.34741 17.1064 5.57623C18.4767 6.80505 19.2006 8.30776 19.3592 9.20342C19.3707 9.2827 19.4018 9.35784 19.4498 9.422C19.4977 9.48616 19.561 9.5373 19.6338 9.57076C19.7066 9.60422 19.7866 9.61893 19.8665 9.61355C19.9464 9.60818 20.0237 9.58288 20.0914 9.53998C20.1031 9.71946 20.1204 9.89773 20.1204 10.08C20.0568 10.0791 19.9937 10.0908 19.9347 10.1146C19.8756 10.1383 19.8219 10.1735 19.7766 10.2181C19.7313 10.2628 19.6953 10.316 19.6708 10.3747C19.6462 10.4334 19.6336 10.4964 19.6336 10.56C19.6336 10.6236 19.6462 10.6866 19.6708 10.7453C19.6953 10.8039 19.7313 10.8572 19.7766 10.9018C19.8219 10.9465 19.8756 10.9817 19.9347 11.0054C19.9937 11.0291 20.0568 11.0409 20.1204 11.04H21.0804C21.144 11.0409 21.2072 11.0291 21.2662 11.0054C21.3252 10.9817 21.379 10.9465 21.4243 10.9018C21.4696 10.8572 21.5055 10.8039 21.5301 10.7453C21.5546 10.6866 21.5673 10.6236 21.5673 10.56C21.5673 10.4964 21.5546 10.4334 21.5301 10.3747C21.5055 10.316 21.4696 10.2628 21.4243 10.2181C21.379 10.1735 21.3252 10.1383 21.2662 10.1146C21.2072 10.0908 21.144 10.0791 21.0804 10.08C21.0804 4.77028 16.549 0.47998 11.0004 0.47998ZM11.0004 1.43998C14.9107 1.43998 18.2181 3.76325 19.5204 7.01811C19.0986 6.29404 18.5119 5.54723 17.7476 4.86186C16.2191 3.49111 13.9645 2.39998 10.9517 2.39998C7.93889 2.39998 5.6843 3.49111 4.15574 4.86186C3.55428 5.40123 3.06686 5.97857 2.67918 6.55311C4.10045 3.54398 7.27854 1.43998 11.0004 1.43998ZM0.92043 12V13.3462H0.951368C0.664895 13.6177 0.44043 14.0639 0.44043 14.6747C0.44043 15.1667 0.578073 15.8774 0.802305 16.7531C1.02654 17.6288 1.34281 18.641 1.71824 19.6106C2.09368 20.5802 2.52498 21.5046 3.00262 22.2178C3.48025 22.931 4.00733 23.52 4.76043 23.52C5.37357 23.52 5.81461 23.1402 6.03918 22.7503V22.7494C6.06026 22.7128 6.07016 22.6823 6.08606 22.6481C6.2838 22.7089 6.50363 22.7372 6.73949 22.7372C7.02194 22.7372 7.30006 22.6572 7.51387 22.4915C7.72767 22.3259 7.86177 22.0936 7.93668 21.8559C8.08649 21.3806 8.05007 20.8531 7.95356 20.2762C7.76052 19.1225 7.27091 17.7692 6.87449 16.7203C6.47725 15.6685 6.12135 14.6762 5.69512 13.9022C5.482 13.5152 5.25182 13.1784 4.96106 12.9187C4.67029 12.6591 4.29583 12.48 3.88668 12.48C3.36613 12.48 2.89718 12.7053 2.63699 13.0837C2.62622 13.0994 2.6208 13.1174 2.61074 13.1334C2.43266 13.0471 2.19275 12.96 1.88043 12.96V12H0.92043ZM20.1204 12V12.96C19.8081 12.96 19.5682 13.0471 19.3901 13.1334C19.3801 13.1174 19.3746 13.0994 19.3639 13.0837C19.1037 12.7053 18.6347 12.48 18.1142 12.48C17.705 12.48 17.3306 12.6591 17.0398 12.9187C16.749 13.1784 16.5189 13.5152 16.3057 13.9022C15.8795 14.6762 15.5236 15.6685 15.1264 16.7203C14.73 17.7692 14.2403 19.1225 14.0473 20.2762C13.9508 20.8531 13.9144 21.3806 14.0642 21.8559C14.1391 22.0936 14.2732 22.3259 14.487 22.4915C14.7008 22.6572 14.9789 22.7372 15.2614 22.7372C15.4969 22.7372 15.7163 22.7087 15.9139 22.6481C15.9299 22.6826 15.9403 22.7134 15.9617 22.7503C16.1863 23.1402 16.6273 23.52 17.2404 23.52C17.9935 23.52 18.5206 22.931 18.9982 22.2178C19.4759 21.5046 19.9072 20.5802 20.2826 19.6106C20.6581 18.641 20.9743 17.6288 21.1986 16.7531C21.4228 15.8774 21.5604 15.1667 21.5604 14.6747C21.5604 14.0639 21.336 13.6177 21.0495 13.3462H21.0804V12H20.1204ZM3.88668 13.44C4.03457 13.44 4.15563 13.4875 4.32074 13.635C4.48585 13.7824 4.67154 14.0336 4.85418 14.3653C5.21947 15.0286 5.57633 16.0004 5.97637 17.0597C6.36763 18.0949 6.83792 19.426 7.00668 20.4347C7.09106 20.939 7.08544 21.3619 7.02074 21.5672C6.98839 21.6698 6.95448 21.7101 6.92606 21.7322C6.89763 21.7542 6.85833 21.7772 6.73949 21.7772C6.39542 21.7772 6.30195 21.7301 6.21449 21.6525C6.12703 21.5748 6.01056 21.379 5.84981 21.0234C5.54352 20.346 5.00116 18.8189 4.54387 17.5894C4.31722 16.98 4.04965 16.245 3.82481 15.6019C3.60009 14.9591 3.41391 14.3824 3.37012 14.1928V14.1919C3.3095 13.9276 3.35352 13.7362 3.42824 13.6275C3.50309 13.5186 3.61091 13.44 3.88668 13.44ZM18.1142 13.44C18.39 13.44 18.4978 13.5186 18.5726 13.6275C18.6475 13.7363 18.6918 13.9278 18.6307 14.1928C18.587 14.3824 18.4008 14.9591 18.1761 15.6019C17.9512 16.245 17.6836 16.98 17.457 17.5894C16.9997 18.8188 16.4571 20.3456 16.1511 21.0234C15.9903 21.379 15.8738 21.5748 15.7864 21.6525C15.6989 21.7301 15.6054 21.7772 15.2614 21.7772C15.1425 21.7772 15.1032 21.7542 15.0748 21.7322C15.0464 21.7101 15.0125 21.6698 14.9801 21.5672C14.9154 21.3619 14.9098 20.939 14.9942 20.4347C15.1629 19.426 15.6332 18.0949 16.0245 17.0597C16.4245 16.0004 16.7814 15.0286 17.1467 14.3653C17.3293 14.0336 17.515 13.7824 17.6801 13.635C17.8452 13.4875 17.9663 13.44 18.1142 13.44ZM1.88043 13.92C2.06945 13.92 2.14079 13.9561 2.24512 14.0147C2.28247 14.0356 2.33716 14.073 2.39137 14.1075C2.39944 14.2073 2.41152 14.3078 2.43449 14.4075C2.43449 14.4078 2.43449 14.4081 2.43449 14.4084C2.50797 14.727 2.69021 15.2665 2.91824 15.9187C3.14628 16.571 3.41547 17.3099 3.64387 17.924C4.09665 19.1415 4.6238 20.6411 4.97512 21.4181C5.07725 21.644 5.17427 21.8488 5.29668 22.035C5.29211 22.0493 5.28281 22.0695 5.27887 22.0819C5.2479 22.1791 5.22983 22.2319 5.20762 22.2703C5.13163 22.4024 4.93996 22.56 4.76043 22.56C4.61353 22.56 4.21061 22.2973 3.79949 21.6834C3.38838 21.0696 2.97218 20.1923 2.61262 19.2637C2.25305 18.3351 1.94682 17.3527 1.73231 16.515C1.51779 15.6772 1.40043 14.9555 1.40043 14.6747C1.40043 14.2124 1.52754 14.0885 1.63199 14.0109C1.73644 13.9334 1.90014 13.92 1.88043 13.92ZM20.1204 13.92C20.1007 13.92 20.2644 13.9334 20.3689 14.0109C20.4733 14.0885 20.6004 14.2124 20.6004 14.6747C20.6004 14.9555 20.4831 15.6772 20.2686 16.515C20.054 17.3527 19.7478 18.3351 19.3882 19.2637C19.0287 20.1923 18.6125 21.0696 18.2014 21.6834C17.7903 22.2973 17.3873 22.56 17.2404 22.56C17.0609 22.56 16.8693 22.4024 16.7932 22.2703C16.771 22.2319 16.753 22.1791 16.722 22.0819C16.7181 22.0695 16.7088 22.0493 16.7042 22.035C16.8266 21.8488 16.9236 21.644 17.0257 21.4181C17.3763 20.6416 17.9042 19.1416 18.357 17.924C18.5854 17.3099 18.8546 16.571 19.0826 15.9187C19.3107 15.2665 19.4929 14.727 19.5664 14.4084C19.5664 14.4081 19.5664 14.4078 19.5664 14.4075C19.5893 14.3078 19.6014 14.2073 19.6095 14.1075C19.6637 14.073 19.7184 14.0356 19.7557 14.0147C19.8601 13.9561 19.9314 13.92 20.1204 13.92Z" fill="#030504" fill-opacity="0.4"/>
|
|
</svg>
|
|
</a>
|
|
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdownMenuButton1">
|
|
<li class="px-1">
|
|
<div class="accordion accordion-flush p-0 m-0" id="accordionFlushExample">
|
|
<div class="accordion-item">
|
|
<h4 class="accordion-header" id="flush-headingOne">
|
|
<button class="accordion-button accordion-button-homebar py-2 px-3 m-0 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseOne" aria-expanded="false" aria-controls="flush-collapseOne">
|
|
Headphones Type
|
|
</button>
|
|
</h4>
|
|
<div id="flush-collapseOne" class="p-0 m-0 accordion-collapse collapse" aria-labelledby="flush-headingOne" data-bs-parent="#accordionFlushExample">
|
|
<div class="accordion-body p-0 m-0">
|
|
<ul class="nav flex-column">
|
|
<li class="nav-item">
|
|
<a class="nav-link text-decoration-none text-dark" aria-current="page" href="#">In-Ear <span class="float-end"><img src="~/assets/image/airbods.png"></span></a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#">Over-Ear <span class="float-end"><img src="~/assets/image/headphone.png"></span> </a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="px-1">
|
|
<div class="accordion accordion-flush p-0 m-0" id="accordionFlushExample1">
|
|
<div class="accordion-item">
|
|
<h4 class="accordion-header" id="flush-headingOne">
|
|
<button class="accordion-button accordion-button-homebar py-2 px-3 m-0 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseOne1" aria-expanded="false" aria-controls="flush-collapseOne">
|
|
Headphones Type
|
|
</button>
|
|
</h4>
|
|
<div id="flush-collapseOne1" class="p-0 m-0 accordion-collapse collapse" aria-labelledby="flush-headingOne" data-bs-parent="#accordionFlushExample1">
|
|
<div class="accordion-body p-0 m-0">
|
|
<ul class="nav flex-column">
|
|
<li class="nav-item">
|
|
<a class="nav-link text-decoration-none text-dark" aria-current="page" href="#">No <span class="float-end"><img src="~/assets/image/AudioWave1.png"></span></a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#">Yes <span class="float-end"><img src="~/assets/image/audiowave2.png"></span></a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link nav-icons py-2" id="foucused-icon" href="#" >
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 19 20" fill="none">
|
|
<path d="M2.69824 0.055674C1.5521 0.101019 0.5 1.0361 0.5 2.29591V17.7041C0.5 19.3839 2.37138 20.486 3.84082 19.6719L17.7451 11.9678C19.2568 11.1301 19.2568 8.86988 17.7451 8.03224L3.84082 0.328135C3.47346 0.124617 3.08029 0.0405589 2.69824 0.055674ZM2.71582 1.53321C2.84512 1.53266 2.98064 1.56618 3.11328 1.63966L17.0186 9.34376C17.5678 9.64811 17.5678 10.3519 17.0186 10.6563L3.11328 18.3604C2.58272 18.6543 2 18.3104 2 17.7041V2.29591C2 1.99278 2.14535 1.75582 2.35742 1.63087C2.46346 1.5684 2.58652 1.53377 2.71582 1.53321Z" fill="#030504" fill-opacity="0.4"/>
|
|
</svg>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link nav-icons py-2" href="#">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 20" fill="none">
|
|
<path d="M6.19515 0.864961C6.17452 0.868712 6.1539 0.874336 6.13515 0.879961C5.91202 0.930586 5.75452 1.13121 5.76015 1.35996V18.64C5.75827 18.8125 5.84827 18.9737 5.99827 19.0618C6.14827 19.1481 6.33202 19.1481 6.48202 19.0618C6.63202 18.9737 6.72202 18.8125 6.72015 18.64V1.35996C6.72577 1.22121 6.66952 1.08809 6.57015 0.994336C6.4689 0.898711 6.33202 0.851836 6.19515 0.864961ZM17.7151 0.864961C17.6945 0.868712 17.6739 0.874336 17.6551 0.879961C17.432 0.930586 17.2745 1.13121 17.2801 1.35996V18.64C17.2783 18.8125 17.3683 18.9737 17.5183 19.0618C17.6683 19.1481 17.852 19.1481 18.002 19.0618C18.152 18.9737 18.242 18.8125 18.2401 18.64V1.35996C18.2458 1.22121 18.1895 1.08809 18.0901 0.994336C17.9889 0.898711 17.852 0.851836 17.7151 0.864961ZM3.31515 5.18496C3.29452 5.18871 3.2739 5.19434 3.25515 5.19996C3.03202 5.25059 2.87452 5.45121 2.88015 5.67996V14.32C2.87827 14.4925 2.96827 14.6537 3.11827 14.7418C3.26827 14.8281 3.45202 14.8281 3.60202 14.7418C3.75202 14.6537 3.84202 14.4925 3.84015 14.32V5.67996C3.84577 5.54121 3.78952 5.40809 3.69015 5.31434C3.5889 5.21871 3.45202 5.17184 3.31515 5.18496ZM20.5951 5.18496C20.5745 5.18871 20.5539 5.19434 20.5351 5.19996C20.312 5.25059 20.1545 5.45121 20.1601 5.67996V14.32C20.1583 14.4925 20.2483 14.6537 20.3983 14.7418C20.5483 14.8281 20.732 14.8281 20.882 14.7418C21.032 14.6537 21.122 14.4925 21.1201 14.32V5.67996C21.1258 5.54121 21.0695 5.40809 20.9701 5.31434C20.8689 5.21871 20.732 5.17184 20.5951 5.18496ZM9.07515 5.66496C9.05452 5.66871 9.0339 5.67434 9.01515 5.67996C8.79202 5.73059 8.63452 5.93121 8.64015 6.15996V13.84C8.63827 14.0125 8.72827 14.1737 8.87827 14.2618C9.02827 14.3481 9.21202 14.3481 9.36202 14.2618C9.51202 14.1737 9.60202 14.0125 9.60015 13.84V6.15996C9.60577 6.02121 9.54952 5.88809 9.45015 5.79434C9.3489 5.69871 9.21202 5.65184 9.07515 5.66496ZM14.8351 5.66496C14.8145 5.66871 14.7939 5.67434 14.7751 5.67996C14.552 5.73059 14.3945 5.93121 14.4001 6.15996V13.84C14.3983 14.0125 14.4883 14.1737 14.6383 14.2618C14.7883 14.3481 14.972 14.3481 15.122 14.2618C15.272 14.1737 15.362 14.0125 15.3601 13.84V6.15996C15.3658 6.02121 15.3095 5.88809 15.2101 5.79434C15.1089 5.69871 14.972 5.65184 14.8351 5.66496ZM0.435146 8.06496C0.414521 8.06871 0.393896 8.07434 0.375146 8.07996C0.152021 8.13059 -0.00547904 8.33121 0.000145979 8.55996V11.44C-0.00172902 11.6125 0.0882711 11.7737 0.238271 11.8618C0.388271 11.9481 0.572021 11.9481 0.722021 11.8618C0.872021 11.7737 0.962021 11.6125 0.960146 11.44V8.55996C0.965771 8.42121 0.909521 8.28809 0.810146 8.19434C0.708896 8.09871 0.572021 8.05184 0.435146 8.06496ZM11.9551 8.06496C11.9345 8.06871 11.9139 8.07434 11.8951 8.07996C11.672 8.13059 11.5145 8.33121 11.5201 8.55996V11.44C11.5183 11.6125 11.6083 11.7737 11.7583 11.8618C11.9083 11.9481 12.092 11.9481 12.242 11.8618C12.392 11.7737 12.482 11.6125 12.4801 11.44V8.55996C12.4858 8.42121 12.4295 8.28809 12.3301 8.19434C12.2289 8.09871 12.092 8.05184 11.9551 8.06496ZM23.4751 8.06496C23.4545 8.06871 23.4339 8.07434 23.4151 8.07996C23.192 8.13059 23.0345 8.33121 23.0401 8.55996V11.44C23.0383 11.6125 23.1283 11.7737 23.2783 11.8618C23.4283 11.9481 23.612 11.9481 23.762 11.8618C23.912 11.7737 24.002 11.6125 24.0001 11.44V8.55996C24.0058 8.42121 23.9495 8.28809 23.8501 8.19434C23.7489 8.09871 23.612 8.05184 23.4751 8.06496Z" fill="#030504" fill-opacity="0.4"/>
|
|
</svg>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<nuxt-link to="/setting" class="nav-link nav-icons1 py-2">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
|
<path d="M10.6584 0.959961C10.5447 0.960022 10.4346 1.00049 10.3479 1.07415C10.2612 1.14781 10.2035 1.24988 10.185 1.36215L9.71813 4.22059C9.15672 4.3839 8.6214 4.60425 8.11688 4.87871L5.75813 3.19402C5.66578 3.12808 5.55305 3.09698 5.43995 3.10625C5.32685 3.11552 5.2207 3.16455 5.14031 3.24465L3.27281 5.11027C3.19301 5.19013 3.1439 5.29557 3.13413 5.40804C3.12436 5.52052 3.15454 5.63284 3.21938 5.72527L4.87875 8.09902C4.60006 8.60649 4.37482 9.14484 4.2075 9.71152L1.36125 10.185C1.24932 10.2038 1.1477 10.2617 1.07441 10.3484C1.00113 10.4351 0.960925 10.5449 0.960938 10.6584V13.2984C0.960734 13.4112 1.00027 13.5205 1.07262 13.6071C1.14497 13.6937 1.2455 13.752 1.35656 13.7718L4.20469 14.2762C4.3711 14.8419 4.59491 15.3806 4.87406 15.8887L3.19406 18.239C3.12812 18.3314 3.09702 18.4441 3.10629 18.5572C3.11556 18.6703 3.16459 18.7765 3.24469 18.8568L5.11125 20.7243C5.19094 20.804 5.29613 20.8532 5.4084 20.8631C5.52067 20.8731 5.63286 20.8432 5.72531 20.7787L8.10375 19.1137C8.60976 19.3898 9.1464 19.6118 9.70969 19.7765L10.185 22.6387C10.2037 22.7508 10.2615 22.8527 10.3482 22.9261C10.4349 22.9996 10.5448 23.0399 10.6584 23.04H13.2984C13.4114 23.0401 13.5208 23.0005 13.6074 22.9279C13.694 22.8554 13.7522 22.7546 13.7719 22.6434L14.2809 19.77C14.8419 19.6027 15.376 19.3774 15.8794 19.0996L18.2738 20.7796C18.3662 20.8445 18.4785 20.8747 18.591 20.8649C18.7035 20.8551 18.8089 20.806 18.8888 20.7262L20.7553 18.8578C20.8358 18.7772 20.8849 18.6706 20.894 18.5571C20.9031 18.4435 20.8716 18.3305 20.805 18.2381L19.0978 15.8681C19.3708 15.3671 19.5907 14.8362 19.7541 14.279L22.6425 13.7728C22.7537 13.7531 22.8545 13.6949 22.927 13.6083C22.9996 13.5217 23.0392 13.4123 23.0391 13.2993V10.6593C23.039 10.5456 22.9985 10.4355 22.9249 10.3488C22.8512 10.2621 22.7491 10.2044 22.6369 10.1859L19.7531 9.71434C19.5886 9.1578 19.3681 8.62783 19.095 8.12715L20.7787 5.72809C20.8436 5.63566 20.8738 5.52333 20.864 5.41086C20.8542 5.29838 20.8051 5.19295 20.7253 5.11309L18.8578 3.24652C18.7772 3.16608 18.6706 3.11692 18.5571 3.10782C18.4436 3.09872 18.3305 3.13027 18.2381 3.19684L15.8747 4.89652C15.3711 4.61987 14.8367 4.3958 14.2744 4.22996L13.7719 1.35746C13.7524 1.24605 13.6943 1.14508 13.6077 1.07236C13.521 0.99964 13.4115 0.959834 13.2984 0.959961H10.6584ZM11.0672 1.91996H12.8953L13.3734 4.64902C13.3893 4.74055 13.4315 4.8255 13.4947 4.89356C13.5579 4.96163 13.6396 5.00988 13.7297 5.03246C14.4317 5.2074 15.091 5.4847 15.6928 5.84902C15.7733 5.89777 15.8663 5.92181 15.9603 5.91814C16.0543 5.91448 16.1451 5.88327 16.2216 5.8284L18.4678 4.21402L19.7606 5.50684L18.1612 7.7859C18.1078 7.86193 18.0776 7.95182 18.0743 8.04468C18.071 8.13754 18.0947 8.22937 18.1425 8.30902C18.5032 8.90947 18.7768 9.56462 18.9516 10.2628C18.9743 10.3537 19.0232 10.436 19.0922 10.4995C19.1611 10.5629 19.2472 10.6048 19.3397 10.62L22.0791 11.0681V12.8962L19.3341 13.3781C19.2425 13.3943 19.1575 13.4368 19.0896 13.5004C19.0217 13.5639 18.9738 13.6459 18.9516 13.7362C18.7788 14.4335 18.5051 15.0886 18.1444 15.689C18.096 15.7695 18.0722 15.8623 18.076 15.9562C18.0799 16.05 18.1111 16.1406 18.1659 16.2168L19.7878 18.4678L18.495 19.7615L16.2197 18.165C16.1433 18.1114 16.0529 18.0813 15.9597 18.0783C15.8665 18.0754 15.7744 18.0996 15.6947 18.1481C15.0959 18.5124 14.4359 18.791 13.7363 18.9684C13.6466 18.991 13.5653 19.039 13.5023 19.1067C13.4392 19.1744 13.3971 19.2589 13.3809 19.35L12.8963 22.08H11.0653L10.6134 19.3621C10.5981 19.2697 10.556 19.1838 10.4923 19.115C10.4287 19.0462 10.3463 18.9975 10.2553 18.975C9.55289 18.8018 8.89061 18.5249 8.28469 18.1612C8.20514 18.1136 8.11349 18.09 8.02082 18.0933C7.92815 18.0966 7.83843 18.1267 7.7625 18.18L5.505 19.7615L4.21125 18.4659L5.80688 16.2356C5.86141 16.1592 5.89234 16.0684 5.89584 15.9746C5.89933 15.8808 5.87525 15.788 5.82656 15.7078C5.45887 15.1002 5.18079 14.438 5.00531 13.7325C4.98286 13.6426 4.93489 13.5611 4.86719 13.4979C4.79949 13.4347 4.71494 13.3925 4.62375 13.3762L1.92094 12.8962V11.0653L4.62188 10.6162C4.71421 10.6009 4.80005 10.5589 4.86884 10.4955C4.93763 10.432 4.98637 10.3498 5.00906 10.259C5.18605 9.55107 5.464 8.88895 5.83031 8.28277C5.87862 8.20319 5.90274 8.11128 5.89975 8.01823C5.89675 7.92519 5.86676 7.83502 5.81344 7.75871L4.23656 5.50496L5.53125 4.21121L7.76906 5.81059C7.84519 5.86487 7.93552 5.89574 8.02895 5.89941C8.12238 5.90307 8.21485 5.87937 8.295 5.83121C8.89772 5.46922 9.56154 5.19456 10.2647 5.02215C10.3561 4.99965 10.4389 4.95077 10.5027 4.88159C10.5665 4.81242 10.6086 4.726 10.6238 4.63309L11.0672 1.91996ZM12 8.15996C9.88491 8.15996 8.16 9.88487 8.16 12C8.16 14.115 9.88491 15.84 12 15.84C14.1151 15.84 15.84 14.115 15.84 12C15.84 9.88487 14.1151 8.15996 12 8.15996ZM12 9.11996C13.5963 9.11996 14.88 10.4037 14.88 12C14.88 13.5962 13.5963 14.88 12 14.88C10.4037 14.88 9.12 13.5962 9.12 12C9.12 10.4037 10.4037 9.11996 12 9.11996Z" fill="#030504" fill-opacity="0.4"/>
|
|
</svg>
|
|
</nuxt-link>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<nuxt-page key="child" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
import SettingBar from "../components/settingbar";
|
|
export default {
|
|
components: {SettingBar}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
.list-active{
|
|
border-radius: 10px;
|
|
width: 100% !important;
|
|
}
|
|
.list-active.router-link-exact-active{
|
|
background-color: #e9c046;
|
|
border-radius: 10px;
|
|
color: white !important;
|
|
width: 100% !important;
|
|
}
|
|
.list-active:active a{
|
|
color: white !important;
|
|
}
|
|
.nav-icons1.router-link-exact-active{
|
|
fill: white;
|
|
background-color: #e9c046;
|
|
border-radius: 10px;
|
|
}
|
|
.nav-icons1.router-link-exact-active svg path{
|
|
fill: white;
|
|
}
|
|
</style> |