测试

HBuilderProjects/secondShareGoods.html

@@ -61,18 +61,22 @@
 			text-rendering: optimizeLegibility;
 		}
 
-		.fab__brand {
+		.fab__brand-clip {
+			display: block;
+			width: 50px;
+			height: 20px;
+			overflow: hidden;
 			flex-shrink: 0;
-			font-size: 17px;
-			font-weight: 700;
-			line-height: 1;
-			letter-spacing: -0.02em;
-			white-space: nowrap;
+			line-height: 0;
 		}
 
-		.fab__brand-u {
-			font-weight: 800;
-			font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
+		.fab__brand-img {
+			display: block;
+			height: 20px;
+			width: auto;
+			max-width: none;
+			pointer-events: none;
+			-webkit-user-drag: none;
 		}
 
 		.fab__label {
@@ -644,7 +648,9 @@
 	<div class="fab-wrap">
 		<div class="fab-dock__slot">
 			<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__brand-clip" aria-hidden="true">
+					<img class="fab__brand-img" src="images/uBtn.png" alt="" decoding="async">
+				</span>
 				<span class="fab__label">APP内打开</span>
 			</button>
 			<wx-open-launch-app id="launch-btn" appid="wxf5f1efe3a9f5012e" extinfo="">
@@ -671,14 +677,21 @@
 							-webkit-tap-highlight-color: transparent;
 							box-sizing: border-box;
 						}
-						.wx-open-app-btn .fab__brand {
-							font-size: 17px;
-							font-weight: 700;
-							line-height: 1;
-							white-space: nowrap;
+						.wx-open-app-btn .fab__brand-clip {
+							display: block;
+							width: 50px;
+							height: 20px;
+							overflow: hidden;
+							flex-shrink: 0;
+							line-height: 0;
 						}
-						.wx-open-app-btn .fab__brand-u {
-							font-weight: 800;
+						.wx-open-app-btn .fab__brand-img {
+							display: block;
+							height: 20px;
+							width: auto;
+							max-width: none;
+							pointer-events: none;
+							-webkit-user-drag: none;
 						}
 						.wx-open-app-btn .fab__label {
 							font-size: 15px;
@@ -689,7 +702,9 @@
 						}
 					</style>
 					<button class="wx-open-app-btn" aria-label="APP内打开">
-						<span class="fab__brand" aria-hidden="true"><span class="fab__brand-u">U</span>店</span>
+						<span class="fab__brand-clip" aria-hidden="true">
+							<img class="fab__brand-img" src="https://test.ailien.shop/h5/HBuilderProjects/images/uBtn.png" alt="" decoding="async">
+						</span>
 						<span class="fab__label">APP内打开</span>
 					</button>
 				</script>

HBuilderProjects/shareCheckIn.html

@@ -310,18 +310,22 @@
 			text-rendering: optimizeLegibility;
 		}
 
-		.fab__brand {
+		.fab__brand-clip {
+			display: block;
+			width: 50px;
+			height: 20px;
+			overflow: hidden;
 			flex-shrink: 0;
-			font-size: 17px;
-			font-weight: 700;
-			line-height: 1;
-			letter-spacing: -0.02em;
-			white-space: nowrap;
+			line-height: 0;
 		}
 
-		.fab__brand-u {
-			font-weight: 800;
-			font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
+		.fab__brand-img {
+			display: block;
+			height: 20px;
+			width: auto;
+			max-width: none;
+			pointer-events: none;
+			-webkit-user-drag: none;
 		}
 
 		.fab__label {
@@ -616,7 +620,9 @@
 	<div class="fab-wrap">
 		<div class="fab-dock__slot">
 			<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__brand-clip" aria-hidden="true">
+					<img class="fab__brand-img" src="images/uBtn.png" alt="" decoding="async">
+				</span>
 				<span class="fab__label">APP内打开</span>
 			</button>
 			<wx-open-launch-app id="launch-btn" appid="wxf5f1efe3a9f5012e" extinfo="">
@@ -643,14 +649,21 @@
 							-webkit-tap-highlight-color: transparent;
 							box-sizing: border-box;
 						}
-						.wx-open-app-btn .fab__brand {
-							font-size: 17px;
-							font-weight: 700;
-							line-height: 1;
-							white-space: nowrap;
+						.wx-open-app-btn .fab__brand-clip {
+							display: block;
+							width: 50px;
+							height: 20px;
+							overflow: hidden;
+							flex-shrink: 0;
+							line-height: 0;
 						}
-						.wx-open-app-btn .fab__brand-u {
-							font-weight: 800;
+						.wx-open-app-btn .fab__brand-img {
+							display: block;
+							height: 20px;
+							width: auto;
+							max-width: none;
+							pointer-events: none;
+							-webkit-user-drag: none;
 						}
 						.wx-open-app-btn .fab__label {
 							font-size: 15px;
@@ -661,7 +674,9 @@
 						}
 					</style>
 					<button class="wx-open-app-btn" aria-label="APP内打开">
-						<span class="fab__brand" aria-hidden="true"><span class="fab__brand-u">U</span>店</span>
+						<span class="fab__brand-clip" aria-hidden="true">
+							<img class="fab__brand-img" src="https://test.ailien.shop/h5/HBuilderProjects/images/uBtn.png" alt="" decoding="async">
+						</span>
 						<span class="fab__label">APP内打开</span>
 					</button>
 				</script>

HBuilderProjects/shareCheckInUndefined.html

@@ -199,18 +199,22 @@
 			text-rendering: optimizeLegibility;
 		}
 
-		.fab__brand {
+		.fab__brand-clip {
+			display: block;
+			width: 50px;
+			height: 20px;
+			overflow: hidden;
 			flex-shrink: 0;
-			font-size: 17px;
-			font-weight: 700;
-			line-height: 1;
-			letter-spacing: -0.02em;
-			white-space: nowrap;
+			line-height: 0;
 		}
 
-		.fab__brand-u {
-			font-weight: 800;
-			font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
+		.fab__brand-img {
+			display: block;
+			height: 20px;
+			width: auto;
+			max-width: none;
+			pointer-events: none;
+			-webkit-user-drag: none;
 		}
 
 		.fab__label {
@@ -313,7 +317,9 @@
 		<div class="fab-dock__slot">
 			<!-- 非微信 / 微信 JSSDK 未就绪：scheme 唤起 -->
 			<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__brand-clip" aria-hidden="true">
+					<img class="fab__brand-img" src="images/uBtn.png" alt="" decoding="async">
+				</span>
 				<span class="fab__label">APP内打开</span>
 			</button>
 			<!-- 微信内 wx.config 成功后：仅此按钮可唤起 App（须用户直接点击） -->
@@ -341,14 +347,21 @@
 							-webkit-tap-highlight-color: transparent;
 							box-sizing: border-box;
 						}
-						.wx-open-app-btn .fab__brand {
-							font-size: 17px;
-							font-weight: 700;
-							line-height: 1;
-							white-space: nowrap;
+						.wx-open-app-btn .fab__brand-clip {
+							display: block;
+							width: 50px;
+							height: 20px;
+							overflow: hidden;
+							flex-shrink: 0;
+							line-height: 0;
 						}
-						.wx-open-app-btn .fab__brand-u {
-							font-weight: 800;
+						.wx-open-app-btn .fab__brand-img {
+							display: block;
+							height: 20px;
+							width: auto;
+							max-width: none;
+							pointer-events: none;
+							-webkit-user-drag: none;
 						}
 						.wx-open-app-btn .fab__label {
 							font-size: 15px;
@@ -359,7 +372,9 @@
 						}
 					</style>
 					<button class="wx-open-app-btn" aria-label="APP内打开">
-						<span class="fab__brand" aria-hidden="true"><span class="fab__brand-u">U</span>店</span>
+						<span class="fab__brand-clip" aria-hidden="true">
+							<img class="fab__brand-img" src="https://test.ailien.shop/h5/HBuilderProjects/images/uBtn.png" alt="" decoding="async">
+						</span>
 						<span class="fab__label">APP内打开</span>
 					</button>
 				</script>

HBuilderProjects/shareDynamic.html

@@ -500,18 +500,22 @@
 			text-rendering: optimizeLegibility;
 		}
 
-		.fab__brand {
+		.fab__brand-clip {
+			display: block;
+			width: 50px;
+			height: 20px;
+			overflow: hidden;
 			flex-shrink: 0;
-			font-size: 17px;
-			font-weight: 700;
-			line-height: 1;
-			letter-spacing: -0.02em;
-			white-space: nowrap;
+			line-height: 0;
 		}
 
-		.fab__brand-u {
-			font-weight: 800;
-			font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
+		.fab__brand-img {
+			display: block;
+			height: 20px;
+			width: auto;
+			max-width: none;
+			pointer-events: none;
+			-webkit-user-drag: none;
 		}
 
 		.fab__label {
@@ -668,7 +672,9 @@
 	<div class="fab-wrap">
 		<div class="fab-dock__slot">
 			<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__brand-clip" aria-hidden="true">
+					<img class="fab__brand-img" src="images/uBtn.png" alt="" decoding="async">
+				</span>
 				<span class="fab__label">APP内打开</span>
 			</button>
 			<wx-open-launch-app id="launch-btn" appid="wxf5f1efe3a9f5012e" extinfo="">
@@ -695,14 +701,21 @@
 							-webkit-tap-highlight-color: transparent;
 							box-sizing: border-box;
 						}
-						.wx-open-app-btn .fab__brand {
-							font-size: 17px;
-							font-weight: 700;
-							line-height: 1;
-							white-space: nowrap;
+						.wx-open-app-btn .fab__brand-clip {
+							display: block;
+							width: 50px;
+							height: 20px;
+							overflow: hidden;
+							flex-shrink: 0;
+							line-height: 0;
 						}
-						.wx-open-app-btn .fab__brand-u {
-							font-weight: 800;
+						.wx-open-app-btn .fab__brand-img {
+							display: block;
+							height: 20px;
+							width: auto;
+							max-width: none;
+							pointer-events: none;
+							-webkit-user-drag: none;
 						}
 						.wx-open-app-btn .fab__label {
 							font-size: 15px;
@@ -713,7 +726,9 @@
 						}
 					</style>
 					<button class="wx-open-app-btn" aria-label="APP内打开">
-						<span class="fab__brand" aria-hidden="true"><span class="fab__brand-u">U</span>店</span>
+						<span class="fab__brand-clip" aria-hidden="true">
+							<img class="fab__brand-img" src="https://test.ailien.shop/h5/HBuilderProjects/images/uBtn.png" alt="" decoding="async">
+						</span>
 						<span class="fab__label">APP内打开</span>
 					</button>
 				</script>

HBuilderProjects/shareIndex.html

@@ -483,18 +483,22 @@
 			text-rendering: optimizeLegibility;
 		}
 
-		.fab__brand {
+		.fab__brand-clip {
+			display: block;
+			width: 50px;
+			height: 20px;
+			overflow: hidden;
 			flex-shrink: 0;
-			font-size: 17px;
-			font-weight: 700;
-			line-height: 1;
-			letter-spacing: -0.02em;
-			white-space: nowrap;
+			line-height: 0;
 		}
 
-		.fab__brand-u {
-			font-weight: 800;
-			font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
+		.fab__brand-img {
+			display: block;
+			height: 20px;
+			width: auto;
+			max-width: none;
+			pointer-events: none;
+			-webkit-user-drag: none;
 		}
 
 		.fab__label {
@@ -1049,7 +1053,9 @@
 		<div class="fab-dock__slot">
 			<!-- 非微信 / 微信 JSSDK 未就绪：scheme 唤起 -->
 			<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__brand-clip" aria-hidden="true">
+					<img class="fab__brand-img" src="images/uBtn.png" alt="" decoding="async">
+				</span>
 				<span class="fab__label">APP内打开</span>
 			</button>
 			<!-- 微信内 wx.config 成功后：仅此按钮可唤起 App（须用户直接点击） -->
@@ -1077,14 +1083,21 @@
 							-webkit-tap-highlight-color: transparent;
 							box-sizing: border-box;
 						}
-						.wx-open-app-btn .fab__brand {
-							font-size: 17px;
-							font-weight: 700;
-							line-height: 1;
-							white-space: nowrap;
+						.wx-open-app-btn .fab__brand-clip {
+							display: block;
+							width: 50px;
+							height: 20px;
+							overflow: hidden;
+							flex-shrink: 0;
+							line-height: 0;
 						}
-						.wx-open-app-btn .fab__brand-u {
-							font-weight: 800;
+						.wx-open-app-btn .fab__brand-img {
+							display: block;
+							height: 20px;
+							width: auto;
+							max-width: none;
+							pointer-events: none;
+							-webkit-user-drag: none;
 						}
 						.wx-open-app-btn .fab__label {
 							font-size: 15px;
@@ -1095,7 +1108,9 @@
 						}
 					</style>
 					<button class="wx-open-app-btn" aria-label="APP内打开">
-						<span class="fab__brand" aria-hidden="true"><span class="fab__brand-u">U</span>店</span>
+						<span class="fab__brand-clip" aria-hidden="true">
+							<img class="fab__brand-img" src="https://test.ailien.shop/h5/HBuilderProjects/images/uBtn.png" alt="" decoding="async">
+						</span>
 						<span class="fab__label">APP内打开</span>
 					</button>
 				</script>

HBuilderProjects/shareUndefined.html

@@ -445,18 +445,22 @@
 			text-rendering: optimizeLegibility;
 		}
 
-		.fab__brand {
+		.fab__brand-clip {
+			display: block;
+			width: 50px;
+			height: 20px;
+			overflow: hidden;
 			flex-shrink: 0;
-			font-size: 17px;
-			font-weight: 700;
-			line-height: 1;
-			letter-spacing: -0.02em;
-			white-space: nowrap;
+			line-height: 0;
 		}
 
-		.fab__brand-u {
-			font-weight: 800;
-			font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
+		.fab__brand-img {
+			display: block;
+			height: 20px;
+			width: auto;
+			max-width: none;
+			pointer-events: none;
+			-webkit-user-drag: none;
 		}
 
 		.fab__label {
@@ -569,7 +573,9 @@
 		<div class="fab-dock__slot">
 			<!-- 与 secondShareGoods 相同顺序：openApp 在下，launch-btn 在上，避免挡住点击 -->
 			<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__brand-clip" aria-hidden="true">
+					<img class="fab__brand-img" src="images/uBtn.png" alt="" decoding="async">
+				</span>
 				<span class="fab__label">APP内打开</span>
 			</button>
 			<wx-open-launch-app id="launch-btn" appid="wxf5f1efe3a9f5012e" extinfo="">
@@ -596,14 +602,21 @@
 							-webkit-tap-highlight-color: transparent;
 							box-sizing: border-box;
 						}
-						.wx-open-app-btn .fab__brand {
-							font-size: 17px;
-							font-weight: 700;
-							line-height: 1;
-							white-space: nowrap;
+						.wx-open-app-btn .fab__brand-clip {
+							display: block;
+							width: 50px;
+							height: 20px;
+							overflow: hidden;
+							flex-shrink: 0;
+							line-height: 0;
 						}
-						.wx-open-app-btn .fab__brand-u {
-							font-weight: 800;
+						.wx-open-app-btn .fab__brand-img {
+							display: block;
+							height: 20px;
+							width: auto;
+							max-width: none;
+							pointer-events: none;
+							-webkit-user-drag: none;
 						}
 						.wx-open-app-btn .fab__label {
 							font-size: 15px;
@@ -614,7 +627,9 @@
 						}
 					</style>
 					<button class="wx-open-app-btn" aria-label="APP内打开">
-						<span class="fab__brand" aria-hidden="true"><span class="fab__brand-u">U</span>店</span>
+						<span class="fab__brand-clip" aria-hidden="true">
+							<img class="fab__brand-img" src="https://test.ailien.shop/h5/HBuilderProjects/images/uBtn.png" alt="" decoding="async">
+						</span>
 						<span class="fab__label">APP内打开</span>
 					</button>
 				</script>