Scribd
Upload
6 views

modmenu

The document is an HTML file for a web application called 'MenuAim by Joker aim', which includes various JavaScript and CSS libraries for styling and functionality. It features a menu interface with interactive elements, including tabs and buttons, and is designed to manipulate data using a plugin called 'h5frida' for code patching. The application appears to focus on hacking or modifying values within a game or software environment.

Uploaded by

frailisan01
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
6 views

modmenu

The document is an HTML file for a web application called 'MenuAim by Joker aim', which includes various JavaScript and CSS libraries for styling and functionality. It features a menu interface with interactive elements, including tabs and buttons, and is designed to manipulate data using a plugin called 'h5frida' for code patching. The application appears to focus on hacking or modifying values within a game or software environment.

Uploaded by

frailisan01
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 18

menu by Joker aim

<!DOCTYPE html>
<html>
<header>
<title>MenuAim by Joker aim </title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />


<link rel="stylesheet" href="https://unpkg.com/[email protected]/lib/theme-
chalk/index.css">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.min.js"></script>
<link rel="stylesheet"
href="https://fastly.jsdelivr.net/npm/vant@2/lib/index.css" />
<script src="https://fastly.jsdelivr.net/npm/vant@2/lib/vant.min.js"></script>
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>

<style>
body {
height: 500px;
width: 700px;
}

* {
padding: 0;
margin: 0;
color: #fff;
}

.ayimgui {
position: fixed;
width: 410px;
height: 280px;
top: calc(50% - 180px);
left: calc(50% - 180px);
z-index: 999;
background: rgba(0, 0, 0, 0.9);
/* màu background menu */
background-size: 25599px;
/*border-color: #04ff00;
border-radius: 10px;*/
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: #7c81aa;

.onlyTitle {
height: 25px !important;

.ayimgui .aytitle {
padding: 0 5px;
font-size: 22px;
background: rgba(5, 56, 114, 0.9);
/* thanh tên menu */
}
.ayimgui .aytitle .titleClose {
position: absolute;
top: 3px;
right: 6px;
color: #062d61;
}

.ayimgui .aytitle .titleClose:hover {


color: #000;
}

.ayimgui .aybody {
padding: 15px;
height: calc(100% - 21px - 15px - 15px);
/*减去标题高度，减去上线 padding 高度*/
overflow: auto;
font-size: 15px;
}

.aytext {
width: 100%;
margin-bottom: 10px;
display: flex;
flex-direction: column;
justify-content: space-around;
color: #fff;
}

input[type=checkbox] {
visibility: hidden;
vertical-align: middle;
margin-bottom: 1px;
cursor: pointer;
position: relative;
width: 26px;
height: 30px;

input[type=checkbox]::after {
position: absolute;
top: 0;
margin-top: 1px;
width: 22px;
height: 22px;
border: 2px solid #ffffff;
border-radius: 40px;
background-color: #000000;
display: inline-block;
visibility: visible;
text-align: center;
content: ' '

/* giao diện nút bật chức năng */


input[type=checkbox]:checked::after {
content: "✓";
color: #ffffff;
border-color: #ffffff;
background-color: #000000;
font-size: 18px;
font-weight: bold;

input[type=lradio] {
width: 20px;
height: 20px;
margin-right: 6px;
border: none;
outline-style: none;
-webkit-appearance: none;
vertical-align: middle;
border: 1px solid #686868F0;
border-radius: 50%;
}

input[type=lradio]:checked {
border: 6px solid #2F7DCDF0;
background: #E8E8E8;
}

.onlySelect {
background-color: rgb(254, 254, 254);
border: none;
}

.onlySelect .el-select-dropdown__item {
color: #000;

.onlySelect .el-select-dropdown__item.hover,
.el-select-dropdown__item:hover:hover {
background-color: transparent;
}

.onlySelect .popper__arrow {
border-bottom-color: rgb(254, 254, 254) !important;
}

.onlySelect.el-popper[x-placement^=bottom] .popper__arrow::after {
border-bottom-color: rgb(8254, 254, 254) !important;
}

.el-select {
width: 100%;
}

.el-select .el-input {
background-color: rgb(254, 254, 254);
}

.el-select .el-input__suffix {
background-color: rgb(160, 196, 243);
color: #000;
right: 0;
}

.el-select .el-select__caret {
color: #000;
}

.el-select .el-input__inner {
background-color: transparent;
border: none;
color: #000;
}

.el-select .el-input .el-select__caret {


color: #000;
}

.el-scrollbar .el-scrollbar__bar {
opacity: 1 !important;
}

.el-button {
font-size: 14px;
padding: 5px 10px;
line-height: 14px;
color: #000;
background-color: #B8D1F2;
}

.el-button:hover {
opacity: .7;
color: #000;
background-color: #B8D1F2;
}

.el-button:focus,
.el-button:hover {
color: #000;
background-color: #B8D1F2;
}

.aycollapse {
width: 100%;
font-size: 14px;
background-color: rgb(177, 206, 240);
color: #000;
}

.aytab {
width: 100%;
height: 25px;
display: flex;
border-bottom: 2px solid rgb(200, 217, 233);
}

.aytab span {
padding: 1 2 px;
height: 100%px;
display: flex;
align-items: center;
justify-content: center;
background-color: rgb(189, 199, 208);
color: #fff;
font-size: 16px;
font-weight: 500;
margin-left: 2px;
border-radius: 6px 6px 0 0;
cursor: pointer;
}

.el-input input {
background-color: rgb(254, 254, 254);
border: none;
border-radius: 0px;

input[type=range] {
-webkit-appearance: none;
}

input[type=range]:focus {
outline: none;
}

input[type=range]::-webkit-slider-runnable-track {
height: 21px;
cursor: pointer;
animate: 0.2s;
background: #5c5870;
border-radius: 100px;
}

input[type=range]::-webkit-slider-thumb {
border: 1px solid #000000;
height: 21px;
width: 21px;
border-radius: 30px;
background: #489af7;
cursor: pointer;
-webkit-appearance: none;
margin-top: -0px;
}

input[type=range]:focus::-webkit-slider-runnable-track {
background: #0d1804;
}

input[type=range]::-webkit-slider-thumb::after {
content: attr(value) "%";
position: absolute;
top: -25px;
left: 50%;
transform: translateX(-50%);
color: #ffffff;
font-weight: bold;
font-size: 12px;
}
/* .color-effect {
animation: color-change 5s infinite;
}

@keyframes color-change {
0%, 100% {
color: #ff7675;
}
25% {
color: #74b9ff;
}
50% {
color: #55efc4;
}
75% {
color: #ffeaa7;
}
} */

</style>
</header>

<body>
<div id="app">
<div :class="!ifshow?'onlyTitle ayimgui':'ayimgui'" ref="menuMain">
<div class="aytitle" @touchstart="titleTouchStart"
@touchmove="titleTouchMove">
<i :class="ifshow?'el-icon-caret-bottom':'el-icon-caret-top'"
@click="ifshow = !ifshow" style="color: white"></i>
<span class="title-age" style="margin-left:50px;font-size: 15px; color:
white;">Menuaim by Joker aim | Đức Thế 💀<img
src="https://github.com/WeansHHN/weanshhn.github.io/blob/main/img/gif/gifwaifu.gif?
raw=true" alt="weanshhn" width="15" height="15" /> </span>
</div>
<div class="aybody">
<div class="aytab">
<span
@click="changeTab('two')" :style="{background:tabValue==='two'?'#083C80':'#000000'}
">HOME</span>
</div>
<script src="./template - Copy_files/jquery.min.js.tải xuống"></script>
<script>
h5gg.require(7.9);
var h5frida = h5gg.loadPlugin("h5frida", "h5frida-16.0.10.dylib");

function ActiveCodePatch(fpath, vaddr, bytes) {


if (!h5frida.ActiveCodePatch(fpath, vaddr, bytes)) {
var result = h5frida.ApplyCodePatch(fpath, vaddr, bytes);
}
return true;
}

function DeactiveCodePatch(fpath, vaddr, bytes) {


return h5frida.DeactiveCodePatch(fpath, vaddr, bytes);
}
var codeStatus = false;

function hêh() {
function searchAndReplace(searchValue, replaceValue, type) {
h5gg.clearResults();
h5gg.searchNumber(searchValue, type, '0x100000000', '0x160000000');
var results = h5gg.getResults(h5gg.getResultsCount());
for (var i = 0; i < results.length; i++) {
h5gg.setValue(results[i].address, replaceValue.toString(), type)
}
}
searchAndReplace(1016018816, 180, 'I32')
}

function magic() {
h5gg.clearResults();
h5gg.searchNumber('4333543704410193920', 'I64', '0x100000000',
'0x160000000');
h5gg.searchNearby('0.01', 'F32', '0x8');
h5gg.searchNearby('0.0219~0.02975', 'F32', '0x32')
h5gg.searchNearby('0.1035~0.1070', 'F32', '0x4');
h5gg.searchNearby('2.802597e-45', 'F32', '0x4');
h5gg.searchNumber('0.1035~0.1070', 'F32', '0x100000000',
'0x160000000');
h5gg.editAll('1.875', "F32");
vant.Notify({
type: 'success'
, message: 'HACK BY DUY ANH'
});
}

function xoahoatanh() {
function searchAndReplace(searchValue, replaceValue, type) {
h5gg.clearResults();
h5gg.searchNumber(searchValue, type, '0x100000000', '0x160000000');
var results = h5gg.getResults(h5gg.getResultsCount());
for (var i = 0; i < results.length && i < 10; i++) {
h5gg.setValue(results[i].address, replaceValue.toString(), type);
}
}
searchAndReplace(3145840, 49, 'I32');
}

function hscu() {
function searchAndReplace(searchValue, replaceValue, type) {
h5gg.clearResults();
h5gg.searchNumber(searchValue, type, '0x100000000', '0x200000000');
var results = h5gg.getResults(h5gg.getResultsCount());
for (var i = 0; i < results.length; i++) {
h5gg.setValue(results[i].address, replaceValue.toString(), type)
}
}
searchAndReplace(2018908708, 96688289, 'I32')
}

function nhetam() {
h5gg.clearResults();
h5gg.searchNumber('4728779608739021057', 'I64', '0x100000000',
'0x150000000');

alert('On(' + h5gg.getResultsCount() + ')');


var count = h5gg.getResultsCount(); //获取总共搜索结果个数

var r = h5gg.getResults(count); //获取总共搜索结果个数的数组

//开始循环遍历

for (var i = 0; i < count; i++) {

var addr1 = r[i].address; //获取每个搜索结果的地址 address 弟子 value 值 type 类型

var weishu = /18$/; //设置置顶结尾

var pd = weishu.test(addr1); //判断地址是否包含指定结尾

var dizhi1 = (Number(addr1) + 4);

if (pd) {
h5gg.setValue(dizhi1, 100, "F32");

}
}
vant.Notify({
type: 'success'
, message: ''
});

function buffman1() {
h5gg.clearResults();
var hk1 = prompt("請輸入想要的靈敏");
h5gg.searchNumber('4417130516484980736', 'I64', '0x100000000',
'0x160000000');
var count = h5gg.getResultsCount();
var r = h5gg.getResults(count);
var cnt = 0;
for (var i = 0; i < count; i++) {
var addr1 = r[i].address;
var dizhi0 = (Number(addr1) + -4);
var dizhi1 = (Number(addr1) + -8);
var dizhi2 = (Number(addr1) + -12);
var dizhi3 = (Number(addr1) + -0);

{
h5gg.setValue(dizhi0, hk1, "F32");
h5gg.setValue(dizhi1, hk1, "F32");
h5gg.setValue(dizhi2, hk1, "F32");
h5gg.setValue(dizhi3, hk1, "F32");

}
}
vant.Notify({
type: 'success'
, message: 'HACK BY DUY ANH'
});

function modifyValue(searchValue, replaceValue, addressEndsWith,


addressEndsWith2, alertMessage) {
h5gg.clearResults();
h5gg.searchNumber(searchValue, 'I32', '0x100000000', '0x160000000');
const results = h5gg.getResults(h5gg.getResultsCount());
let modifiedCount = 0;
results.forEach(result => {
if (result.address.endsWith(addressEndsWith) ||
result.address.endsWith(addressEndsWith2)) {
h5gg.setValue(result.address, replaceValue.toString(), 'I32');
modifiedCount++;
}
});
if (modifiedCount > 0) {
if (alertMessage) alert(alertMessage)
} else if (alertMessage) {
alert("Không tìm thấy kết quả phù hợp để thay đổi.")
}
}
var Nhayman = 15;
var nhayngam = 10;

function modifyValue1(searchValue, replaceValue, addressEndsWith,


addressEndsWith2, alertMessage) {
h5gg.clearResults();
h5gg.searchNumber(searchValue, 'F32', '0x100000000', '0x160000000');
const results = h5gg.getResults(h5gg.getResultsCount());
let modifiedCount = 0;

results.forEach(result => {
if (result.address.endsWith(addressEndsWith) || (addressEndsWith2
&& result.address.endsWith(addressEndsWith2))) {
h5gg.setValue(result.address, replaceValue.toString(), 'F32');
modifiedCount++;

if (searchValue === Nhayman) Nhayman = replaceValue;


if (searchValue === nhayngam) nhayngam = replaceValue;
}
});

if (modifiedCount > 0 && alertMessage) {


alert(alertMessage);
} else if (alertMessage) {
alert("Không tìm thấy kết quả phù hợp để thay đổi.");
}
}

function buffman2() {
modifyValue1(nhayngam, Number(prompt("Nhập Độ Nhạy Màn Hình :", "")),
'BB4', null, 'Đã Thay Đổi Độ Nhạy Màn Hình');
modifyValue1(Nhayman, Number(prompt("Nhập Độ Nhạy Kéo Tâm :", "")),
'BAC', null, 'Đã Thay Đổi Độ Nhạy Kéo Tâm');
}

function tamawm() {
h5gg.clearResults();
h5gg.searchNumber('4603687625386098688', 'I64', '0x100000000',
'0x160000000');
var count = h5gg.getResultsCount();
var r = h5gg.getResults(count);
var cnt = 0;
for (var i = 0; i < count; i++) {
var addr1 = r[i].address;

var dizhi0 = (Number(addr1) + 36);


var dizhi1 = (Number(addr1) + 40);
var dizhi2 = (Number(addr1) + -308);

{
h5gg.setValue(dizhi0, 0.01, "F32");
h5gg.setValue(dizhi1, 0.01, "F32");
h5gg.setValue(dizhi2, 0, "I32");

}
}
vant.Notify({
type: 'success'
, message: 'on'
});

function sungnhanh() {
h5gg.clearResults();
h5gg.searchNumber('72340173878198272', 'I64', '0x100000000',
'0x130000000');
h5gg.editAll('72340172821233664', 'I64');
vant.Notify({
type: 'success'
, message: 'HACK BY DUY ANH'
});

function doisungawmnhanh() {
h5gg.clearResults();
h5gg.searchNumber('4603687625386098688', 'I64', '0x100000000',
'0x160000000');
var count = h5gg.getResultsCount();
var r = h5gg.getResults(count);
var cnt = 0;
for (var i = 0; i < count; i++) {
var addr1 = r[i].address;

var dizhi0 = (Number(addr1) + 36);


var dizhi1 = (Number(addr1) + 40);

{
h5gg.setValue(dizhi0, 0.01, "F32");
h5gg.setValue(dizhi1, 0.01, "F32");

}
}
vant.Notify({
type: 'success'
, message: 'HACK BY DUY ANH'
});

}
function aim180() {
function searchAndReplace(searchValue, replaceValue, type) {
h5gg.clearResults();
h5gg.searchNumber(searchValue, type, '0x100000000', '0x160000000');
var results = h5gg.getResults(h5gg.getResultsCount());
for (var i = 0; i < results.length; i++) {
h5gg.setValue(results[i].address, replaceValue.toString(), type)
}
}
searchAndReplace(1053273620, -2000, 'I32')
searchAndReplace(1057048494, -2000, 'I32')
searchAndReplace(1054951342, -2000, 'I32')

function ng() {
function searchAndReplace(searchValue, replaceValue, type) {
h5gg.clearResults();
h5gg.searchNumber(searchValue, type, '0x100000000', '0x160000000');
var results = h5gg.getResults(h5gg.getResultsCount());
for (var i = 0; i < results.length; i++) {
h5gg.setValue(results[i].address, replaceValue.toString(), type)
}
}
searchAndReplace(1016018816, 180, 'I32')
}

function aimlock() {
modifyValue(1077936128, -20000, 'A04');
modifyValue(1069547520, 1148829696, 'A10')
}

function danthang() {
function searchAndReplace(searchValue, replaceValue, type) {
h5gg.clearResults();
h5gg.searchNumber(searchValue, type, '0x100000000', '0x160000000');
var results = h5gg.getResults(h5gg.getResultsCount());
for (var i = 0; i < results.length; i++) {
h5gg.setValue(results[i].address, replaceValue.toString(), type)
}
}
searchAndReplace(1016018816, 180, 'I32')
}

function aimawm() {
h5gg.clearResults();
h5gg.searchNumber('31101603021', 'I64', '0x100000000',
'0x160000000');
var count = h5gg.getResultsCount();
var r = h5gg.getResults(count);
var cnt = 0;
for (var i = 0; i < count; i++) {
var addr1 = r[i].address;

var dizhi0 = (Number(addr1) + 8);

{
h5gg.setValue(dizhi0, 2139095040, "I32");
}
}
vant.Notify({
type: 'success'
, message: 'on'
});
}

function lockscope() {
h5gg.clearResults();
h5gg.searchNumber('1075000115', 'I32', '0x100000000', '0x160000000');
h5gg.editAll('-5', 'I32');
h5gg.clearResults();
h5gg.searchNearby('3', 'I32', '0x100');
h5gg.editAll('-5', 'I32');
h5gg.clearResults();
h5gg.searchNumber('1075000115', 'I32', '0x100000000', '0x160000000');
h5gg.editAll('-5', 'I32');
h5gg.clearResults();

function speedx2(input) {
if (input.checked) {
ActiveCodePatch
h5gg.clearResults();
h5gg.searchNumber('4397530849764387586', 'I64', '0x100000000',
'0x200000000');
h5gg.editAll('4397530849758414897', 'I64');

codeStatus = true;
} else {
DeactiveCodePatch
h5gg.editAll('4397530849764387586', 'I64');
codeStatus = false;
}
}

function antenanam() {
let rangeStart = '0x100000000';
let rangeEnd = '0x160000000';

let searchValue1 = '5.9762459e-7';


let searchValue2 = '1';
let searchValue3 = '1';

let modifyValue = '200';

h5gg.setFloatTolerance('0.0');

h5gg.clearResults();

h5gg.searchNumber(searchValue1, 'F32', rangeStart, rangeEnd);


h5gg.searchNearby(searchValue2, 'F32', '0x20');
h5gg.searchNumber(searchValue3, 'F32', rangeStart, rangeEnd);
let resultsCount = h5gg.getResultsCount();
if (resultsCount > 0) {
let results = h5gg.getResults(resultsCount.toString(), '0');
for (let i = 0; i < results.length; i++) {
h5gg.setValue(results[i].address, modifyValue, 'F32');
}
h5gg.clearResults();
} else {
console.log('Không tìm thấy kết quả nào từ tìm kiếm.');
}

function antenanu() {
let rangeStart = '0x100000000';
let rangeEnd = '0x160000000';

let searchValue1 = '7.5538861e-7';


let searchValue2 = '1';
let searchValue3 = '1';

let modifyValue = '200';

h5gg.setFloatTolerance('0.0');
h5gg.clearResults();
h5gg.searchNumber(searchValue1, 'F32', rangeStart, rangeEnd);
h5gg.searchNearby(searchValue2, 'F32', '0x20');
h5gg.searchNumber(searchValue3, 'F32', rangeStart, rangeEnd);
let resultsCount = h5gg.getResultsCount();
if (resultsCount > 0) {
let results = h5gg.getResults(resultsCount.toString(), '0');
for (let i = 0; i < results.length; i++) {
h5gg.setValue(results[i].address, modifyValue, 'F32');
}
h5gg.clearResults();
} else {
console.log('Không tìm thấy kết quả nào từ tìm kiếm.');
}

function antenav1() {
h5gg.clearResults();
h5gg.searchNumber('4575657222469899220', 'I64', '0x100000000',
'0x160000000');
h5gg.editAll('4848124999925814228', 'I64');
h5gg.clearResults();
h5gg.searchNumber('4575657222469336965', 'I64', '0x100000000',
'0x160000000');
h5gg.editAll('4848124999925251973', 'I64');
vant.Notify({
type: 'success'
, message: 'HACK BY DUY ANH'
});

function antenav2() {
h5gg.clearResults();
h5gg.searchNumber('1051196712', 'I64', '0x100000000', '0x160000000');
var count = h5gg.getResultsCount();
var r = h5gg.getResults(count);
var cnt = 0;
for (var i = 0; i < count; i++) {
var addr1 = r[i].address;

var dizhi0 = (Number(addr1) + 20);

{
h5gg.setValue(dizhi0, 200, "F32");
}
}
h5gg.clearResults();
h5gg.searchNumber('4575657224610966592', 'I64', '0x100000000',
'0x160000000');
h5gg.editAll('4848125002066881600', 'I64');
vant.Notify({
type: 'success'
, message: 'HACK BY DUY ANH'
});

function antenav3() {
h5gg.clearResults();
h5gg.searchNumber('4575657222443971598', 'I64', '0x100000000',
'0x130000000');
h5gg.editAll('4848124999899886606', 'I64');
h5gg.clearResults();
h5gg.searchNumber('4575657224578539469', 'I64', '0x100000000',
'0x130000000');
h5gg.editAll('4848125002034454477', 'I64');
vant.Notify({
type: 'success'
, message: 'HACK BY DUY ANH'
});

</script>

<body>
<div class="container">
<div id="titleBar">
<div v-show="tabValue==='one'">
<div style="color: #ffffff;">Mua đồ chơi fefe Antiban liên hệ
zalo:0355784637 Đức Thế
TikTok Joker aim </div>
<div class="container">
</div>
<div class="aytext">
<div class="aycollapse" @click="showOption = !showOption"
style="cursor:pointer; border-radius: 20px; background: rgba(8, 60, 128);">
<i :class="showOption?'el-icon-caret-bottom':'el-icon-caret-
right'"></i>
<br>
</div>
<div></div>
<hr>
</div>
</div>
</div>
</el-collapse-transition>
</div>

<div v-show="tabValue === 'two'">


<div style="color: #ffffff;">Chúc bạn chơi game vui vẻ</div>
<div>
<input onclick="danthang(this)" name="radio-group12"
type="checkbox" id="checkbox12" />
<label for="checkbox12" class="checkbox-label" style="margin-
right: 0px;">NO RICOIL</label><br><br>
</div>
<div>
<input onclick="tamawm(this)" name="radio-group20"
type="checkbox" id="checkbox20" />
<label for="checkbox20" class="checkbox-label" style="margin-right:
color:#f0f0f0;">TÂM AWM</label>
<input onclick="speedx2(this)" name="radio-group20"
type="checkbox" id="checkbox20" />
<label for="checkbox20" class="checkbox-label" style="margin-right:
color:#f0f0f0;">SPEED X2</label>
</audio>
<div id="info-text">QK A kh Thể Quên</div>
<audio controls autoplay>
<source src="https://files.catbox.moe/5gp741.mp3" type="audio/mpeg">
</audio>
<div id="info-text">Ngày Em Cưới</div>
<audio controls autoplay>
<source src="https://files.catbox.moe/tvbgpe.mp3" type="audio/mpeg">
</audio>
<div id="info-text">Nhạc Trung</div>
<audio controls autoplay>
<source src="https://files.catbox.moe/nkyg7y.mp3" type="audio/mpeg">
</audio>
<div id="info-text">That Girl</div>
<audio controls autoplay>
<source src="https://files.catbox.moe/4bjjfg.mp3" type="audio/mpeg">
</audio>
<div id="info-text">Jack 5 củ</div>
<audio controls autoplay>
<source src="https://files.catbox.moe/m8b4hr.mp3" type="audio/mpeg">
</audio>
<div id="info-text">Sky</div>
<audio controls autoplay>
<source src="https://files.catbox.moe/hkqk6x.mp3" type="audio/mpeg">
</audio>
<div id="info-text">Em Đã Xa anh</div>
<audio controls autoplay>
<source src="https://files.catbox.moe/gvqgma.mp3" type="audio/mpeg">
</audio>
<div id="info-text">Xin Xi</div>
<audio controls autoplay>
<source src="https://files.catbox.moe/va1xdn.mp3" type="audio/mpeg">
</audio>
</div>
<div class="aytext">
<div class="aycollapse" @click="showOption = !showOption"
style="cursor:pointer; border-radius: 20px; background: rgba(8, 60, 128);">
<i :class="showOption?'el-icon-caret-bottom':'el-icon-caret-
right'"></i>
<br>
</div>
<div></div>
<hr>
</div>
</div>
</div>
</el-collapse-transition>
</div>
<div v-show="tabValue === 'tue'">
<br>
</div>

</el-collapse-transition>
<div style="color: #ffffff;"> <br><br></div>
<script>
var app = new Vue({
el: "#app"
, data() {
return {
ifshow: true
, checked: false
, radio: '1'
, activeSelect: ''
, selectOption: [{

}]
, input: ""
, showOption: false
, tabValue: "one"
, }
}
, mounted() {
this.setRect(360, 320);

//设置不可拖动
setWindowDrag(0, 0, 0, 0);

var layout = function () {


//window.orientation 是设备握持方向, 不是屏幕显示方向
if (window.lastorientation == window.orientation) return;
window.lastorientation = window.orientation;

//window.screen 中的宽高不会随着屏幕旋转更新(只会在初始化的时候固定)
if (Math.abs(window.orientation) == 90) {
//横屏模式
setWindowRect(0, 0, window.screen.height,
window.screen.width);
} else {
//竖屏模式
setWindowRect(0, 0, window.screen.width,
window.screen.height);
}
}

layout(); //设置旋转屏幕时自动调整布局和画布
window.addEventListener("orientationchange", layout, false);
setButtonAction(function () {
var menu = document.querySelector("#app");
if (menu.style.display == 'none') {
menu.style.display = 'block';
//显示菜单之后, 设置触控不可穿透悬浮窗口
setWindowTouch(true);
} else {
menu.style.display = 'none';
//隐藏菜单之后, 设置触控穿透悬浮窗口
setWindowTouch(false);
}
});
},

methods: {
setRect(w, h, x = -1, y = -1) {
var boxW = w;
var boxH = h;

var ayMenu = this.$refs.menuMain;


ayMenu.style.width = `${boxW}px`;
ayMenu.style.height = `${boxH}px`;
if (x == -1) ayMenu.style.left = `calc(50% - ${boxW / 2}px)`;
if (y == -1) ayMenu.style.top = `calc(50% - ${boxH / 2}px)`;

ayMenu.style.width = "400px";
ayMenu.style.height = "240px";

ayMenu.style.borderBottomLeftRadius = "10px";
ayMenu.style.borderBottomRightRadius = "10px";
ayMenu.style.borderTopLeftRadius = "10px";
ayMenu.style.borderTopRightRadius = "10px";
}
, titleTouchStart(event) {

this.touchStartX = parseInt(event.touches[0].clientX);
this.touchStartY = parseInt(event.touches[0].clientY);

var ayMenu = this.$refs.menuMain;


this.menuLastX = ayMenu.offsetLeft;
this.menuLastY = ayMenu.offsetTop;
document.ayimgui.style.height = '1px';
document.container.style.height = '1px';
document.aybody.style.height = '1px';
document.aytab.style.height = '1px';

}
, titleTouchMove(event) {
event.preventDefault();
var distanceX = event.touches[0].clientX - this.touchStartX;
var distanceY = event.touches[0].clientY - this.touchStartY;

var ayMenu = this.$refs.menuMain;


ayMenu.style.left = this.menuLastX + distanceX + "px";
ayMenu.style.top = this.menuLastY + distanceY + "px";
},
//切换导航栏
changeTab(v) {
this.tabValue = v;
}
, closeimgui() {
var menu = document.querySelector("#app");
menu.style.display = 'none';
}
}
});

</script>
</body>

</html>

You might also like