feat(Task1): 票夹页面左上角加返回按钮

- HTML: 固定定位返回按钮(history.go(-1))
- CSS: AmazeUI am-icon-angle-left 风格,圆形白底 + 阴影
- 同步 app/ + public/ 两份 ticket.css
- ShopXO 最佳实践: AmazeUI 内置图标,无需额外 iconfont 依赖
feat/b-verification-clean
Council 2026-04-24 16:57:43 +08:00
parent f8bb136d97
commit 4e5aaeacd2
3 changed files with 84 additions and 5 deletions

View File

@ -120,3 +120,36 @@
.vr-spec-option.selected { border-color: #409eff; background: #ecf5ff; color: #409eff; } .vr-spec-option.selected { border-color: #409eff; background: #ecf5ff; color: #409eff; }
.vr-spec-option:hover { background: #f5f7fa; } .vr-spec-option:hover { background: #f5f7fa; }
/* ============================================
VR -
============================================ */
/* 左上角返回按钮fixed 定位ShopXO AmazeUI 风格) */
.vr-wallet-back-btn {
position: fixed;
top: 12px;
left: 12px;
z-index: 1000;
display: flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
background: rgba(255, 255, 255, 0.95);
border: 1px solid #e8e8e8;
border-radius: 50%;
color: #333;
font-size: 16px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
transition: all 0.2s ease;
text-decoration: none;
}
.vr-wallet-back-btn:hover {
background: #fff;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
color: #1890ff;
}
.vr-wallet-back-btn:active {
transform: scale(0.95);
}

View File

@ -4,11 +4,22 @@
<link rel="stylesheet" type="text/css" <link rel="stylesheet" type="text/css"
href="<?php echo Config('shopxo.host_url'); ?>plugins/vr_ticket/static/css/ticket.css?v=<?php echo time(); ?>" /> href="<?php echo Config('shopxo.host_url'); ?>plugins/vr_ticket/static/css/ticket.css?v=<?php echo time(); ?>" />
<!-- 左上角返回按钮ShopXO AmazeUI 风格) -->
<a href="javascript:history.go(-1);" class="vr-wallet-back-btn" title="返回">
<i class="am-icon-angle-left"></i>
</a>
<!-- 页面内容 --> <!-- 页面内容 -->
<div class="vr-ticket-wallet-page" id="vrTicketWalletApp"> <div class="vr-ticket-wallet-page" id="vrTicketWalletApp">
<div class="vr-wallet-header"> <div class="vr-wallet-header">
<div class="vr-wallet-title">我的电子票</div> <div class="vr-wallet-title">我的电子票</div>
<div class="vr-wallet-subtitle"><span id="vrTicketCount">0</span> 张票</div> <div class="vr-wallet-subtitle">
<?php if (!empty($user)): ?>
欢迎,<?php echo htmlspecialchars($user['nickname'] ?: $user['username'] ?: '用户'); ?>
<span style="margin: 0 8px;">|</span>
<?php endif; ?>
<span id="vrTicketCount">0</span> 张票
</div>
</div> </div>
<!-- 票列表容器 --> <!-- 票列表容器 -->
@ -19,13 +30,15 @@
<?php echo ModuleInclude('public/footer'); ?> <?php echo ModuleInclude('public/footer'); ?>
<!-- 引入票卡片组件 --> <!-- 引入票卡片组件样式和JS -->
<?php echo ModuleInclude('../../goods/ticket_card'); ?> <link rel="stylesheet" type="text/css"
href="<?php echo Config('shopxo.host_url'); ?>plugins/vr_ticket/static/css/ticket_card.css?v=<?php echo time(); ?>" />
<script src="<?php echo Config('shopxo.host_url'); ?>plugins/vr_ticket/static/js/ticket_card.js?v=<?php echo time(); ?>"></script>
<script> <script>
$(function() { $(function() {
// 获取用户 Token // 获取用户 Tokenkey = 'user_token_data'
var token = '<?php echo session("user_token") ?: ""; ?>'; var token = '<?php echo MySession("user_token_data") ?: ""; ?>';
// 初始化票夹 // 初始化票夹
VrTicketWallet.init(token); VrTicketWallet.init(token);

View File

@ -120,3 +120,36 @@
.vr-spec-option.selected { border-color: #409eff; background: #ecf5ff; color: #409eff; } .vr-spec-option.selected { border-color: #409eff; background: #ecf5ff; color: #409eff; }
.vr-spec-option:hover { background: #f5f7fa; } .vr-spec-option:hover { background: #f5f7fa; }
/* ============================================
VR -
============================================ */
/* 左上角返回按钮fixed 定位ShopXO AmazeUI 风格) */
.vr-wallet-back-btn {
position: fixed;
top: 12px;
left: 12px;
z-index: 1000;
display: flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
background: rgba(255, 255, 255, 0.95);
border: 1px solid #e8e8e8;
border-radius: 50%;
color: #333;
font-size: 16px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
transition: all 0.2s ease;
text-decoration: none;
}
.vr-wallet-back-btn:hover {
background: #fff;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
color: #1890ff;
}
.vr-wallet-back-btn:active {
transform: scale(0.95);
}