测试

HBuilderProjects/secondShareGoods.html

@@ -55,12 +55,32 @@
 			pointer-events: auto;
 		}
 
-		#openApp img {
-			display: block;
-			width: 100%;
-			height: 48px;
-			object-fit: contain;
-			pointer-events: none;
+		#openApp.fab {
+			padding: 0 14px;
+			-webkit-font-smoothing: antialiased;
+			text-rendering: optimizeLegibility;
+		}
+
+		.fab__brand {
+			flex-shrink: 0;
+			font-size: 17px;
+			font-weight: 700;
+			line-height: 1;
+			letter-spacing: -0.02em;
+			white-space: nowrap;
+		}
+
+		.fab__brand-u {
+			font-weight: 800;
+			font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
+		}
+
+		.fab__label {
+			font-size: 15px;
+			font-weight: 600;
+			line-height: 1;
+			letter-spacing: 0.04em;
+			white-space: nowrap;
 		}
 
 		#launch-btn {
@@ -623,38 +643,54 @@
 	<div id="openAppToast" role="status" aria-live="polite"></div>
 	<div class="fab-wrap">
 		<div class="fab-dock__slot">
-			<button type="button" class="fab" id="openApp">
-				<img src="images/uBtn.png" alt="APP内打开" decoding="async">
+			<button type="button" class="fab" id="openApp" aria-label="APP内打开">
+				<span class="fab__brand" aria-hidden="true"><span class="fab__brand-u">U</span>店</span>
+				<span class="fab__label">APP内打开</span>
 			</button>
 			<wx-open-launch-app id="launch-btn" appid="wxf5f1efe3a9f5012e" extinfo="">
 				<script type="text/wxtag-template">
 					<style>
 						.wx-open-app-btn {
-							display: block;
+							display: flex;
+							align-items: center;
+							justify-content: center;
+							gap: 8px;
 							width: 100%;
 							height: 48px;
 							margin: 0;
-							padding: 0;
+							padding: 0 14px;
 							border: none;
 							border-radius: 24px;
 							background: #F47D1F;
 							box-shadow: 0 4px 16px rgba(245, 130, 32, 0.45);
+							color: #fff;
+							font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", sans-serif;
+							-webkit-font-smoothing: antialiased;
 							cursor: pointer;
 							overflow: hidden;
 							-webkit-tap-highlight-color: transparent;
+							box-sizing: border-box;
 						}
-						.wx-open-app-btn img {
-							display: block;
-							width: 100%;
-							height: 48px;
-							object-fit: contain;
-							opacity: 1;
-							pointer-events: none;
-							-webkit-user-drag: none;
+						.wx-open-app-btn .fab__brand {
+							font-size: 17px;
+							font-weight: 700;
+							line-height: 1;
+							white-space: nowrap;
+						}
+						.wx-open-app-btn .fab__brand-u {
+							font-weight: 800;
+						}
+						.wx-open-app-btn .fab__label {
+							font-size: 15px;
+							font-weight: 600;
+							line-height: 1;
+							letter-spacing: 0.04em;
+							white-space: nowrap;
 						}
 					</style>
 					<button class="wx-open-app-btn" aria-label="APP内打开">
-						<img src="https://test.ailien.shop/h5/HBuilderProjects/images/uBtn.png" alt="APP内打开" width="198" height="48" />
+						<span class="fab__brand" aria-hidden="true"><span class="fab__brand-u">U</span>店</span>
+						<span class="fab__label">APP内打开</span>
 					</button>
 				</script>
 			</wx-open-launch-app>

HBuilderProjects/shareCheckIn.html

@@ -304,12 +304,32 @@
 			pointer-events: auto;
 		}
 
-		#openApp img {
-			display: block;
-			width: 100%;
-			height: 48px;
-			object-fit: contain;
-			pointer-events: none;
+		#openApp.fab {
+			padding: 0 14px;
+			-webkit-font-smoothing: antialiased;
+			text-rendering: optimizeLegibility;
+		}
+
+		.fab__brand {
+			flex-shrink: 0;
+			font-size: 17px;
+			font-weight: 700;
+			line-height: 1;
+			letter-spacing: -0.02em;
+			white-space: nowrap;
+		}
+
+		.fab__brand-u {
+			font-weight: 800;
+			font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
+		}
+
+		.fab__label {
+			font-size: 15px;
+			font-weight: 600;
+			line-height: 1;
+			letter-spacing: 0.04em;
+			white-space: nowrap;
 		}
 
 		#launch-btn {
@@ -595,38 +615,54 @@
 	<div id="openAppToast" role="status" aria-live="polite"></div>
 	<div class="fab-wrap">
 		<div class="fab-dock__slot">
-			<button type="button" class="fab" id="openApp">
-				<img src="images/uBtn.png" alt="APP内打开" decoding="async">
+			<button type="button" class="fab" id="openApp" aria-label="APP内打开">
+				<span class="fab__brand" aria-hidden="true"><span class="fab__brand-u">U</span>店</span>
+				<span class="fab__label">APP内打开</span>
 			</button>
 			<wx-open-launch-app id="launch-btn" appid="wxf5f1efe3a9f5012e" extinfo="">
 				<script type="text/wxtag-template">
 					<style>
 						.wx-open-app-btn {
-							display: block;
+							display: flex;
+							align-items: center;
+							justify-content: center;
+							gap: 8px;
 							width: 100%;
 							height: 48px;
 							margin: 0;
-							padding: 0;
+							padding: 0 14px;
 							border: none;
 							border-radius: 24px;
 							background: #F47D1F;
 							box-shadow: 0 4px 16px rgba(245, 130, 32, 0.45);
+							color: #fff;
+							font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", sans-serif;
+							-webkit-font-smoothing: antialiased;
 							cursor: pointer;
 							overflow: hidden;
 							-webkit-tap-highlight-color: transparent;
+							box-sizing: border-box;
 						}
-						.wx-open-app-btn img {
-							display: block;
-							width: 100%;
-							height: 48px;
-							object-fit: contain;
-							opacity: 1;
-							pointer-events: none;
-							-webkit-user-drag: none;
+						.wx-open-app-btn .fab__brand {
+							font-size: 17px;
+							font-weight: 700;
+							line-height: 1;
+							white-space: nowrap;
+						}
+						.wx-open-app-btn .fab__brand-u {
+							font-weight: 800;
+						}
+						.wx-open-app-btn .fab__label {
+							font-size: 15px;
+							font-weight: 600;
+							line-height: 1;
+							letter-spacing: 0.04em;
+							white-space: nowrap;
 						}
 					</style>
 					<button class="wx-open-app-btn" aria-label="APP内打开">
-						<img src="https://test.ailien.shop/h5/HBuilderProjects/images/uBtn.png" alt="APP内打开" width="198" height="48" />
+						<span class="fab__brand" aria-hidden="true"><span class="fab__brand-u">U</span>店</span>
+						<span class="fab__label">APP内打开</span>
 					</button>
 				</script>
 			</wx-open-launch-app>

HBuilderProjects/shareCheckInUndefined.html

@@ -193,12 +193,32 @@
 			pointer-events: auto;
 		}
 
-		#openApp img {
-			display: block;
-			width: 100%;
-			height: 48px;
-			object-fit: contain;
-			pointer-events: none;
+		#openApp.fab {
+			padding: 0 14px;
+			-webkit-font-smoothing: antialiased;
+			text-rendering: optimizeLegibility;
+		}
+
+		.fab__brand {
+			flex-shrink: 0;
+			font-size: 17px;
+			font-weight: 700;
+			line-height: 1;
+			letter-spacing: -0.02em;
+			white-space: nowrap;
+		}
+
+		.fab__brand-u {
+			font-weight: 800;
+			font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
+		}
+
+		.fab__label {
+			font-size: 15px;
+			font-weight: 600;
+			line-height: 1;
+			letter-spacing: 0.04em;
+			white-space: nowrap;
 		}
 
 		#launch-btn {
@@ -264,10 +284,6 @@
 			cursor: pointer;
 		}
 
-		.fab img {
-			flex-shrink: 0;
-		}
-
 		.home-indicator {
 			height: 5px;
 			background: #000;
@@ -296,39 +312,55 @@
 	<div class="fab-wrap">
 		<div class="fab-dock__slot">
 			<!-- 非微信 / 微信 JSSDK 未就绪：scheme 唤起 -->
-			<button type="button" class="fab" id="openApp">
-				<img src="images/uBtn.png" alt="APP内打开" decoding="async">
+			<button type="button" class="fab" id="openApp" aria-label="APP内打开">
+				<span class="fab__brand" aria-hidden="true"><span class="fab__brand-u">U</span>店</span>
+				<span class="fab__label">APP内打开</span>
 			</button>
 			<!-- 微信内 wx.config 成功后：仅此按钮可唤起 App（须用户直接点击） -->
 			<wx-open-launch-app id="launch-btn" appid="wxf5f1efe3a9f5012e" extinfo="">
 				<script type="text/wxtag-template">
 					<style>
 						.wx-open-app-btn {
-							display: block;
+							display: flex;
+							align-items: center;
+							justify-content: center;
+							gap: 8px;
 							width: 100%;
 							height: 48px;
 							margin: 0;
-							padding: 0;
+							padding: 0 14px;
 							border: none;
 							border-radius: 24px;
 							background: #F47D1F;
 							box-shadow: 0 4px 16px rgba(245, 130, 32, 0.45);
+							color: #fff;
+							font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", sans-serif;
+							-webkit-font-smoothing: antialiased;
 							cursor: pointer;
 							overflow: hidden;
 							-webkit-tap-highlight-color: transparent;
+							box-sizing: border-box;
 						}
-						.wx-open-app-btn img {
-							display: block;
-							width: 100%;
-							height: 48px;
-							object-fit: contain;
-							opacity: 1;
-							pointer-events: none;
-							-webkit-user-drag: none;
+						.wx-open-app-btn .fab__brand {
+							font-size: 17px;
+							font-weight: 700;
+							line-height: 1;
+							white-space: nowrap;
+						}
+						.wx-open-app-btn .fab__brand-u {
+							font-weight: 800;
+						}
+						.wx-open-app-btn .fab__label {
+							font-size: 15px;
+							font-weight: 600;
+							line-height: 1;
+							letter-spacing: 0.04em;
+							white-space: nowrap;
 						}
 					</style>
 					<button class="wx-open-app-btn" aria-label="APP内打开">
-						<img src="https://test.ailien.shop/h5/HBuilderProjects/images/uBtn.png" alt="APP内打开" width="198" height="48" />
+						<span class="fab__brand" aria-hidden="true"><span class="fab__brand-u">U</span>店</span>
+						<span class="fab__label">APP内打开</span>
 					</button>
 				</script>
 			</wx-open-launch-app>

HBuilderProjects/shareDynamic.html

@@ -494,12 +494,32 @@
 			pointer-events: auto;
 		}
 
-		#openApp img {
-			display: block;
-			width: 100%;
-			height: 48px;
-			object-fit: contain;
-			pointer-events: none;
+		#openApp.fab {
+			padding: 0 14px;
+			-webkit-font-smoothing: antialiased;
+			text-rendering: optimizeLegibility;
+		}
+
+		.fab__brand {
+			flex-shrink: 0;
+			font-size: 17px;
+			font-weight: 700;
+			line-height: 1;
+			letter-spacing: -0.02em;
+			white-space: nowrap;
+		}
+
+		.fab__brand-u {
+			font-weight: 800;
+			font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
+		}
+
+		.fab__label {
+			font-size: 15px;
+			font-weight: 600;
+			line-height: 1;
+			letter-spacing: 0.04em;
+			white-space: nowrap;
 		}
 
 		#launch-btn {
@@ -647,38 +667,54 @@
 	<div id="openAppToast" role="status" aria-live="polite"></div>
 	<div class="fab-wrap">
 		<div class="fab-dock__slot">
-			<button type="button" class="fab" id="openApp">
-				<img src="images/uBtn.png" alt="APP内打开" decoding="async">
+			<button type="button" class="fab" id="openApp" aria-label="APP内打开">
+				<span class="fab__brand" aria-hidden="true"><span class="fab__brand-u">U</span>店</span>
+				<span class="fab__label">APP内打开</span>
 			</button>
 			<wx-open-launch-app id="launch-btn" appid="wxf5f1efe3a9f5012e" extinfo="">
 				<script type="text/wxtag-template">
 					<style>
 						.wx-open-app-btn {
-							display: block;
+							display: flex;
+							align-items: center;
+							justify-content: center;
+							gap: 8px;
 							width: 100%;
 							height: 48px;
 							margin: 0;
-							padding: 0;
+							padding: 0 14px;
 							border: none;
 							border-radius: 24px;
 							background: #F47D1F;
 							box-shadow: 0 4px 16px rgba(245, 130, 32, 0.45);
+							color: #fff;
+							font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", sans-serif;
+							-webkit-font-smoothing: antialiased;
 							cursor: pointer;
 							overflow: hidden;
 							-webkit-tap-highlight-color: transparent;
+							box-sizing: border-box;
 						}
-						.wx-open-app-btn img {
-							display: block;
-							width: 100%;
-							height: 48px;
-							object-fit: contain;
-							opacity: 1;
-							pointer-events: none;
-							-webkit-user-drag: none;
+						.wx-open-app-btn .fab__brand {
+							font-size: 17px;
+							font-weight: 700;
+							line-height: 1;
+							white-space: nowrap;
+						}
+						.wx-open-app-btn .fab__brand-u {
+							font-weight: 800;
+						}
+						.wx-open-app-btn .fab__label {
+							font-size: 15px;
+							font-weight: 600;
+							line-height: 1;
+							letter-spacing: 0.04em;
+							white-space: nowrap;
 						}
 					</style>
 					<button class="wx-open-app-btn" aria-label="APP内打开">
-						<img src="https://test.ailien.shop/h5/HBuilderProjects/images/uBtn.png" alt="APP内打开" width="198" height="48" />
+						<span class="fab__brand" aria-hidden="true"><span class="fab__brand-u">U</span>店</span>
+						<span class="fab__label">APP内打开</span>
 					</button>
 				</script>
 			</wx-open-launch-app>

HBuilderProjects/shareIndex.html

@@ -477,12 +477,32 @@
 			pointer-events: auto;
 		}
 
-		#openApp img {
-			display: block;
-			width: 100%;
-			height: 48px;
-			object-fit: contain;
-			pointer-events: none;
+		#openApp.fab {
+			padding: 0 14px;
+			-webkit-font-smoothing: antialiased;
+			text-rendering: optimizeLegibility;
+		}
+
+		.fab__brand {
+			flex-shrink: 0;
+			font-size: 17px;
+			font-weight: 700;
+			line-height: 1;
+			letter-spacing: -0.02em;
+			white-space: nowrap;
+		}
+
+		.fab__brand-u {
+			font-weight: 800;
+			font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
+		}
+
+		.fab__label {
+			font-size: 15px;
+			font-weight: 600;
+			line-height: 1;
+			letter-spacing: 0.04em;
+			white-space: nowrap;
 		}
 
 		/* 微信内：wx.config 成功后只显示开放标签按钮（官方用法） */
@@ -1028,39 +1048,55 @@
 	<div id="fabDock" class="fab-wrap">
 		<div class="fab-dock__slot">
 			<!-- 非微信 / 微信 JSSDK 未就绪：scheme 唤起 -->
-			<button type="button" class="fab" id="openApp">
-				<img src="images/uBtn.png" alt="APP内打开" decoding="async">
+			<button type="button" class="fab" id="openApp" aria-label="APP内打开">
+				<span class="fab__brand" aria-hidden="true"><span class="fab__brand-u">U</span>店</span>
+				<span class="fab__label">APP内打开</span>
 			</button>
 			<!-- 微信内 wx.config 成功后：仅此按钮可唤起 App（须用户直接点击） -->
 			<wx-open-launch-app id="launch-btn" appid="wxf5f1efe3a9f5012e" extinfo="">
 				<script type="text/wxtag-template">
 					<style>
 						.wx-open-app-btn {
-							display: block;
+							display: flex;
+							align-items: center;
+							justify-content: center;
+							gap: 8px;
 							width: 100%;
 							height: 48px;
 							margin: 0;
-							padding: 0;
+							padding: 0 14px;
 							border: none;
 							border-radius: 24px;
 							background: #F47D1F;
 							box-shadow: 0 4px 16px rgba(245, 130, 32, 0.45);
+							color: #fff;
+							font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", sans-serif;
+							-webkit-font-smoothing: antialiased;
 							cursor: pointer;
 							overflow: hidden;
 							-webkit-tap-highlight-color: transparent;
+							box-sizing: border-box;
 						}
-						.wx-open-app-btn img {
-							display: block;
-							width: 100%;
-							height: 48px;
-							object-fit: contain;
-							opacity: 1;
-							pointer-events: none;
-							-webkit-user-drag: none;
+						.wx-open-app-btn .fab__brand {
+							font-size: 17px;
+							font-weight: 700;
+							line-height: 1;
+							white-space: nowrap;
+						}
+						.wx-open-app-btn .fab__brand-u {
+							font-weight: 800;
+						}
+						.wx-open-app-btn .fab__label {
+							font-size: 15px;
+							font-weight: 600;
+							line-height: 1;
+							letter-spacing: 0.04em;
+							white-space: nowrap;
 						}
 					</style>
 					<button class="wx-open-app-btn" aria-label="APP内打开">
-						<img src="https://test.ailien.shop/h5/HBuilderProjects/images/uBtn.png" alt="APP内打开" width="198" height="48" />
+						<span class="fab__brand" aria-hidden="true"><span class="fab__brand-u">U</span>店</span>
+						<span class="fab__label">APP内打开</span>
 					</button>
 				</script>
 			</wx-open-launch-app>

HBuilderProjects/shareUndefined.html

@@ -439,12 +439,32 @@
 			pointer-events: auto;
 		}
 
-		#openApp img {
-			display: block;
-			width: 100%;
-			height: 48px;
-			object-fit: contain;
-			pointer-events: none;
+		#openApp.fab {
+			padding: 0 14px;
+			-webkit-font-smoothing: antialiased;
+			text-rendering: optimizeLegibility;
+		}
+
+		.fab__brand {
+			flex-shrink: 0;
+			font-size: 17px;
+			font-weight: 700;
+			line-height: 1;
+			letter-spacing: -0.02em;
+			white-space: nowrap;
+		}
+
+		.fab__brand-u {
+			font-weight: 800;
+			font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
+		}
+
+		.fab__label {
+			font-size: 15px;
+			font-weight: 600;
+			line-height: 1;
+			letter-spacing: 0.04em;
+			white-space: nowrap;
 		}
 
 		#launch-btn {
@@ -548,38 +568,54 @@
 	<div class="fab-wrap">
 		<div class="fab-dock__slot">
 			<!-- 与 secondShareGoods 相同顺序：openApp 在下，launch-btn 在上，避免挡住点击 -->
-			<button type="button" class="fab" id="openApp">
-				<img src="images/uBtn.png" alt="APP内打开" decoding="async">
+			<button type="button" class="fab" id="openApp" aria-label="APP内打开">
+				<span class="fab__brand" aria-hidden="true"><span class="fab__brand-u">U</span>店</span>
+				<span class="fab__label">APP内打开</span>
 			</button>
 			<wx-open-launch-app id="launch-btn" appid="wxf5f1efe3a9f5012e" extinfo="">
 				<script type="text/wxtag-template">
 					<style>
 						.wx-open-app-btn {
-							display: block;
+							display: flex;
+							align-items: center;
+							justify-content: center;
+							gap: 8px;
 							width: 100%;
 							height: 48px;
 							margin: 0;
-							padding: 0;
+							padding: 0 14px;
 							border: none;
 							border-radius: 24px;
 							background: #F47D1F;
 							box-shadow: 0 4px 16px rgba(245, 130, 32, 0.45);
+							color: #fff;
+							font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", sans-serif;
+							-webkit-font-smoothing: antialiased;
 							cursor: pointer;
 							overflow: hidden;
 							-webkit-tap-highlight-color: transparent;
+							box-sizing: border-box;
 						}
-						.wx-open-app-btn img {
-							display: block;
-							width: 100%;
-							height: 48px;
-							object-fit: contain;
-							opacity: 1;
-							pointer-events: none;
-							-webkit-user-drag: none;
+						.wx-open-app-btn .fab__brand {
+							font-size: 17px;
+							font-weight: 700;
+							line-height: 1;
+							white-space: nowrap;
+						}
+						.wx-open-app-btn .fab__brand-u {
+							font-weight: 800;
+						}
+						.wx-open-app-btn .fab__label {
+							font-size: 15px;
+							font-weight: 600;
+							line-height: 1;
+							letter-spacing: 0.04em;
+							white-space: nowrap;
 						}
 					</style>
 					<button class="wx-open-app-btn" aria-label="APP内打开">
-						<img src="https://test.ailien.shop/h5/HBuilderProjects/images/uBtn.png" alt="APP内打开" width="198" height="48" />
+						<span class="fab__brand" aria-hidden="true"><span class="fab__brand-u">U</span>店</span>
+						<span class="fab__label">APP内打开</span>
 					</button>
 				</script>
 			</wx-open-launch-app>