浏览代码

fix: 查看详情箭头改用 CSS ::after 渲染,避免小程序中转义为 >

微信小程序 <text> 中直接写 > 可能被转义显示为 &gt;,改用 CSS content 属性绘制。

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
skyline 1 周之前
父节点
当前提交
45bc6f7570
共有 1 个文件被更改,包括 5 次插入1 次删除
  1. 5 1
      haha-mp/src/pages/orderDetail/orderDetail.vue

+ 5 - 1
haha-mp/src/pages/orderDetail/orderDetail.vue

@@ -133,7 +133,7 @@
             <text class="info-label">支付详情</text>
             <view class="info-link" @click="viewPayDetail">
               <text class="link-text">查看详情</text>
-              <text class="link-arrow">></text>
+              <text class="link-arrow" />
             </view>
           </view>
           <view class="info-row" v-if="order.storeName">
@@ -823,6 +823,10 @@ const viewPayDetail = async () => {
 .link-arrow {
   font-size: 28rpx;
   color: $color-primary-dark;
+
+  &::after {
+    content: '>';
+  }
 }
 
 /* 底部提示 */