|
|
@@ -35,7 +35,7 @@
|
|
|
background: var(--bg);
|
|
|
color: var(--text);
|
|
|
min-height: 100vh;
|
|
|
- padding-bottom: calc(88px + var(--safe-bottom));
|
|
|
+ padding-bottom: calc(92px + var(--safe-bottom));
|
|
|
}
|
|
|
|
|
|
.hero {
|
|
|
@@ -135,32 +135,46 @@
|
|
|
|
|
|
.footer__dock {
|
|
|
position: relative;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
width: 100%;
|
|
|
pointer-events: auto;
|
|
|
}
|
|
|
|
|
|
.continue-btn {
|
|
|
- width: 100%;
|
|
|
- height: 44px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ width: 50%;
|
|
|
+ height: 48px;
|
|
|
+ margin: 0 auto;
|
|
|
+ padding: 0;
|
|
|
border: none;
|
|
|
border-radius: 999px;
|
|
|
- background: linear-gradient(90deg, #ffb347 0%, #f47d1f 55%, #ff7849 100%);
|
|
|
- box-shadow: 0 4px 12px rgba(244, 125, 31, 0.28);
|
|
|
- color: #fff;
|
|
|
- font-size: 16px;
|
|
|
- font-weight: 600;
|
|
|
+ background: linear-gradient(90deg, #ffb84c 0%, #ff6b3e 100%);
|
|
|
+ box-shadow: 0 4px 16px rgba(255, 107, 62, 0.32);
|
|
|
touch-action: manipulation;
|
|
|
+ -webkit-tap-highlight-color: transparent;
|
|
|
+ }
|
|
|
+
|
|
|
+ .continue-btn__label {
|
|
|
+ display: block;
|
|
|
+ height: 20px;
|
|
|
+ width: auto;
|
|
|
+ max-width: 90%;
|
|
|
+ pointer-events: none;
|
|
|
+ -webkit-user-drag: none;
|
|
|
}
|
|
|
|
|
|
#launch-btn {
|
|
|
display: none;
|
|
|
position: absolute;
|
|
|
- left: 0;
|
|
|
- right: 0;
|
|
|
+ left: 50%;
|
|
|
top: 0;
|
|
|
- width: 100%;
|
|
|
- height: 44px;
|
|
|
- min-height: 44px;
|
|
|
+ width: 50%;
|
|
|
+ height: 48px;
|
|
|
+ min-height: 48px;
|
|
|
+ transform: translateX(-50%);
|
|
|
border-radius: 999px;
|
|
|
overflow: hidden;
|
|
|
}
|
|
|
@@ -202,30 +216,38 @@
|
|
|
|
|
|
<footer class="footer">
|
|
|
<div class="footer__dock">
|
|
|
- <button type="button" class="continue-btn" id="btnContinue">和U宝继续聊 →</button>
|
|
|
+ <button type="button" class="continue-btn" id="btnContinue" aria-label="和U宝继续聊">
|
|
|
+ <img class="continue-btn__label" src="images/uCharts.png" alt="和U宝继续聊" decoding="async">
|
|
|
+ </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;
|
|
|
width: 100%;
|
|
|
- height: 44px;
|
|
|
+ height: 48px;
|
|
|
margin: 0;
|
|
|
padding: 0;
|
|
|
border: none;
|
|
|
border-radius: 999px;
|
|
|
- background: linear-gradient(90deg, #ffb347 0%, #f47d1f 55%, #ff7849 100%);
|
|
|
- box-shadow: 0 4px 12px rgba(244, 125, 31, 0.28);
|
|
|
- color: #fff;
|
|
|
- font-size: 16px;
|
|
|
- font-weight: 600;
|
|
|
- line-height: 44px;
|
|
|
- text-align: center;
|
|
|
+ background: linear-gradient(90deg, #ffb84c 0%, #ff6b3e 100%);
|
|
|
+ box-shadow: 0 4px 16px rgba(255, 107, 62, 0.32);
|
|
|
cursor: pointer;
|
|
|
-webkit-tap-highlight-color: transparent;
|
|
|
}
|
|
|
+ .continue-btn__label {
|
|
|
+ display: block;
|
|
|
+ height: 16px;
|
|
|
+ width: auto;
|
|
|
+ max-width: 90%;
|
|
|
+ pointer-events: none;
|
|
|
+ }
|
|
|
</style>
|
|
|
- <button class="wx-open-app-btn">和U宝继续聊 →</button>
|
|
|
+ <button class="wx-open-app-btn" aria-label="和U宝继续聊">
|
|
|
+ <img class="continue-btn__label" src="https://test.ailien.shop/h5/HBuilderProjects/images/uCharts.png" alt="和U宝继续聊" decoding="async">
|
|
|
+ </button>
|
|
|
</script>
|
|
|
</wx-open-launch-app>
|
|
|
</div>
|
