feat(Task1): 票夹页面左上角加返回按钮
- HTML: 固定定位返回按钮(history.go(-1)) - CSS: AmazeUI am-icon-angle-left 风格,圆形白底 + 阴影 - 同步 app/ + public/ 两份 ticket.css - ShopXO 最佳实践: AmazeUI 内置图标,无需额外 iconfont 依赖feat/phase-b-verification
parent
f8bb136d97
commit
4e5aaeacd2
|
|
@ -120,3 +120,36 @@
|
|||
.vr-spec-option.selected { border-color: #409eff; background: #ecf5ff; color: #409eff; }
|
||||
.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);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -4,11 +4,22 @@
|
|||
<link rel="stylesheet" type="text/css"
|
||||
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-wallet-header">
|
||||
<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>
|
||||
|
||||
<!-- 票列表容器 -->
|
||||
|
|
@ -19,13 +30,15 @@
|
|||
|
||||
<?php echo ModuleInclude('public/footer'); ?>
|
||||
|
||||
<!-- 引入票卡片组件 -->
|
||||
<?php echo ModuleInclude('../../goods/ticket_card'); ?>
|
||||
<!-- 引入票卡片组件样式和JS -->
|
||||
<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>
|
||||
$(function() {
|
||||
// 获取用户 Token
|
||||
var token = '<?php echo session("user_token") ?: ""; ?>';
|
||||
// 获取用户 Token(key = 'user_token_data')
|
||||
var token = '<?php echo MySession("user_token_data") ?: ""; ?>';
|
||||
|
||||
// 初始化票夹
|
||||
VrTicketWallet.init(token);
|
||||
|
|
|
|||
|
|
@ -120,3 +120,36 @@
|
|||
.vr-spec-option.selected { border-color: #409eff; background: #ecf5ff; color: #409eff; }
|
||||
.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);
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue