hy/chatapp-h5
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: remove hyapp status bars

Browse Source
This commit is contained in:
170-carry 2026-04-29 00:22:11 +08:00
parent 4272a521e7
commit 607a244c0a
14 changed files with 11 additions and 634 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
h5/hyapp/agency-center/host-list.html
View File

@ -4,22 +4,12 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" />
<title>Host List</title>
<link rel="stylesheet" href="./style.css?v=20260428-2320" />
<link rel="stylesheet" href="./style.css?v=20260429-0300" />
<link rel="stylesheet" href="./host-list.css?v=20260428-2320" />
</head>
<body>
<div class="agency-center host-list-page" aria-label="Host List" data-i18n-aria="page_label" data-loading="true">
<div class="hero-bg" aria-hidden="true"></div>
<header class="status-bar" aria-hidden="true">
<span class="status-time">9:41</span>
<span class="status-icons">
<span class="cellular"><i></i><i></i><i></i><i></i></span>
<span class="wifi"><i></i><i></i><i></i></span>
<span class="battery"><i></i></span>
</span>
</header>
<nav class="title-bar">
<button class="back-button" type="button" aria-label="Back" data-i18n-aria="back">
<svg viewBox="0 0 32 32" aria-hidden="true">

12
h5/hyapp/agency-center/index.html
View File

@ -4,21 +4,11 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" />
<title>Agency Center</title>
<link rel="stylesheet" href="./style.css?v=20260428-2320" />
<link rel="stylesheet" href="./style.css?v=20260429-0300" />
</head>
<body>
<div class="agency-center" aria-label="Agency Center" data-i18n-aria="page_label" data-loading="true" data-view="loading">
<div class="hero-bg" aria-hidden="true"></div>
<header class="status-bar" aria-hidden="true">
<span class="status-time">9:41</span>
<span class="status-icons">
<span class="cellular"><i></i><i></i><i></i><i></i></span>
<span class="wifi"><i></i><i></i><i></i></span>
<span class="battery"><i></i></span>
</span>
</header>
<nav class="title-bar">
<button class="back-button" type="button" aria-label="Back" data-i18n-aria="back">
<svg viewBox="0 0 32 32" aria-hidden="true">

114
h5/hyapp/agency-center/style.css
View File

@ -75,126 +75,12 @@ a {
clip-path: polygon(0 0, 100% 0, 100% 76%, 70% 47%, 40% 58%, 0 78%);
}
.status-bar,
.title-bar,
.content,
.home-indicator {
position: relative;
z-index: 1;
}
.status-bar {
display: flex;
align-items: center;
justify-content: space-between;
height: 47px;
padding: 18px 29px 0 38px;
color: #11161c;
direction: ltr;
font-size: 15px;
font-weight: 800;
}
.status-icons {
display: flex;
align-items: center;
gap: 6px;
}
.cellular {
display: flex;
align-items: flex-end;
gap: 2px;
width: 18px;
height: 12px;
}
.cellular i {
width: 3px;
border-radius: 2px;
background: #11161c;
}
.cellular i:nth-child(1) {
height: 4px;
}
.cellular i:nth-child(2) {
height: 6px;
}
.cellular i:nth-child(3) {
height: 9px;
}
.cellular i:nth-child(4) {
height: 11px;
}
.wifi {
position: relative;
width: 18px;
height: 13px;
}
.wifi i {
position: absolute;
left: 50%;
border: 2px solid #11161c;
border-bottom: 0;
border-left-color: transparent;
border-right-color: transparent;
border-radius: 12px 12px 0 0;
transform: translateX(-50%);
}
.wifi i:nth-child(1) {
top: 1px;
width: 16px;
height: 8px;
}
.wifi i:nth-child(2) {
top: 5px;
width: 10px;
height: 5px;
}
.wifi i:nth-child(3) {
top: 10px;
width: 4px;
height: 4px;
border: 0;
border-radius: 50%;
background: #11161c;
}
.battery {
position: relative;
width: 24px;
height: 12px;
border: 2px solid #11161c;
border-radius: 3px;
}
.battery::after {
content: "";
position: absolute;
top: 3px;
right: -4px;
width: 2px;
height: 4px;
border-radius: 0 2px 2px 0;
background: #11161c;
}
.battery i {
display: block;
width: 16px;
height: 100%;
background: #11161c;
}
.title-bar {
display: grid;
grid-template-columns: 52px 1fr 52px;

12
h5/hyapp/bd-center/index.html
View File

@ -4,21 +4,11 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" />
<title>BD Center</title>
<link rel="stylesheet" href="./style.css?v=20260429-0205" />
<link rel="stylesheet" href="./style.css?v=20260429-0300" />
</head>
<body>
<div class="bd-center" aria-label="BD Center" data-i18n-aria="page_label" data-loading="true">
<div class="hero-bg" aria-hidden="true"></div>
<header class="status-bar" aria-hidden="true">
<span class="status-time">9:41</span>
<span class="status-icons">
<span class="cellular"><i></i><i></i><i></i><i></i></span>
<span class="wifi"><i></i><i></i><i></i></span>
<span class="battery"><i></i></span>
</span>
</header>
<nav class="title-bar">
<button class="back-button" type="button" aria-label="Back" data-i18n-aria="back">
<svg viewBox="0 0 32 32" aria-hidden="true">

91
h5/hyapp/bd-center/style.css
View File

@ -69,98 +69,12 @@ button {
clip-path: polygon(0 0, 100% 0, 100% 76%, 70% 47%, 40% 58%, 0 78%);
}
.status-bar,
.title-bar,
.content,
.home-indicator {
position: relative;
z-index: 1;
}
.status-bar {
display: flex;
align-items: center;
justify-content: space-between;
height: 47px;
padding: 18px 29px 0 38px;
color: #11161c;
direction: ltr;
font-size: 15px;
font-weight: 800;
}
.status-icons {
display: flex;
align-items: center;
gap: 6px;
}
.cellular {
display: flex;
align-items: flex-end;
gap: 2px;
width: 18px;
height: 12px;
}
.cellular i {
width: 3px;
border-radius: 2px;
background: #11161c;
}
.cellular i:nth-child(1) { height: 4px; }
.cellular i:nth-child(2) { height: 6px; }
.cellular i:nth-child(3) { height: 9px; }
.cellular i:nth-child(4) { height: 12px; }
.wifi {
position: relative;
display: inline-flex;
width: 16px;
height: 12px;
}
.wifi i {
position: absolute;
left: 50%;
bottom: 0;
border: 2px solid transparent;
border-top-color: #11161c;
border-radius: 50%;
transform: translateX(-50%);
}
.wifi i:nth-child(1) { width: 16px; height: 16px; }
.wifi i:nth-child(2) { width: 11px; height: 11px; bottom: 2px; }
.wifi i:nth-child(3) { width: 5px; height: 5px; bottom: 4px; background: #11161c; border: 0; }
.battery {
position: relative;
width: 24px;
height: 12px;
border: 2px solid #11161c;
border-radius: 2px;
}
.battery::after {
content: "";
position: absolute;
right: -4px;
top: 3px;
width: 2px;
height: 4px;
border-radius: 0 2px 2px 0;
background: #11161c;
}
.battery i {
display: block;
width: 16px;
height: 100%;
background: #11161c;
}
.title-bar {
display: grid;
grid-template-columns: 44px minmax(0, 1fr) 56px;
@ -1249,11 +1163,6 @@ button {
}
@media (max-width: 360px) {
.status-bar {
padding-right: 22px;
padding-left: 30px;
}
.content {
padding-right: 12px;
padding-left: 12px;

12
h5/hyapp/bd-leader-center/index.html
View File

@ -4,21 +4,11 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" />
<title>BD Leader Center</title>
<link rel="stylesheet" href="./style.css?v=20260429-0125" />
<link rel="stylesheet" href="./style.css?v=20260429-0300" />
</head>
<body>
<div class="bd-leader-center" aria-label="BD Leader Center" data-i18n-aria="page_label" data-loading="true">
<div class="hero-bg" aria-hidden="true"></div>
<header class="status-bar" aria-hidden="true">
<span class="status-time">9:41</span>
<span class="status-icons">
<span class="cellular"><i></i><i></i><i></i><i></i></span>
<span class="wifi"><i></i><i></i><i></i></span>
<span class="battery"><i></i></span>
</span>
</header>
<nav class="title-bar">
<button class="back-button" type="button" aria-label="Back" data-i18n-aria="back">
<svg viewBox="0 0 32 32" aria-hidden="true">

91
h5/hyapp/bd-leader-center/style.css
View File

@ -69,98 +69,12 @@ button {
clip-path: polygon(0 0, 100% 0, 100% 76%, 70% 47%, 40% 58%, 0 78%);
}
.status-bar,
.title-bar,
.content,
.home-indicator {
position: relative;
z-index: 1;
}
.status-bar {
display: flex;
align-items: center;
justify-content: space-between;
height: 47px;
padding: 18px 29px 0 38px;
color: #11161c;
direction: ltr;
font-size: 15px;
font-weight: 800;
}
.status-icons {
display: flex;
align-items: center;
gap: 6px;
}
.cellular {
display: flex;
align-items: flex-end;
gap: 2px;
width: 18px;
height: 12px;
}
.cellular i {
width: 3px;
border-radius: 2px;
background: #11161c;
}
.cellular i:nth-child(1) { height: 4px; }
.cellular i:nth-child(2) { height: 6px; }
.cellular i:nth-child(3) { height: 9px; }
.cellular i:nth-child(4) { height: 12px; }
.wifi {
position: relative;
display: inline-flex;
width: 16px;
height: 12px;
}
.wifi i {
position: absolute;
left: 50%;
bottom: 0;
border: 2px solid transparent;
border-top-color: #11161c;
border-radius: 50%;
transform: translateX(-50%);
}
.wifi i:nth-child(1) { width: 16px; height: 16px; }
.wifi i:nth-child(2) { width: 11px; height: 11px; bottom: 2px; }
.wifi i:nth-child(3) { width: 5px; height: 5px; bottom: 4px; background: #11161c; border: 0; }
.battery {
position: relative;
width: 24px;
height: 12px;
border: 2px solid #11161c;
border-radius: 2px;
}
.battery::after {
content: "";
position: absolute;
right: -4px;
top: 3px;
width: 2px;
height: 4px;
border-radius: 0 2px 2px 0;
background: #11161c;
}
.battery i {
display: block;
width: 16px;
height: 100%;
background: #11161c;
}
.title-bar {
display: grid;
grid-template-columns: 44px minmax(0, 1fr) 56px;
@ -1246,11 +1160,6 @@ button {
}
@media (max-width: 360px) {
.status-bar {
padding-right: 22px;
padding-left: 30px;
}
.content {
padding-right: 12px;
padding-left: 12px;

12
h5/hyapp/host-center/index.html
View File

@ -4,21 +4,11 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" />
<title>Host Center</title>
<link rel="stylesheet" href="./style.css?v=20260428-2120" />
<link rel="stylesheet" href="./style.css?v=20260429-0300" />
</head>
<body>
<div class="host-center" aria-label="Host Center" data-i18n-aria="page_label" data-loading="true" data-view="loading">
<div class="hero-bg" aria-hidden="true"></div>
<header class="status-bar" aria-hidden="true">
<span class="status-time">9:41</span>
<span class="status-icons">
<span class="cellular"><i></i><i></i><i></i><i></i></span>
<span class="wifi"><i></i><i></i><i></i></span>
<span class="battery"><i></i></span>
</span>
</header>
<nav class="title-bar">
<button class="back-button" type="button" aria-label="Back" data-i18n-aria="back">
<svg viewBox="0 0 32 32" aria-hidden="true">

12
h5/hyapp/host-center/policy.html
View File

@ -4,21 +4,11 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" />
<title>Host Policy</title>
<link rel="stylesheet" href="./style.css?v=20260428-2100" />
<link rel="stylesheet" href="./style.css?v=20260429-0300" />
</head>
<body>
<div class="host-center policy-page" aria-label="Host Policy" data-i18n-aria="anchor_policy">
<div class="hero-bg" aria-hidden="true"></div>
<header class="status-bar" aria-hidden="true">
<span class="status-time">9:41</span>
<span class="status-icons">
<span class="cellular"><i></i><i></i><i></i><i></i></span>
<span class="wifi"><i></i><i></i><i></i></span>
<span class="battery"><i></i></span>
</span>
</header>
<nav class="title-bar">
<button class="back-button" type="button" aria-label="Back" data-i18n-aria="back">
<svg viewBox="0 0 32 32" aria-hidden="true">

119
h5/hyapp/host-center/style.css
View File

@ -198,126 +198,12 @@ a {
clip-path: polygon(0 0, 100% 0, 100% 76%, 70% 47%, 40% 58%, 0 78%);
}
.status-bar,
.title-bar,
.content,
.home-indicator {
position: relative;
z-index: 1;
}
.status-bar {
display: flex;
align-items: center;
justify-content: space-between;
height: 47px;
padding: 18px 29px 0 38px;
color: #11161c;
direction: ltr;
font-size: 15px;
font-weight: 800;
}
.status-icons {
display: flex;
align-items: center;
gap: 6px;
}
.cellular {
display: flex;
align-items: flex-end;
gap: 2px;
width: 18px;
height: 12px;
}
.cellular i {
width: 3px;
border-radius: 2px;
background: #11161c;
}
.cellular i:nth-child(1) {
height: 4px;
}
.cellular i:nth-child(2) {
height: 6px;
}
.cellular i:nth-child(3) {
height: 9px;
}
.cellular i:nth-child(4) {
height: 11px;
}
.wifi {
position: relative;
width: 18px;
height: 13px;
}
.wifi i {
position: absolute;
left: 50%;
border: 2px solid #11161c;
border-bottom: 0;
border-left-color: transparent;
border-right-color: transparent;
border-radius: 12px 12px 0 0;
transform: translateX(-50%);
}
.wifi i:nth-child(1) {
top: 1px;
width: 16px;
height: 8px;
}
.wifi i:nth-child(2) {
top: 5px;
width: 10px;
height: 5px;
}
.wifi i:nth-child(3) {
top: 10px;
width: 4px;
height: 4px;
border: 0;
border-radius: 50%;
background: #11161c;
}
.battery {
position: relative;
width: 24px;
height: 12px;
border: 2px solid #11161c;
border-radius: 3px;
}
.battery::after {
content: "";
position: absolute;
top: 3px;
right: -4px;
width: 2px;
height: 4px;
border-radius: 0 2px 2px 0;
background: #11161c;
}
.battery i {
display: block;
width: 16px;
height: 100%;
background: #11161c;
}
.title-bar {
display: grid;
grid-template-columns: 52px 1fr 52px;
@ -1439,11 +1325,6 @@ a {
}
@media (max-width: 360px) {
.status-bar {
padding-right: 22px;
padding-left: 31px;
}
.content {
padding-right: 12px;
padding-left: 12px;

14
h5/hyapp/hosts-bill/index.html
View File

@ -4,22 +4,12 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" />
<title>Salary Bills</title>
<link rel="stylesheet" href="../agency-center/style.css?v=20260428-2355" />
<link rel="stylesheet" href="./style.css?v=20260428-2355" />
<link rel="stylesheet" href="../agency-center/style.css?v=20260429-0300" />
<link rel="stylesheet" href="./style.css?v=20260429-0300" />
</head>
<body>
<div class="agency-center hosts-bill-page" aria-label="Salary Bills" data-i18n-aria="page_label" data-loading="true">
<div class="hero-bg" aria-hidden="true"></div>
<header class="status-bar" aria-hidden="true">
<span class="status-time">9:41</span>
<span class="status-icons">
<span class="cellular"><i></i><i></i><i></i><i></i></span>
<span class="wifi"><i></i><i></i><i></i></span>
<span class="battery"><i></i></span>
</span>
</header>
<nav class="title-bar">
<button class="back-button" type="button" aria-label="Back" data-i18n-aria="back">
<svg viewBox="0 0 32 32" aria-hidden="true">

14
h5/hyapp/join-agency/index.html
View File

@ -4,22 +4,12 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" />
<title>Join Agency</title>
<link rel="stylesheet" href="../host-center/style.css?v=20260428-1535" />
<link rel="stylesheet" href="./style.css?v=20260428-1535" />
<link rel="stylesheet" href="../host-center/style.css?v=20260429-0300" />
<link rel="stylesheet" href="./style.css?v=20260429-0300" />
</head>
<body>
<div class="host-center join-agency-page" aria-label="Join Agency" data-i18n-aria="page_label">
<div class="hero-bg" aria-hidden="true"></div>
<header class="status-bar" aria-hidden="true">
<span class="status-time">9:41</span>
<span class="status-icons">
<span class="cellular"><i></i><i></i><i></i><i></i></span>
<span class="wifi"><i></i><i></i><i></i></span>
<span class="battery"><i></i></span>
</span>
</header>
<nav class="title-bar">
<button class="back-button" type="button" aria-label="Back" data-i18n-aria="back">
<svg viewBox="0 0 32 32" aria-hidden="true">

12
h5/hyapp/withdraw-exchange/index.html
View File

@ -4,21 +4,11 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" />
<title>Withdraw/Exchange</title>
<link rel="stylesheet" href="./style.css?v=20260428-2225" />
<link rel="stylesheet" href="./style.css?v=20260429-0300" />
</head>
<body>
<div class="wallet-page" aria-label="Withdraw and exchange" data-i18n-aria="page_label">
<div class="hero-bg" aria-hidden="true"></div>
<header class="status-bar" aria-hidden="true">
<span class="status-time">9:41</span>
<span class="status-icons">
<span class="cellular"><i></i><i></i><i></i><i></i></span>
<span class="wifi"><i></i><i></i><i></i></span>
<span class="battery"><i></i></span>
</span>
</header>
<nav class="title-bar">
<button class="back-button" type="button" aria-label="Back" data-i18n-aria="back">
<svg viewBox="0 0 32 32" aria-hidden="true">

118
h5/hyapp/withdraw-exchange/style.css
View File

@ -75,7 +75,6 @@ select {
clip-path: polygon(0 0, 100% 0, 100% 76%, 70% 47%, 40% 58%, 0 78%);
}
.status-bar,
.title-bar,
.content,
.home-indicator,
@ -83,118 +82,6 @@ select {
position: relative;
z-index: 1;
}
.status-bar {
display: flex;
align-items: center;
justify-content: space-between;
height: 47px;
padding: 18px 29px 0 38px;
color: #11161c;
font-size: 15px;
font-weight: 800;
}
.status-icons {
display: flex;
align-items: center;
gap: 6px;
}
.cellular {
display: flex;
align-items: flex-end;
gap: 2px;
width: 18px;
height: 12px;
}
.cellular i {
width: 3px;
border-radius: 2px;
background: #11161c;
}
.cellular i:nth-child(1) {
height: 4px;
}
.cellular i:nth-child(2) {
height: 6px;
}
.cellular i:nth-child(3) {
height: 9px;
}
.cellular i:nth-child(4) {
height: 11px;
}
.wifi {
position: relative;
width: 18px;
height: 13px;
}
.wifi i {
position: absolute;
left: 50%;
border: 2px solid #11161c;
border-bottom: 0;
border-left-color: transparent;
border-right-color: transparent;
border-radius: 12px 12px 0 0;
transform: translateX(-50%);
}
.wifi i:nth-child(1) {
top: 1px;
width: 16px;
height: 8px;
}
.wifi i:nth-child(2) {
top: 5px;
width: 10px;
height: 5px;
}
.wifi i:nth-child(3) {
top: 10px;
width: 4px;
height: 4px;
border: 0;
border-radius: 50%;
background: #11161c;
}
.battery {
position: relative;
width: 24px;
height: 12px;
border: 2px solid #11161c;
border-radius: 3px;
}
.battery::after {
content: "";
position: absolute;
top: 3px;
right: -4px;
width: 2px;
height: 4px;
border-radius: 0 2px 2px 0;
background: #11161c;
}
.battery i {
display: block;
width: 16px;
height: 100%;
background: #11161c;
}
.title-bar {
display: grid;
grid-template-columns: 52px 1fr 52px;
@ -776,11 +663,6 @@ select {
}
@media (max-width: 360px) {
.status-bar {
padding-right: 22px;
padding-left: 31px;
}
.content {
padding-right: 12px;
padding-left: 12px;