vhall-mini-sdk 0.1.0 → 0.1.2

package/dist/components/lottery/lottery-accept/index.wxml

@@ -1,49 +0,0 @@
-<view wx:if="{{visible}}" class="lottery-accept-modal">
-    <view class="lottery-accept-mask" bindtap="close"></view>
-    <view class="lottery-accept-content">
-        <view class="lottery-accept-title">领奖信息</view>
-        <!-- 表单领奖 -->
-        <view wx:if="{{acceptType === 1}}" class="form-wrap">
-            <view class="form">
-                <view wx:for="{{winForm}}" wx:key="index" class="form-item">
-                    <view class="form-item__input {{item.is_required ? 'required' : ''}}">
-                        <input class="form-input" value="{{item.field_value}}" type="text" maxlength="{{item.maxLength}}" placeholder="{{item.placeholder}}" data-index="{{index}}" bindinput="onFormInput" />
-                    </view>
-                </view>
-            </view>
-            <button class="vmp-lottery-btn {{verified ? '' : 'disabled'}}" bindtap="submit">
-                提交
-            </button>
-        </view>
-        <!-- 客服领奖 -->
-        <view wx:if="{{acceptType === 2}}" class="customer-service-container">
-            <view wx:if="{{customerServiceInfo.private_number}}" class="wechat">
-                {{customerServiceInfo.private_number}}
-            </view>
-            <image wx:if="{{customerServiceInfo.private_qrcode}}" src="{{customerServiceInfo.private_qrcode}}" class="qrcode" mode="aspectFit" />
-            <view wx:if="{{customerServiceInfo.tip_note}}" class="tip">
-                {{customerServiceInfo.tip_note}}
-            </view>
-            <button wx:if="{{publishWinner == 1}}" class="lottery-success-btn" bindtap="viewWinnersList">
-                查看中奖名单
-            </button>
-        </view>
-    </view>
-
-    <!-- 提交成功弹框 -->
-    <view wx:if="{{showSuccess}}" class="lottery-success-modal">
-        <view class="lottery-success-mask" bindtap="close"></view>
-        <view class="lottery-success-content">
-            <view class="lottery-success-close" bindtap="close">
-                <icon type="cancel" size="24" color="#999" />
-            </view>
-            <view class="lottery-success-icon">
-                <view class="success-check"></view>
-            </view>
-            <text class="lottery-success-title">信息提交成功</text>
-            <button wx:if="{{publishWinner == 1}}" class="lottery-success-btn" bindtap="viewWinnersList">
-                查看中奖名单
-            </button>
-        </view>
-    </view>
-</view>

package/dist/components/lottery/lottery-accept/index.wxss

@@ -1 +0,0 @@
-.lottery-accept-modal{bottom:0;display:flex;flex-direction:column;justify-content:flex-end;left:0;position:fixed;right:0;top:0;z-index:1000}.lottery-accept-mask{background:rgba(0,0,0,.5);bottom:0;left:0;position:absolute;right:0;top:0}.lottery-accept-content{background:linear-gradient(37.94deg,#fffbe8 3.86%,#fbf0e6 84.36%);border-radius:32rpx 32rpx 0 0;max-height:85vh;overflow-y:auto;padding:0 40rpx 80rpx;position:relative}.lottery-accept-title{color:#333;font-size:1.36rem;font-weight:600;line-height:4.29rem;text-align:center}.customer-service-container{align-items:center;display:flex;flex-direction:column}.customer-service-container .wechat{color:#333;font-size:1.14rem;line-height:1.71rem;text-align:center;word-break:break-all}.customer-service-container .qrcode{height:400rpx;margin-top:40rpx;width:400rpx}.customer-service-container .tip{color:#999;font-size:1rem;line-height:1.43rem;margin-top:30rpx;text-align:center}.form-item{align-items:center;background:#f8f8f8;border-radius:16rpx;display:flex;height:100rpx;margin-bottom:24rpx;overflow:hidden;position:relative}.form-item__input{flex:1;padding-left:80rpx;position:relative}.form-item__input.required:before{color:#ff4d4f;content:"*";display:inline-block;font-size:1.14rem;height:20rpx;left:30rpx;position:absolute;top:50%;transform:translateY(-50%);width:20rpx}.form-input{background:transparent;color:#333;font-size:1.14rem;height:100%;line-height:3.57rem;outline:0;vertical-align:middle}.form-input,.vmp-lottery-btn{box-sizing:border-box;width:100%}.vmp-lottery-btn{align-items:center;background:#fb2626;border:none;border-radius:60rpx;color:#fff;display:flex;font-size:1.29rem;font-weight:700;height:96rpx;justify-content:center;margin:60rpx auto 0}.vmp-lottery-btn.disabled{opacity:.4;pointer-events:none}.lottery-success-modal{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.lottery-success-mask{background:rgba(0,0,0,.5);bottom:0;left:0;position:absolute;right:0;top:0}.lottery-success-content{align-items:center;background:linear-gradient(37.94deg,#fffbe8 3.86%,#fbf0e6 84.36%);border-radius:32rpx;display:flex;flex-direction:column;padding:80rpx 40rpx;position:relative;width:600rpx}.lottery-success-close{height:48rpx;position:absolute;right:30rpx;top:30rpx;width:48rpx}.lottery-success-close,.lottery-success-icon{align-items:center;display:flex;justify-content:center}.lottery-success-icon{background:linear-gradient(135deg,gold,#ffb700);border-radius:50%;box-shadow:0 8rpx 32rpx rgba(255,183,0,.4);height:160rpx;margin-bottom:40rpx;width:160rpx}.lottery-success-icon .success-check{border-bottom:6rpx solid #fff;border-left:6rpx solid #fff;height:40rpx;margin-top:-20rpx;transform:rotate(-45deg);width:80rpx}.lottery-success-title{color:#333;font-size:1.29rem;font-weight:600;margin-bottom:60rpx}.lottery-success-btn{align-items:center;background:#fb2626;border:none;border-radius:60rpx;color:#fff;display:flex;font-size:1.14rem;font-weight:700;height:88rpx;justify-content:center;width:400rpx}

package/dist/components/lottery/lottery-history/index.js

@@ -1,36 +0,0 @@
-Component({
-  properties: {
-    visible: {
-      type: Boolean,
-      value: false,
-    },
-    winLotteryHistory: {
-      type: Array,
-      value: [],
-    },
-  },
-
-  data: {
-    defaultLotteryImg: 'https://cnstatic01.e.vhall.com/upload/webinars/spread-imgs/default-lottery.png',
-  },
-
-  methods: {
-    takeAward(e) {
-      const { index } = e.currentTarget.dataset;
-      const lottery = this.properties.winLotteryHistory[index];
-      lottery.lottery_id=lottery.id;
-      this.triggerEvent('takeAward', lottery);
-    },
-
-    onItemClick(e) {
-      const { index } = e.currentTarget.dataset;
-      const lottery = this.properties.winLotteryHistory[index];
-      lottery.lottery_id = lottery.id;
-      this.triggerEvent('itemClick', lottery);
-    },
-
-    close() {
-      this.triggerEvent('close');
-    },
-  },
-});

package/dist/components/lottery/lottery-history/index.json

@@ -1,3 +0,0 @@
-{
-  "component": true
-}

package/dist/components/lottery/lottery-history/index.wxml

@@ -1,28 +0,0 @@
-<view wx:if="{{visible}}" class="lottery-history-modal">
-    <view class="lottery-history-mask" bindtap="close"></view>
-    <view class="lottery-history-content">
-        <view class="lottery-history-title">中奖记录</view>
-        <view class="lottery-wrap-container">
-            <scroll-view class="lottery-wrap" scroll-y>
-                <view wx:for="{{winLotteryHistory}}" wx:key="index" class="win-lottery" bindtap="onItemClick" data-index="{{index}}">
-                    <view class="lottery-item">
-                        <image class="lottery-item__img" src="{{(item.award_snapshoot && item.award_snapshoot.image_url) || defaultLotteryImg}}" mode="aspectFill" />
-                        <view class="lottery-item__content">
-                            <p class="award-name">{{item.award_snapshoot.award_name}}</p>
-                            <p class="award-time">{{item.created_at}}</p>
-                        </view>
-                        <view class="lottery-item__status">
-                            <text wx:if="{{item.take_award == 1}}" class="status-text">已领取</text>
-                            <text wx:elif="{{item.need_take_award == 0}}" class="status-text">
-                                已中奖
-                            </text>
-                            <button wx:else class="take-award-btn" bindtap="takeAward" data-index="{{index}}">
-                                领取
-                            </button>
-                        </view>
-                    </view>
-                </view>
-            </scroll-view>
-        </view>
-    </view>
-</view>

package/dist/components/lottery/lottery-history/index.wxss

@@ -1 +0,0 @@
-.lottery-history-modal{bottom:0;display:flex;flex-direction:column;justify-content:flex-end;left:0;position:fixed;right:0;top:0;z-index:1000}.lottery-history-mask{background:rgba(0,0,0,.5);bottom:0;left:0;position:absolute;right:0;top:0}.lottery-history-content{background:linear-gradient(37.94deg,#fffbe8 3.86%,#fbf0e6 84.36%);border-radius:32rpx 32rpx 0 0;max-height:70vh;overflow:hidden;padding:0 40rpx 80rpx;position:relative}.lottery-history-title{border-bottom:2rpx solid #f0f0f0;color:#333;font-size:1.36rem;font-weight:600;height:100rpx;line-height:3.57rem;text-align:center}.lottery-wrap-container{padding-right:4rpx}.lottery-wrap{max-height:432rpx;min-height:128rpx}.win-lottery{margin-bottom:24rpx}.lottery-item{align-items:center;background:#fff;border-radius:24rpx;display:flex;flex-direction:row;height:144rpx;padding:28rpx 32rpx}.lottery-item__img{border:2rpx solid #d9d9d9;border-radius:24rpx;flex-shrink:0;height:160rpx;width:160rpx}.lottery-item__content{display:flex;flex:1;flex-direction:column;height:100%;justify-content:center;margin-left:30rpx}.award-name{color:#262626;font-size:1.14rem;font-weight:500;height:48rpx;line-height:1.71rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.award-time{color:#8c8c8c;font-size:.86rem;height:36rpx;line-height:1.29rem;margin-top:8rpx}.take-award-btn{align-items:center;background:linear-gradient(135deg,#ff4d4f,#ff7875);border:none;border-radius:32rpx;color:#fff;display:flex;font-size:1rem;font-weight:500;height:64rpx;justify-content:center;padding:0 40rpx;width:auto!important}.status-text{color:#bfbfbf;font-size:1rem}

package/dist/components/lottery/lottery-shake/lottery-shake.js

@@ -1,328 +0,0 @@
-Component({
-  properties: {
-    remark: { type: String, value: '' },
-    // 抽奖 ID：用于区分不同抽奖的缓存 key
-    lotteryId: { type: String, value: '' },
-    autoplay: { type: Boolean, value: false },
-    loop: { type: Boolean, value: false },
-    // 外部控制：true 开始摇晃，false 平滑停止（与转盘/老虎机一致）
-    running: {
-      type: Boolean,
-      value: false,
-      observer(val) {
-        if (val) {
-          this.spin();
-        } else {
-          this.stop();
-        }
-      },
-    },
-  },
-
-  data: {
-    spinning: false,
-    stopping: false,
-    stopped: false,
-    // 球列表（每球独立位置、速度、大小）
-    balls: [],
-    // 中奖结果展示
-    resultVisible: false,
-    resultEmoji: '',
-    resultLabel: '',
-  },
-
-  lifetimes: {
-    attached() {
-      this._initBalls();
-      // 与转盘/老虎机逻辑一致：先判断 running，再判断缓存恢复；不再因 autoplay 自动启动
-      if (this.data.running) {
-        this.spin();
-      } else if (this._hasSpinCache()) {
-        // 刷新前抽奖仍在进行（有缓存），进入页面后自动恢复摇晃动画
-        this.spin();
-      }
-    },
-    detached() {
-      this._clearTimers();
-    },
-  },
-
-  methods: {
-    // 初始化 12 颗球（不同颜色、表情、初始位置）
-    _initBalls() {
-      const colors = ['#ff9a3c', '#ff6b35', '#ffd93d', '#ff4757', '#ff7f50', '#ffb347'];
-      const emojis = ['😊', '😄', '🎉', '🤩', '😋', '🥳', '😆', '🤗', '✨', '🎁', '💫', '⭐'];
-      const labels = ['谢谢参与', '参与奖励', '一等奖', '二等奖', '三等奖', '参与奖励'];
-      const balls = [];
-      const n = 12;
-      const xMin = 22;
-      const xMax = 78;
-      const bowlR = 44; // 碗内半径(%)，与 _animFrame 碰撞半径一致
-      const ballR = 7; // 球碰撞半径(%)，与 _animFrame 一致
-      for (let i = 0; i < n; i++) {
-        // 均匀铺在碗底：x 从 xMin 到 xMax，y 落在碗底内壁上（静止、零速度）
-        const x = xMin + ((xMax - xMin) * i) / (n - 1);
-        const dx = x - 50;
-        const y = 50 + Math.sqrt(Math.max(0, bowlR * bowlR - dx * dx)) - ballR;
-        balls.push({
-          id: i,
-          color: colors[i % colors.length],
-          emoji: emojis[i % emojis.length],
-          label: labels[i % labels.length],
-          // 初始化时全部静止沉在碗底，未开始动画不运动
-          x,
-          y,
-          size: 66, // 统一大小(rpx)，稍大
-          vx: 0,
-          vy: 0,
-          rotation: 0,
-          scale: 1, // 统一缩放
-          opacity: 1,
-          zIndex: i,
-        });
-      }
-      this.setData({ balls });
-    },
-
-    // 开始摇晃动画
-    spin() {
-      // 进行中或减速停止阶段，忽略重复点击，避免动画重复执行 / 重复上报抽奖
-      if (this.data.spinning || this.data.stopping) return;
-      this._clearTimers();
-      // 阶段状态机：tumble=翻滚，settle=落底；循环往复模拟摇奖机
-      this._phase = 'tumble';
-      this._phaseStart = Date.now();
-      this._tumbleMs = 1300; // 一次翻滚时长（约两圈）
-      this._settleMs = 1000; // 落底静置时长
-      this.setData({
-        spinning: true,
-        stopping: false,
-        stopped: false,
-        resultVisible: false,
-      });
-      // 记录缓存：抽奖进行中，刷新后可据此恢复动画
-      this._setSpinCache();
-
-      // 起步给一个抖动爆发力，把球从瓶底掀起来翻滚
-      this._applyShake();
-      // 物理弹跳模拟
-      this._animFrame();
-      this.triggerEvent('draw');
-    },
-
-    // 每帧更新球位置（物理碰撞 + 持续滚动 / 停止落定）
-    _animFrame() {
-      if (!this.data.spinning || this.data.stopped) return;
-      const stopping = this.data.stopping;
-
-      // 阶段循环：翻滚(tumble) → 落底(settle) → 抖动爆发力 → 翻滚 ...
-      if (!stopping) {
-        const now = Date.now();
-        const phaseDur = this._phase === 'tumble' ? this._tumbleMs : this._settleMs;
-        if (now - this._phaseStart >= phaseDur) {
-          if (this._phase === 'tumble') {
-            // 翻滚结束 → 进入落底阶段（小球沉到瓶底）
-            this._phase = 'settle';
-            this._phaseStart = now;
-          } else {
-            // 落底结束 → 施加抖动爆发力，重新翻滚
-            this._phase = 'tumble';
-            this._phaseStart = now;
-            this._applyShake();
-          }
-        }
-      }
-
-      const phase = stopping ? 'settle' : this._phase;
-      const damp = phase === 'settle' ? 0.92 : 0.99; // 落底时衰减更快，便于沉底
-      const bounce = 0.6;
-      const minSpeed = phase === 'tumble' ? 3.0 : 0;  // 仅翻滚期维持速度（贴壁匀速转）
-      const maxSpeed = 6;
-      const ballR = 7; // 球碰撞半径（%）
-
-      const updated = this.data.balls.map((ball) => {
-        let { x, y, vx, vy, rotation } = ball;
-
-        if (phase === 'tumble') {
-          // 以瓶心为基准的径向 / 切向（圆形玻璃球，圆心 50,50）
-          const dx = x - 50;
-          const dy = y - 50;
-          const tlen = Math.sqrt(dx * dx + dy * dy) || 1;
-          const tx = -dy; // 切向（绕圈方向）
-          const ty = dx;
-          // 切向力：让球顺着瓶壁环绕翻滚（加大，转动更明显）
-          vx += (tx / tlen) * 0.42;
-          vy += (ty / tlen) * 0.42;
-          // 径向离心力：把球向外推，贴住玻璃瓶壁（加大，明确贴壁）
-          vx += (dx / tlen) * 0.3;
-          vy += (dy / tlen) * 0.3;
-          // 轻随机扰动：仅制造细微错落，不破坏贴壁轨道
-          vx += (Math.random() - 0.5) * 0.12;
-          vy += (Math.random() - 0.5) * 0.12;
-          // 速度维持区间 [minSpeed, maxSpeed]：保证翻滚期始终贴壁在动
-          let sp = Math.sqrt(vx * vx + vy * vy);
-          if (sp < minSpeed) {
-            const k = minSpeed / (sp || 0.001);
-            vx *= k;
-            vy *= k;
-          } else if (sp > maxSpeed) {
-            const k = maxSpeed / sp;
-            vx *= k;
-            vy *= k;
-          }
-        } else {
-          // 落底阶段：重力 + 阻尼，小球自然沉到瓶底
-          vy += 0.22;
-        }
-        vx *= damp;
-        vy *= damp;
-
-        // 更新位置
-        x += vx;
-        y += vy;
-        rotation += vx * 4;
-
-        // 圆形碗壁碰撞（圆方程：(x-50)^2 + (y-50)^2 = R^2）
-        const nx = (x - 50) / 44; // 半径 ~44%
-        const ny = (y - 50) / 44;
-        const dist = nx * nx + ny * ny;
-
-        if (dist > 1) {
-          // 碰到碗壁，反射
-          const normalX = nx / Math.sqrt(dist);
-          const normalY = ny / Math.sqrt(dist);
-          const dot = vx * normalX + vy * normalY;
-          vx = (vx - 2 * dot * normalX) * bounce;
-          vy = (vy - 2 * dot * normalY) * bounce;
-          // 推回碗内
-          x = 50 + normalX * 43.5;
-          y = 50 + normalY * 43.5;
-        }
-
-        return { ...ball, x, y, vx, vy, rotation };
-      });
-
-      // 球与球弹性碰撞：彼此撞击、翻滚、填充整个瓶身
-      for (let i = 0; i < updated.length; i++) {
-        for (let j = i + 1; j < updated.length; j++) {
-          const a = updated[i];
-          const b = updated[j];
-          let dx = b.x - a.x;
-          let dy = b.y - a.y;
-          let d = Math.sqrt(dx * dx + dy * dy);
-          const minD = ballR * 2;
-          if (d < minD && d > 0.0001) {
-            const nX = dx / d;
-            const nY = dy / d;
-            const overlap = (minD - d) / 2;
-            // 分离重叠
-            a.x -= nX * overlap;
-            a.y -= nY * overlap;
-            b.x += nX * overlap;
-            b.y += nY * overlap;
-            // 沿法向交换动量（弹性碰撞）
-            const rvx = b.vx - a.vx;
-            const rvy = b.vy - a.vy;
-            const velN = rvx * nX + rvy * nY;
-            if (velN < 0) {
-              const rest = 0.85;
-              const imp = (-(1 + rest) * velN) / 2;
-              a.vx -= imp * nX;
-              a.vy -= imp * nY;
-              b.vx += imp * nX;
-              b.vy += imp * nY;
-            }
-          }
-        }
-      }
-
-      this.setData({ balls: updated });
-
-      if (stopping || phase === 'settle') {
-        // stop() 触发 → 等待小球全部沉底静止再开奖
-        const totalV = updated.reduce((s, b) => s + Math.abs(b.vx) + Math.abs(b.vy), 0);
-        if (stopping && totalV < 0.8) {
-          this.setData({ stopped: true, spinning: false, stopping: false });
-          this._onStopComplete();
-          return;
-        }
-      }
-
-      // 小程序无 requestAnimationFrame，用 setTimeout 递归维持动画循环（~20ms/帧）
-      this._frameReq = setTimeout(() => this._animFrame(), 20);
-    },
-
-    // 抖动瞬间：给所有球一个向上的爆发力，从瓶底重新掀起来翻滚
-    _applyShake() {
-      const balls = this.data.balls.map((b) => ({
-        ...b,
-        vx: (Math.random() - 0.5) * 9,
-        vy: -(3 + Math.random() * 5),
-      }));
-      this.setData({ balls });
-    },
-
-    // 外部调用停止（LOTTERY_END 触发）
-    stop(targetIndex) {
-      if (!this.data.spinning || this.data.stopping || this.data.stopped) return false;
-      // 抽奖已结束（服务端已返回结果），清除进行中缓存
-      this._clearSpinCache();
-      this.setData({ stopping: true });
-      // targetIndex 用于确定中奖球（0~11 映射到奖品），默认随机选一颗
-      this._targetBallIndex = targetIndex !== undefined ? targetIndex : Math.floor(Math.random() * 12);
-
-      // 让目标球高亮突出
-      setTimeout(() => {
-        const balls = this.data.balls.map((b, i) => {
-          if (i === this._targetBallIndex) {
-            return { ...b, scale: 1.4, opacity: 1, zIndex: 20 };
-          }
-          return { ...b, scale: 0.6, opacity: 0.4 };
-        });
-        this.setData({ balls });
-      }, 800);
-
-      return true;
-    },
-
-    _onStopComplete() {
-      // 抽奖真正结束（开奖结果展示），确保进行中缓存被删除（双保险，stop 中已删一次）
-      this._clearSpinCache();
-      // 展示中奖结果
-      const idx = this._targetBallIndex ?? 0;
-      const ball = this.data.balls[idx] || this.data.balls[0];
-      this.setData({
-        resultVisible: true,
-        resultEmoji: ball.emoji,
-        resultLabel: ball.label,
-      });
-      this.triggerEvent('stopped', { detail: { index: idx, label: ball.label } });
-    },
-
-    _clearTimers() {
-      if (this._frameReq) {
-        clearTimeout(this._frameReq);
-        this._frameReq = null;
-      }
-    },
-
-    // 缓存 key：lottery_<lotteryId>_cache，标记"该抽奖仍在摇晃/进行中"
-    _cacheKey() {
-      return `lottery_${this.data.lotteryId}_cache`;
-    },
-    _hasSpinCache() {
-      return !!wx.getStorageSync(this._cacheKey());
-    },
-    _setSpinCache() {
-      wx.setStorageSync(this._cacheKey(), true);
-    },
-    _clearSpinCache() {
-      wx.removeStorageSync(this._cacheKey());
-    },
-
-    onDrawBtnTap() {
-      if (this.data.spinning) return;
-      this.spin();
-    },
-  },
-});

package/dist/components/lottery/lottery-shake/lottery-shake.json

@@ -1 +0,0 @@
-{"component": true, "usingComponents": {}}

package/dist/components/lottery/lottery-shake/lottery-shake.wxml

@@ -1,52 +0,0 @@
-<view class="shake-machine">
-  <!-- 透明碗 + 弹跳球 -->
-  <view class="shake-bowl-area">
-    <!-- 碗体（透明玻璃效果） -->
-    <view class="shake-bowl">
-      <!-- 球 -->
-      <view wx:for="{{balls}}" wx:key="id" class="shake-ball" style="left: {{item.x}}%; top: {{item.y}}%; width: {{item.size}}rpx; height: {{item.size}}rpx; background: {{item.color}}; transform: translate(-50%, -50%) rotate({{item.rotation}}deg) scale({{item.scale}}); opacity: {{item.opacity}}; z-index: {{item.zIndex}}; {{stopping && item.zIndex==20 ? 'box-shadow: 0 0 30rpx rgba(255,200,0,0.9), 0 0 60rpx rgba(255,100,0,0.5);' : ''}}">
-        <text class="ball-emoji">{{item.emoji}}</text>
-      </view>
-      <!-- 碗口高光 -->
-      <view class="bowl-rim"></view>
-      <!-- 碗身反光 -->
-      <view class="bowl-highlight"></view>
-    </view>
-    <!-- 碗底座 -->
-    <view class="shake-base">
-      <view class="base-body"></view>
-      <view class="base-ring"></view>
-      <!-- 底座顶部标签：常显，文字跑马灯 -->
-      <view class="shake-banner">
-        <view class="shake-banner-bg">
-          <text class="shake-banner-text">{{remark || '抽奖进行中...'}}</text>
-        </view>
-      </view>
-    </view>
-  </view>
-  <!-- 底部控制区 -->
-  <view class="shake-control-area">
-    <!-- 奖品预览 -->
-    <view class="shake-prize-preview">
-      <view wx:if="{{resultVisible}}" class="prize-showcase">
-        <text class="prize-big-emoji">{{resultEmoji}}</text>
-        <text class="prize-name-text">{{resultLabel}}</text>
-      </view>
-      <view wx:else class="prize-placeholder">
-        <view class="placeholder-icon-wrap">
-          <text class="placeholder-icon">🎁</text>
-        </view>
-      </view>
-    </view>
-    <!-- 抽奖按钮 -->
-    <view class="shake-btn-wrap">
-      <view class="shake-draw-btn {{spinning?'shaking':''}} {{stopped?'btn-done':''}}" bindtap="onDrawBtnTap">
-        <text class="draw-btn-text">{{stopped ? '开奖完成' : (spinning ? '摇奖中...' : '点我抽奖')}}</text>
-      </view>
-    </view>
-  </view>
-  <!-- 装饰光点 -->
-  <view class="sparkle sparkle-1"></view>
-  <view class="sparkle sparkle-2"></view>
-  <view class="sparkle sparkle-3"></view>
-</view>

package/dist/components/lottery/lottery-shake/lottery-shake.wxss

@@ -1 +0,0 @@
-.shake-machine{align-items:center;display:flex;flex-direction:column;padding:0 20rpx 20rpx}.shake-banner{background:#f5c842;box-shadow:0 4rpx 16rpx rgba(230,168,50,.45),inset 0 2rpx 4rpx hsla(0,0%,100%,.3);left:50%;padding:12rpx 20rpx;position:absolute;top:10rpx;transform:translateX(-50%);width:220rpx;z-index:6}.shake-banner,.shake-banner-bg{border-radius:20rpx;overflow:hidden}.shake-banner-bg{align-items:center;background:#7a6bfd;display:flex;height:32rpx;white-space:nowrap}.shake-banner-text{animation:shake-marquee 3s linear infinite;color:#fff;display:inline-block;font-size:22rpx;font-weight:700;letter-spacing:2rpx;line-height:1;padding-left:100%;text-shadow:0 1rpx 3rpx rgba(0,0,0,.25);white-space:nowrap}@keyframes shake-marquee{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.shake-bowl-area{align-items:center;display:flex;flex-direction:column;height:560rpx;margin-top:10rpx;position:relative;width:520rpx}.shake-bowl{background:radial-gradient(circle at 32% 28%,hsla(0,0%,100%,.22) 0,rgba(200,230,255,.1) 38%,rgba(100,150,220,.07) 70%,rgba(60,100,180,.12) 100%);border:4rpx solid #fff;border-radius:50%;box-shadow:inset 0 -30rpx 60rpx rgba(0,0,0,.1),inset 0 10rpx 30rpx hsla(0,0%,100%,.15),0 8rpx 32rpx rgba(0,0,0,.15);height:440rpx;overflow:hidden;position:relative;width:440rpx;z-index:3}.bowl-rim{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.45) 30%,hsla(0,0%,100%,.6) 50%,hsla(0,0%,100%,.45) 70%,transparent);border-radius:50%;-webkit-filter:blur(1rpx);filter:blur(1rpx);height:24rpx;left:8%;position:absolute;top:-2rpx;width:84%}.bowl-highlight{background:linear-gradient(180deg,hsla(0,0%,100%,.3),hsla(0,0%,100%,.08) 50%,transparent);border-radius:120rpx;height:240rpx;left:6%;position:absolute;top:18%;transform:rotate(-8deg);width:80rpx}.shake-ball{align-items:center;border-radius:50%;box-shadow:inset -6rpx -6rpx 16rpx rgba(0,0,0,.25),inset 4rpx 4rpx 12rpx hsla(0,0%,100%,.4),0 4rpx 12rpx rgba(0,0,0,.2);display:flex;justify-content:center;position:absolute;transition:opacity .5s ease}.ball-emoji{-webkit-filter:drop-shadow(0 1rpx 1rpx rgba(0,0,0,.2));filter:drop-shadow(0 1rpx 1rpx rgba(0,0,0,.2));font-size:36rpx;line-height:1}.shake-base{border-radius:28rpx 28rpx 48rpx 48rpx;height:120rpx;margin-top:-50rpx;position:relative;width:460rpx;z-index:4}.base-body{background:linear-gradient(180deg,#8b6afc,#6a4fed 40%,#5538d4 70%,#4229b8);border-radius:0 0 48rpx 48rpx;box-shadow:0 10rpx 30rpx rgba(66,41,184,.45),0 4rpx 12rpx rgba(66,41,184,.3),inset 0 4rpx 14rpx hsla(0,0%,100%,.15);height:100%;width:100%}.base-ring{background:linear-gradient(90deg,#a78bff,#d4bfff,#a78bff);border-radius:11rpx;bottom:0;height:22rpx;left:50%;opacity:.65;position:absolute;transform:translateX(-50%);width:340rpx}.shake-control-area{align-items:center;background:linear-gradient(145deg,#7a5bfd,#5e45dd 40%,#4a35c2 80%,#3d29a6);border-radius:36rpx;box-shadow:0 10rpx 36rpx rgba(61,41,166,.45),inset 0 2rpx 10rpx hsla(0,0%,100%,.12);display:flex;justify-content:space-between;margin-top:-48rpx;max-width:520rpx;padding:20rpx 30rpx;width:100%}.shake-prize-preview{align-items:center;display:flex;flex:1;justify-content:center;min-height:100rpx}.prize-showcase{align-items:center;animation:prizePopIn .5s cubic-bezier(.175,.885,.32,1.275) both;display:flex;flex-direction:column}.prize-big-emoji{font-size:52rpx;line-height:1.2}.prize-name-text{color:#ffd93d;font-size:24rpx;font-weight:700;margin-top:4rpx;text-shadow:0 1rpx 4rpx rgba(0,0,0,.3)}.placeholder-icon-wrap,.prize-placeholder{align-items:center;display:flex;justify-content:center}.placeholder-icon-wrap{background:linear-gradient(145deg,rgba(0,0,0,.25),rgba(0,0,0,.4));border-radius:50%;box-shadow:inset 0 2rpx 6rpx hsla(0,0%,100%,.08),0 2rpx 8rpx rgba(0,0,0,.2);height:96rpx;width:96rpx}.placeholder-icon{font-size:52rpx;line-height:1}@keyframes prizePopIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.shake-btn-wrap{flex-shrink:0;margin-left:20rpx}.shake-draw-btn{background:linear-gradient(135deg,#ffd93d,#ffb830 40%,#ff9a2e);border:none;border-radius:48rpx;box-shadow:0 6rpx 20rpx rgba(255,154,46,.55),inset 0 2rpx 5rpx hsla(0,0%,100%,.45),inset 0 -2rpx 4rpx rgba(200,120,0,.15);padding:20rpx 36rpx}.draw-btn-text{color:#8b4513;font-size:26rpx;font-weight:700;letter-spacing:1rpx;text-shadow:0 1rpx 1rpx hsla(0,0%,100%,.4);white-space:nowrap}.shake-draw-btn:not(.btn-done):not(.shaking){animation:shakePulse 1.5s ease-in-out infinite}@keyframes shakePulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.shake-draw-btn.shaking{animation:btnShake .3s ease-in-out infinite}@keyframes btnShake{0%,to{transform:rotate(0deg)}25%{transform:rotate(-4deg) scale(1.02)}75%{transform:rotate(4deg) scale(1.02)}}.shake-draw-btn.btn-done{background:linear-gradient(135deg,#4ade80,#22c55e);box-shadow:0 4rpx 16rpx rgba(34,197,94,.4)}.shake-draw-btn.btn-done .draw-btn-text{color:#fff}.sparkle{animation:sparkleTwinkle 1.5s ease-in-out infinite alternate;background:radial-gradient(circle,#fff 0,#ffd93d 60%,transparent 100%);border-radius:50%;height:12rpx;position:absolute;width:12rpx}.sparkle-1{animation-delay:0s;left:30rpx;top:60rpx}.sparkle-2{animation-delay:.5s;height:16rpx;right:40rpx;top:100rpx;width:16rpx}.sparkle-3{animation-delay:1s;height:10rpx;left:10rpx;top:280rpx;width:10rpx}@keyframes sparkleTwinkle{0%{opacity:.3;transform:scale(.8)}to{opacity:1;transform:scale(1.3)}}