diff --git a/pages/ticket/scenic.vue b/pages/ticket/scenic.vue index 06f8a2a..719e8aa 100644 --- a/pages/ticket/scenic.vue +++ b/pages/ticket/scenic.vue @@ -11,8 +11,8 @@ {{item.subTypeId}} 原售价{{(item.price/100).toFixed(0)}}元 - 会员补贴价¥{{(item.unitPrice/100).toFixed(0)}}元 + 会员补贴价¥{{(item.unitPrice/100).toFixed(0)}}元 @@ -122,24 +122,41 @@ .p_text { position: absolute; bottom: 0rpx; - width: 240rpx; right: 0rpx; + // xuchao: border-box 让盒子精确等于底图宽度;右侧 padding 让出蓝色箭头区,文字在橙色槽内居中 + width: 250rpx; height: 50rpx; + box-sizing: border-box; background: url('https://aliyunoss.hn12301.net/xgh/image_bj_text.png'); background-size: 100% 100%; display: flex; align-items: center; + justify-content: center; color: #fff; - font-size: 16rpx; - padding-left: 18rpx; + padding-left: 14rpx; + padding-right: 51rpx; border-radius: 4rpx; } + .p_label { + font-size: 16rpx; + } + + .p_symbol { + font-size: 18rpx; + margin: 0 2rpx 0 6rpx; + } + .p_num { font-size: 32rpx; font-style: italic; font-weight: bold; - margin-bottom: 8rpx; + } + + .p_unit { + font-size: 16rpx; + // xuchao: 价格与"元"之间留出明显间距(8rpx ≈ 375 屏 4px) + margin-left: 8rpx; } .nr_origin {