|
|
@ -3,7 +3,7 @@ |
|
|
<view class="top-bar"> |
|
|
<view class="top-bar"> |
|
|
<view class="top-left"> |
|
|
<view class="top-left"> |
|
|
<text class="top-logo">🍸</text> |
|
|
<text class="top-logo">🍸</text> |
|
|
<text class="top-brand">纯瘾大</text> |
|
|
|
|
|
|
|
|
<text class="top-brand">就是纯瘾大</text> |
|
|
</view> |
|
|
</view> |
|
|
<view class="top-right"> |
|
|
<view class="top-right"> |
|
|
<text class="my-btn" @tap="goMyOrders">我的</text> |
|
|
<text class="my-btn" @tap="goMyOrders">我的</text> |
|
|
@ -18,7 +18,7 @@ |
|
|
<view class="landing-decor" style="bottom:25%;left:14%;font-size:48rpx">🧊</view> |
|
|
<view class="landing-decor" style="bottom:25%;left:14%;font-size:48rpx">🧊</view> |
|
|
|
|
|
|
|
|
<text class="landing-logo">🍸</text> |
|
|
<text class="landing-logo">🍸</text> |
|
|
<text class="landing-title">纯瘾大</text> |
|
|
|
|
|
|
|
|
<text class="landing-title">就是纯瘾大</text> |
|
|
<text class="landing-sub">唤醒你的专属调酒师</text> |
|
|
<text class="landing-sub">唤醒你的专属调酒师</text> |
|
|
<button class="btn-primary" @tap="showModal = true">🎫 领取号码牌</button> |
|
|
<button class="btn-primary" @tap="showModal = true">🎫 领取号码牌</button> |
|
|
</view> |
|
|
</view> |
|
|
@ -132,18 +132,18 @@ export default { |
|
|
.top-bar{height:100rpx;display:flex;align-items:center;justify-content:space-between;padding:0 28rpx;border-bottom:1px solid var(--border);flex-shrink:0} |
|
|
.top-bar{height:100rpx;display:flex;align-items:center;justify-content:space-between;padding:0 28rpx;border-bottom:1px solid var(--border);flex-shrink:0} |
|
|
.top-left{display:flex;align-items:center;gap:16rpx} |
|
|
.top-left{display:flex;align-items:center;gap:16rpx} |
|
|
.top-logo{font-size:44rpx} |
|
|
.top-logo{font-size:44rpx} |
|
|
.top-brand{font-size:40rpx;font-weight:900;color:var(--gold);letter-spacing:4rpx} |
|
|
|
|
|
|
|
|
.top-brand{font-size:36rpx;font-weight:900;color:var(--gold);letter-spacing:4rpx} |
|
|
.my-btn{font-size:26rpx;color:var(--gold);font-weight:600} |
|
|
.my-btn{font-size:26rpx;color:var(--gold);font-weight:600} |
|
|
|
|
|
|
|
|
.landing-bg{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at center,#1A1A1A 0%,var(--bg) 70%);padding:40rpx} |
|
|
.landing-bg{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at center,#1A1A1A 0%,var(--bg) 70%);padding:40rpx} |
|
|
.landing-decor{position:absolute;font-size:80rpx;opacity:.08;animation:float 6s ease-in-out infinite;pointer-events:none} |
|
|
.landing-decor{position:absolute;font-size:80rpx;opacity:.08;animation:float 6s ease-in-out infinite;pointer-events:none} |
|
|
.landing-logo{font-size:160rpx;animation:float 3s ease-in-out infinite} |
|
|
.landing-logo{font-size:160rpx;animation:float 3s ease-in-out infinite} |
|
|
.landing-title{font-size:56rpx;font-weight:900;color:var(--gold);margin-top:24rpx;letter-spacing:8rpx} |
|
|
|
|
|
.landing-sub{font-size:28rpx;color:var(--text-dim);margin:12rpx 0 80rpx;letter-spacing:2rpx} |
|
|
|
|
|
|
|
|
.landing-title{font-size:48rpx;font-weight:900;color:var(--gold);margin-top:24rpx;letter-spacing:6rpx} |
|
|
|
|
|
.landing-sub{font-size:28rpx;color:var(--text-dim);margin:12rpx 0 40rpx;letter-spacing:2rpx} |
|
|
.btn-primary{width:440rpx;height:96rpx;border-radius:24rpx;background:linear-gradient(135deg,var(--gold-dark),var(--gold),var(--gold-light));color:#1A1A1A;border:none;font-size:32rpx;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 8rpx 40rpx rgba(245,166,35,.35)} |
|
|
.btn-primary{width:440rpx;height:96rpx;border-radius:24rpx;background:linear-gradient(135deg,var(--gold-dark),var(--gold),var(--gold-light));color:#1A1A1A;border:none;font-size:32rpx;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 8rpx 40rpx rgba(245,166,35,.35)} |
|
|
|
|
|
|
|
|
/* 员工入口 */ |
|
|
/* 员工入口 */ |
|
|
.staff-link{padding:20rpx;text-align:center;flex-shrink:0} |
|
|
|
|
|
|
|
|
.staff-link{padding:12rpx 20rpx;text-align:center;flex-shrink:0} |
|
|
.staff-link text{color:var(--text-muted);font-size:22rpx;letter-spacing:2rpx} |
|
|
.staff-link text{color:var(--text-muted);font-size:22rpx;letter-spacing:2rpx} |
|
|
|
|
|
|
|
|
/* 号码牌弹窗 */ |
|
|
/* 号码牌弹窗 */ |
|
|
|