feat(Task1): 票夹页面左上角加返回按钮
- HTML: 固定定位返回按钮(history.go(-1)) - CSS: AmazeUI am-icon-angle-left 风格,圆形白底 + 阴影 - 同步 app/ + public/ 两份 ticket.css - ShopXO 最佳实践: AmazeUI 内置图标,无需额外 iconfont 依赖feat/b-verification-clean
parent
f8bb136d97
commit
4e5aaeacd2
|
|
@ -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);
|
||||||
|
}
|
||||||
|
|
|
||||||
|
|
@ -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
|
// 获取用户 Token(key = 'user_token_data')
|
||||||
var token = '<?php echo session("user_token") ?: ""; ?>';
|
var token = '<?php echo MySession("user_token_data") ?: ""; ?>';
|
||||||
|
|
||||||
// 初始化票夹
|
// 初始化票夹
|
||||||
VrTicketWallet.init(token);
|
VrTicketWallet.init(token);
|
||||||
|
|
|
||||||
|
|
@ -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);
|
||||||
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue