diff --git a/src/pageA/user_order/conponents/order-item.vue b/src/pageA/user_order/conponents/order-item.vue
index bfe64cc..8b3c58b 100644
--- a/src/pageA/user_order/conponents/order-item.vue
+++ b/src/pageA/user_order/conponents/order-item.vue
@@ -44,7 +44,7 @@
     </cu-modal>
     <!-- 确认收货弹窗 -->
     <cu-modal v-model="receiptShow" title="确认收货" @confirm="receiptConfirm" confirm-color="#378264" show-cancel-button
-      content="确认收货后不能享受7天无理由退还货，是否确认收货？"></cu-modal>
+      content="是否确认收货？"></cu-modal>
   </view>
 </template>
 <script>
diff --git a/src/pageB/components/almost-lottery/changelog.md b/src/pageB/components/almost-lottery/changelog.md
new file mode 100644
index 0000000..b0044bd
--- /dev/null
+++ b/src/pageB/components/almost-lottery/changelog.md
@@ -0,0 +1,200 @@
+## 1.8.27（2022-06-01）
+本次更新：
+- 优化示例项目
+## 1.8.26（2022-06-01）
+本次更新：
+- 修复奖品图片裁切为圆形时在安卓机器不显示的问题
+## 1.8.25（2022-05-31）
+本次更新：
+- 修复部分安卓下载图片得到.unknown格式文件的问题
+## 1.8.24（2022-05-09）
+本地缓存：
+- 优化示例项目
+## 1.8.23（2022-05-09）
+本地缓存：
+- 优化清除文件缓存的方法
+## 1.8.22（2022-05-09）
+本次更新：
+- 调整计算转盘绘制的方式
+## 1.8.21（2022-05-08）
+本次更新：
+- 调整示例项目中本地图片的引入方式
+## 1.8.20（2022-04-29）
+本次更新：
+- 修复转盘在某个临界点可以出现多次触发的问题
+## 1.8.19（2022-04-27）
+本次更新：
+- 奖品文字的绘制由先前的两行变成多行，根据设定的每行文字的长度分段绘制
+## 1.8.18（2022-04-25）
+本次更新：
+- 减少小程序平台的 delay
+## 1.8.17（2022-03-23）
+本次更新：
+- 新增配置项 `imgCircled` 奖品图片是否裁切为圆形，默认不裁切
+## 1.8.16（2022-03-04）
+本次更新：
+- 示例项目新增绘制时长的计算，方便开发时定位绘制慢的问题
+## 1.8.15（2022-03-02）
+本次更新：
+- 优化一处错误提示信息的展现方式
+## 1.8.14（2021-11-29）
+本次更新：
+- 示例项目中新增开放自定义权重最大值，没有自定义则取权重数组中的最大值
+- 更新文档
+## 1.8.13（2021-11-03）
+本次更新：
+- 注释 `1.8.12` 版本中调试时的代码
+## 1.8.12（2021-11-03）
+本次更新：
+- 修复一些老机型不支持 `flex` 导致布局错乱的问题
+## 1.8.11（2021-10-29）
+本次更新：
+- 优化示例项目中模拟接口访问的速度
+## 1.8.10（2021-10-19）
+本次更新：
+- 优化组件代码
+- 更新示例项目
+## 1.8.9（2021-09-28）
+本次更新：
+- 移除内置的 `奖品准备中...` 提示
+## 1.8.8（2021-09-27）
+本次更新：
+- 修复 `1.8.6` 引起的非微信小程序平台绘制异常的问题
+## 1.8.7（2021-09-23）
+本次更新：
+- 优化项目中使用到的图片大小
+## 1.8.6（2021-09-23）
+本次更新：
+- 修复小程序平台在绘制 `base64` 格式的图片时无法在真机模式下正常显示的问题
+## 1.8.5（2021-09-13）
+本次更新：
+- 修复一个已知问题
+## 1.8.4（2021-09-12）
+本次更新：
+- 调整 `strFontColor` 为 `strFontColors`，现在可以设置每个区块的文字颜色，详见文档说明
+## 1.8.3（2021-09-12）
+本次更新：
+- 修复因 `1.8.0` 改动引起的文字方向、无奖品图时绘制异常的问题
+- 新增 `imgDrawed` 是否绘制奖品图片的配置项 ，默认为 `true`
+## 1.8.2（2021-09-10）
+本次更新：
+**不兼容旧版本的更新**
+- 移除配置项 `strKey` 字段
+- 调整 `prizeList` 结构
+## 1.8.1（2021-09-06）
+本次更新：
+- 修复 `hbx3.1.22` 在小程序平台处理 `id-name` 存在解析错误的问题
+## 1.8.0（2021-09-06）
+本次更新：
+**该版本更新涉及破坏性的变更，请重新查看 `API - Props` 的部分**
+- `px` 全面调整为 `rpx` 单位，多个`Props` 的参数相应调整，请查看文档
+ - 新增 `pixelRatio` 参数，该参数为设计稿的设备像素比基准值，默认为 `2` 倍素
+## 1.7.18（2021-09-05）
+本次更新：
+- 修复一个已知问题
+## 1.7.17（2021-08-23）
+本次更新：
+- 更新示例项目
+## 1.7.16（2021-08-14）
+本次更新：
+- 更新示例项目
+## 1.7.15（2021-08-03）
+本次更新：
+- 新增文字竖向展示的功能，详见文档说明
+## 1.7.13（2021-08-02）
+本次更新：
+- 更新文档
+## 1.7.12（2021-07-30）
+本次更新：
+- 修复示例项目的已知问题
+- 现已提供Almost-Lottery抽奖转盘的uniCloud云端一体页面模板
+- 现已提供Almost-Lottery抽奖转盘云端一体页面配套的Admin配置中心
+## 1.7.11（2021-07-22）
+本次更新：
+- 修复部分安卓手机文字大小异常的问题
+- 字段 `strHeightMultiple` 更换为 `strLineHeight`
+## 1.7.10（2021-07-12）
+本次更新：
+- 修复奖品名称 `name` 为空字符串时无法成功绘制转盘的问题
+- 新增 `prizeNameDrawed` 是否绘制奖品名称的配置项，现在可以仅展示奖品图片了
+## 1.7.9（2021-07-09）
+本次更新：
+- 优化组件内部代码
+- 修复奖品图片已然是 `base64` 格式时导致转盘绘制失败的问题
+- 文档新增QQ群号，让沟通更便捷
+## 1.7.8（2021-07-08）
+本次更新：
+- 调整 `Canvas` 默认宽高为 `280`
+## 1.7.7（2021-07-08）
+本次更新：
+- 新增多个配置项，满足更多自定义需求
+- 优化多行文本情况下非中文字符的字节处理
+- 修复偶发的第一条数据文本不居中显示的问题
+## 1.7.6（2021-07-02）
+本次更新：
+- 调整 `imageWidth` 、 `imageHeight` 字段为 `imgWidth` 、 `imgHeight` 
+- 更新示例项目
+## 1.7.5（2021-07-01）
+本次更新：
+- 新增配置项 `imgMarginStr` 奖品图片距离奖品文字的距离
+## 1.7.4（2021-06-28）
+本次更新：
+- 新增轮盘旋转或指针旋转配置项
+- 转盘内置的外环图片以及按钮图片统一调整为 `image` 展示
+- 更新相关文档说明
+## 1.7.3（2021-06-16）
+本次更新：
+- 优化错误提示
+- 优化示例项目
+- 优化文档说明
+## 1.7.2（2021-06-11）
+本次更新：
+- 新增 `canvasId` 参数配置项，多画板情况下需要配置不同的 `canvasId`
+- 优化多画板情况下的缓存功能
+- 优化示例项目
+- 修改文档说明
+## 1.7.1（2021-06-10）
+本次更新：
+- 优化示例项目中的注释
+## 1.7.0（2021-06-04）
+本次更新：
+- 修复 `1.6.1` 引起的多行奖品文字行高异常的问题
+- 新增配置转盘外环和抽奖按钮图片的功能，详见文档说明
+- 更新示例项目，新增抽奖次数等业务有关的逻辑供参考
+## 1.6.1（2021-05-28）
+本次更新：
+- 修复小程序平台画板模糊的问题
+## 1.6.0（2021-05-28）
+本次更新：
+- 新增奖品区块是否开启描边的配置项，默认不开启
+- 调整画板缓存为默认不开启
+- 优化代码
+- 优化文档说明
+- 更新示例项目并修改部分注释
+## 1.5.13（2021-05-22）
+本次更新：
+- 优化文档说明
+- 更新示例项目
+## 1.5.12（2021-05-22）
+本次更新：
+- 新增配置项 `strokeColor` 奖品区块边框颜色
+- 更新文档说明
+## 1.5.11（2021-05-19）
+本次更新：
+- 新增`strMarginOutside`参数，用于设置奖品文字距离边缘的距离
+- 修复奖品文字在某些情况下不是居中显示的问题
+## 1.5.10（2021-05-19）
+本次更新：
+- 修复示例项目中权重值相同时的取值逻辑
+## 1.5.9（2021-05-14）
+本次更新：
+- 调整代码，优化小程序端的展示
+## 1.5.8（2021-05-12）
+本次更新：
+- 文档增加预警提示：不再维护非 `uni_modules` 模式下的版本
+## 1.5.7（2021-05-12）
+本次更新：
+- 修复小程序平台奖品名称不清晰的问题
+## 1.5.6（2021-03-18）
+本次更新：
+- 适配 uni_modules 插件模式
diff --git a/src/pageB/components/almost-lottery/components/almost-lottery/almost-lottery.vue b/src/pageB/components/almost-lottery/components/almost-lottery/almost-lottery.vue
new file mode 100644
index 0000000..18b307c
--- /dev/null
+++ b/src/pageB/components/almost-lottery/components/almost-lottery/almost-lottery.vue
@@ -0,0 +1,1014 @@
+<template>
+  <view class="almost-lottery">
+    <view class="almost-lottery__wrap" :style="{ width: lotterySize + 'rpx', height: lotterySize + 'rpx' }">
+      <view class="lottery-action" :style="{ width: actionSize + 'rpx', height: actionSize + 'rpx', left: canvasMarginOutside + 'rpx' }"></view>
+      <view class="str-margin-outside" :style="{ left: strMarginOutside + 'rpx' }"></view>
+      <view class="img-margin-str" :style="{ left: imgMarginStr + 'rpx' }"></view>
+      <view class="img-size" :style="{ width: imgWidth + 'rpx', height: imgHeight + 'rpx' }"></view>
+      <template v-if="lotteryImg">
+        <image
+          class="almost-lottery__bg"
+          mode="widthFix"
+          :src="lotteryBg"
+          :style="{
+            width: lotteryPxSize + 'px',
+            height: lotteryPxSize + 'px'
+          }"
+        ></image>
+        <image
+          class="almost-lottery__canvas-img"
+          mode="widthFix"
+          :src="lotteryImg"
+          :style="{
+            width: canvasImgPxSize + 'px',
+            height: canvasImgPxSize  + 'px',
+            left: canvasImgToLeftPx + 'px',
+            top: canvasImgToLeftPx + 'px',
+            transform: `rotate(${canvasAngle + targetAngle}deg)`,
+            transitionDuration: `${transitionDuration}s`
+          }"
+        ></image>
+        <image
+          class="almost-lottery__action-bg"
+          mode="widthFix"
+          :src="actionBg"
+          :style="{
+            width: actionPxSize + 'px',
+            height: actionPxSize + 'px',
+            left: actionBgToLeftPx + 'px',
+            top: actionBgToLeftPx + 'px',
+            transform: `rotate(${actionAngle + targetActionAngle}deg)`,
+            transitionDuration: `${transitionDuration}s`
+          }"
+          @click="handleActionStart"
+        ></image>
+      </template>
+    </view>
+    
+    <!-- 为了兼容 app 端 ctx.measureText 所需的标签 -->
+    <text class="almost-lottery__measureText" :style="{ fontSize: higtFontSize + 'px' }">{{ measureText }}</text>
+    
+    <!-- #ifdef MP-ALIPAY -->
+    <canvas 
+      :class="className"
+      :id="canvasId"
+      :width="higtCanvasSize"
+      :height="higtCanvasSize"
+      :style="{
+        width: higtCanvasSize + 'px',
+        height: higtCanvasSize + 'px'
+      }"
+    />
+    <!-- #endif -->
+    <!-- #ifndef MP-ALIPAY -->
+    <canvas
+      :class="className"
+      :canvas-id="canvasId"
+      :width="higtCanvasSize"
+      :height="higtCanvasSize"
+      :style="{
+        width: higtCanvasSize + 'px',
+        height: higtCanvasSize + 'px'
+      }"
+    />
+    <!-- #endif -->
+  </view>
+</template>
+
+<script>
+  const systemInfo = uni.getSystemInfoSync()
+	import { getStore, setStore, clearStore, circleImg, clacTextLen, downloadFile, pathToBase64, base64ToPath } from '../../utils/almost-utils.js'
+  export default {
+    name: 'AlmostLottery',
+    props: {
+      // 设计稿的像素比基准值
+      pixelRatio: {
+        type: Number,
+        default: 2
+      },
+      // canvas 标识
+      canvasId: {
+        type: String,
+        default: 'almostLottery'
+      },
+      // 抽奖转盘的整体尺寸
+      lotterySize: {
+        type: Number,
+        default: 600
+      },
+      // 抽奖按钮的尺寸
+      actionSize: {
+        type: Number,
+        default: 200
+      },
+			// canvas边缘距离转盘边缘的距离
+			canvasMarginOutside: {
+        type: Number,
+        default: 90
+      },
+      // 奖品列表
+      prizeList: {
+        type: Array,
+        required: true,
+        validator: (value) => {
+          return value.length > 1
+        }
+      },
+      // 中奖奖品在列表中的下标
+      prizeIndex: {
+        type: Number,
+        required: true
+      },
+      // 奖品区块对应背景颜色
+      colors: {
+        type: Array,
+        default: () => [
+          '#FFFFFF',
+          '#FFBF05'
+        ]
+      },
+      // 转盘外环背景图
+      lotteryBg: {
+        type: String,
+        default: '/uni_modules/almost-lottery/static/almost-lottery/almost-lottery__bg2x.png'
+      },
+      // 抽奖按钮背景图
+      actionBg: {
+        type: String,
+        default: '/uni_modules/almost-lottery/static/almost-lottery/almost-lottery__action2x.png'
+      },
+      // 是否绘制奖品名称
+      prizeNameDrawed: {
+				type: Boolean,
+				default: true
+      },
+      // 是否开启奖品区块描边
+      stroked: {
+				type: Boolean,
+				default: false
+			},
+      // 描边颜色
+      strokeColor: {
+        type: String,
+        default: '#FFBF05'
+      },
+      // 旋转的类型
+      rotateType: {
+        type: String,
+        default: 'roulette'
+      },
+      // 旋转动画时间 单位s
+      duration: {
+        type: Number,
+        default: 8
+      },
+      // 旋转的圈数
+      ringCount: {
+        type: Number,
+        default: 8
+      },
+      // 指针位置
+      pointerPosition: {
+        type: String,
+        default: 'edge',
+        validator: (value) => {
+          return value === 'edge' || value === 'middle'
+        }
+      },
+      // 文字方向
+      strDirection: {
+        type: String,
+        default: 'horizontal',
+        validator: (value) => {
+          return value === 'horizontal' || value === 'vertical'
+        }
+      },
+      // 字体颜色
+      strFontColors: {
+        type: Array,
+        default: () => [
+          '#FFBF05',
+          '#FFFFFF'
+        ]
+      },
+      // 文字的大小
+      strFontSize: {
+        type: Number,
+        default: 24
+      },
+      // 奖品文字距离边缘的距离
+      strMarginOutside: {
+        type: Number,
+        default: 0
+      },
+      // 奖品图片距离奖品文字的距离
+      imgMarginStr: {
+        type: Number,
+        default: 60
+      },
+      // 奖品文字多行情况下的行高
+      strLineHeight: {
+        type: Number,
+        default: 1.2
+      },
+      // 奖品文字总长度限制
+      strMaxLen: {
+        type: Number,
+        default: 12
+      },
+      // 奖品文字多行情况下第一行文字长度
+      strLineLen: {
+        type: Number,
+        default: 6
+      },
+      // 奖品图片的宽
+      imgWidth: {
+        type: Number,
+        default: 50
+      },
+      // 奖品图片的高
+      imgHeight: {
+        type: Number,
+        default: 50
+      },
+			// 是否绘制奖品图片
+			imgDrawed: {
+				type: Boolean,
+				default: true
+			},
+      // 奖品图片是否裁切为圆形
+      imgCircled: {
+      	type: Boolean,
+      	default: false
+      },
+			// 转盘绘制成功的提示
+			successMsg: {
+				type: String,
+				default: '奖品准备就绪，快来参与抽奖吧'
+			},
+			// 转盘绘制失败的提示
+			failMsg: {
+				type: String,
+				default: '奖品仍在准备中，请稍后再来...'
+			},
+			// 是否开启画板的缓存
+			canvasCached: {
+				type: Boolean,
+				default: false
+			}
+    },
+    data() {
+      return {
+        // 画板className
+        className: 'almost-lottery__canvas',
+        // 抽奖转盘的整体px尺寸
+        lotteryPxSize: 0,
+        // 画板的px尺寸
+        canvasImgPxSize: 0,
+        // 抽奖按钮的px尺寸
+        actionPxSize: 0,
+        // 奖品文字距离转盘边缘的距离
+        strMarginPxOutside: 0,
+        // 奖品图片相对奖品文字的距离
+        imgMarginPxStr: 0,
+        // 奖品图片的宽、高
+        imgPxWidth: 0,
+        imgPxHeight: 0,
+        // 画板导出的图片
+        lotteryImg: '',
+        // 旋转到奖品目标需要的角度
+        targetAngle: 0,
+        targetActionAngle: 0,
+        // 旋转动画时间 单位 s
+        transitionDuration: 0,
+        // 是否正在旋转
+        isRotate: false,
+        // 当前停留在那个奖品的序号
+        stayIndex: 0,
+        // 当前中奖奖品的序号
+        targetIndex: 0,
+				// 是否存在可用的缓存转盘图
+				isCacheImg: false,
+				oldLotteryImg: '',
+        // 解决 app 不支持 measureText 的问题
+				// app 已在 2.9.3 的版本中提供了对 measureText 的支持，将在后续版本逐渐稳定后移除相关兼容代码
+        measureText: ''
+      }
+    },
+    computed: {
+      // 高清尺寸
+      higtCanvasSize() {
+        return this.canvasImgPxSize * systemInfo.pixelRatio
+      },
+      // 高清字体
+      higtFontSize() {
+        return Math.round(this.strFontSize / this.pixelRatio) * systemInfo.pixelRatio
+      },
+      // 高清行高
+      higtHeightMultiple() {
+        return Math.round(this.strFontSize / this.pixelRatio) * this.strLineHeight * systemInfo.pixelRatio
+      },
+      canvasImgToLeftPx () {
+        return (this.lotteryPxSize - this.canvasImgPxSize) / 2
+      },
+      actionBgToLeftPx () {
+        return (this.lotteryPxSize - this.actionPxSize) / 2
+      },
+      // 根据奖品列表计算 canvas 旋转角度
+      canvasAngle() {
+        let result = 0
+        
+        let prizeCount = this.prizeList.length
+        let prizeClip = 360 / prizeCount
+        let diffNum = 90 / prizeClip
+        if (this.pointerPosition === 'edge' || this.rotateType === 'pointer') {
+          result = -(prizeClip * diffNum)
+        } else {
+          result = -(prizeClip * diffNum + prizeClip / 2)
+        }
+        return result
+      },
+      actionAngle() {
+        return 0
+      },
+      // 外圆的半径
+      outsideRadius() {
+        return this.higtCanvasSize / 2
+      },
+      // 内圆的半径
+      insideRadius() {
+        return 20 * systemInfo.pixelRatio
+      },
+      // 文字距离边缘的距离
+      textRadius() {
+        return this.strMarginPxOutside * systemInfo.pixelRatio || (this.higtFontSize / 2)
+      },
+      // 根据画板的宽度计算奖品文字与中心点的距离
+      textDistance() {
+        const textZeroY = Math.round(this.outsideRadius - (this.insideRadius / 2))
+        return textZeroY - this.textRadius
+      }
+    },
+    watch: {
+      // 监听获奖序号的变动
+      prizeIndex(newVal, oldVal) {
+        if (newVal > -1) {
+          this.targetIndex = newVal
+          this.onRotateStart()
+        } else {
+          console.info('旋转结束，prizeIndex 已重置')
+        }
+      }
+    },
+    methods: {
+      // 开始旋转
+      onRotateStart() {
+        if (this.isRotate) return
+        this.isRotate = true
+        // 奖品总数
+        let prizeCount = this.prizeList.length
+        let baseAngle = 360 / prizeCount
+        let angles = 0
+        
+        if (this.rotateType === 'pointer') {
+          if (this.targetActionAngle === 0) {
+            // 第一次旋转
+            angles = (this.targetIndex - this.stayIndex) * baseAngle + baseAngle / 2 - this.actionAngle
+          } else {
+            // 后续旋转
+            // 后续继续旋转 就只需要计算停留的位置与目标位置的角度
+            angles = (this.targetIndex - this.stayIndex) * baseAngle
+          }
+          
+          // 更新目前序号
+          this.stayIndex = this.targetIndex
+          // 转 8 圈，圈数越多，转的越快
+          this.targetActionAngle += angles + 360 * this.ringCount
+          console.log('targetActionAngle', this.targetActionAngle)
+        } else {
+          if (this.targetAngle === 0) {
+            // 第一次旋转
+            // 因为第一个奖品是从0°开始的，即水平向右方向
+            // 第一次旋转角度 = 270度 - (停留的序号-目标序号) * 每个奖品区间角度 - 每个奖品区间角度的一半 - canvas自身旋转的度数
+            angles = (270 - (this.targetIndex - this.stayIndex) * baseAngle - baseAngle / 2) - this.canvasAngle
+          } else {
+            // 后续旋转
+            // 后续继续旋转 就只需要计算停留的位置与目标位置的角度
+            angles = -(this.targetIndex - this.stayIndex) * baseAngle
+          }
+          
+          // 更新目前序号
+          this.stayIndex = this.targetIndex
+          // 转 8 圈，圈数越多，转的越快
+          this.targetAngle += angles + 360 * this.ringCount
+        }
+
+        // 计算转盘结束的时间，预加一些延迟确保转盘停止后触发结束事件
+        let endTime = this.transitionDuration * 1000 + 100
+        let endTimer = setTimeout(() => {
+          clearTimeout(endTimer)
+          endTimer = null
+
+          this.isRotate = false
+          this.$emit('draw-end')
+        }, endTime)
+
+        let resetPrizeTimer = setTimeout(() => {
+          clearTimeout(resetPrizeTimer)
+          resetPrizeTimer = null
+
+          // 每次抽奖结束后都要重置父级组件的 prizeIndex
+          this.$emit('reset-index')
+        }, endTime + 50)
+      },
+      // 点击 开始抽奖 按钮
+      handleActionStart() {
+        if (!this.lotteryImg) return
+        if (this.isRotate) return
+        this.$emit('draw-start')
+      },
+      // 渲染转盘
+      async onCreateCanvas() {
+        // 获取 canvas 画布
+        const canvasId = this.canvasId
+        const ctx = uni.createCanvasContext(canvasId, this)
+
+        // canvas 的宽高
+        let canvasW = this.higtCanvasSize
+        let canvasH = this.higtCanvasSize
+
+        // 根据奖品个数计算 角度
+        let prizeCount = this.prizeList.length
+        let baseAngle = Math.PI * 2 / prizeCount
+
+        // 设置字体
+        ctx.setFontSize(this.higtFontSize)
+
+        // 注意，开始画的位置是从0°角的位置开始画的。也就是水平向右的方向。
+        // 画具体内容
+        for (let i = 0; i < prizeCount; i++) {
+					let prizeItem = this.prizeList[i]
+          // 当前角度
+          let angle = i * baseAngle
+
+          // 保存当前画布的状态
+          ctx.save()
+          
+          // x => 圆弧对应的圆心横坐标 x
+          // y => 圆弧对应的圆心横坐标 y
+          // radius => 圆弧的半径大小
+          // startAngle => 圆弧开始的角度，单位是弧度
+          // endAngle => 圆弧结束的角度，单位是弧度
+          // anticlockwise(可选) => 绘制方向，true 为逆时针，false 为顺时针
+          
+          ctx.beginPath()
+          // 外圆
+          ctx.arc(canvasW * 0.5, canvasH * 0.5, this.outsideRadius, angle, angle + baseAngle, false)
+          // 内圆
+          ctx.arc(canvasW * 0.5, canvasH * 0.5, this.insideRadius, angle + baseAngle, angle, true)
+          
+          // 每个奖品区块背景填充颜色
+          if (this.colors.length === 2) {
+            ctx.setFillStyle(this.colors[i % 2])
+          } else {
+            ctx.setFillStyle(this.colors[i])
+          }
+          // 填充颜色
+          ctx.fill()
+          
+          // 开启描边
+          if (this.stroked) {
+            // 设置描边颜色
+            ctx.setStrokeStyle(`${this.strokeColor}`)
+            // 描边
+            ctx.stroke()
+          }
+
+          // 开始绘制奖品内容
+          // 重新映射画布上的 (0,0) 位置
+          let translateX = canvasW * 0.5 + Math.cos(angle + baseAngle / 2) * this.textDistance
+          let translateY = canvasH * 0.5 + Math.sin(angle + baseAngle / 2) * this.textDistance
+          ctx.translate(translateX, translateY)
+
+          // 绘制奖品名称
+          let rewardName = this.strLimit(prizeItem.prizeName)
+          
+          // 设置文字颜色
+          if (this.strFontColors.length === 1) {
+            ctx.setFillStyle(this.strFontColors[0])
+          } else if (this.strFontColors.length === 2) {
+            ctx.setFillStyle(this.strFontColors[i % 2])
+          } else {
+            ctx.setFillStyle(this.strFontColors[i])
+          }
+          
+          // rotate方法旋转当前的绘图，因为文字是和当前扇形中心线垂直的
+          ctx.rotate(angle + (baseAngle / 2) + (Math.PI / 2))
+
+          // 设置文本位置并处理换行
+          if (this.strDirection === 'horizontal') {
+            // 是否需要换行
+            if (rewardName && this.prizeNameDrawed) {
+              let realLen = clacTextLen(rewardName).realLen
+              let isLineBreak = realLen > this.strLineLen
+              if (isLineBreak) {
+                // 获得多行文本数组
+                let textCount = 0
+                let tempTxt = ''
+                let rewardNames = []
+                for (let j = 0; j < rewardName.length; j++) {
+                  textCount += clacTextLen(rewardName[j]).byteLen
+                  tempTxt += rewardName[j]
+                  
+                  if (textCount === (this.strLineLen * 2)) {
+                    rewardNames.push(tempTxt)
+                    textCount = 0
+                    tempTxt = ''
+                  } else {
+                    if ((rewardName.length - 1) === j) {
+                      rewardNames.push(tempTxt)
+                      textCount = 0
+                      tempTxt = ''
+                    }
+                  }
+                }
+                
+                // 循环文本数组，计算每一行的文本宽度
+                for (let j = 0; j < rewardNames.length; j++) {
+                  if (ctx.measureText && ctx.measureText(rewardNames[j]).width > 0) {
+                    // 文本的宽度信息
+                    let tempStrSize = ctx.measureText(rewardNames[j])
+                    let tempStrWidth = -(tempStrSize.width / 2).toFixed(2)
+                    ctx.fillText(rewardNames[j], tempStrWidth, j * this.higtHeightMultiple)
+                  } else {
+                    this.measureText = rewardNames[j]
+                    
+                    // 等待页面重新渲染
+                    await this.$nextTick()
+                    
+                    let textWidth = await this.getTextWidth()
+                    let tempStrWidth = -(textWidth / 2).toFixed(2)
+                    ctx.fillText(rewardNames[j], tempStrWidth, j * this.higtHeightMultiple)
+                    // console.log(rewardNames[j], textWidth, j)
+                  }
+                }
+              } else {
+                if (ctx.measureText && ctx.measureText(rewardName).width > 0) {
+                  // 文本的宽度信息
+                  let tempStrSize = ctx.measureText(rewardName)
+                  let tempStrWidth = -(tempStrSize.width / 2).toFixed(2)
+                  ctx.fillText(rewardName, tempStrWidth, 0)
+                } else {
+                  this.measureText = rewardName
+                  
+                  // 等待页面重新渲染
+                  await this.$nextTick()
+                  
+                  let textWidth = await this.getTextWidth()
+                  let tempStrWidth = -(textWidth / 2).toFixed(2)
+                  ctx.fillText(rewardName, tempStrWidth, 0)
+                }
+              }
+            }
+          } else {
+            let rewardNames = rewardName.split('')
+            for (let j = 0; j < rewardNames.length; j++) {
+              if (ctx.measureText && ctx.measureText(rewardNames[j]).width > 0) {
+                // 文本的宽度信息
+                let tempStrSize = ctx.measureText(rewardNames[j])
+                let tempStrWidth = -(tempStrSize.width / 2).toFixed(2)
+                ctx.fillText(rewardNames[j], tempStrWidth, j * this.higtHeightMultiple)
+              } else {
+                this.measureText = rewardNames[j]
+                
+                // 等待页面重新渲染
+                await this.$nextTick()
+                
+                let textWidth = await this.getTextWidth()
+                let tempStrWidth = -(textWidth / 2).toFixed(2)
+                ctx.fillText(rewardNames[j], tempStrWidth, j * this.higtHeightMultiple)
+                // console.log(rewardNames[j], textWidth, i)
+              }
+            }
+          }
+          
+
+          // 绘制奖品图片，文字竖向展示时，不支持图片展示
+          if (this.imgDrawed && prizeItem.prizeImage && this.strDirection !== 'vertical') {
+						// App-Android平台 系统 webview 更新到 Chrome84+ 后 canvas 组件绘制本地图像 uni.canvasToTempFilePath 会报错
+						// 统一将图片处理成 base64
+						// https://ask.dcloud.net.cn/question/103303
+						let reg = /^(https|http)/g
+						// 处理远程图片
+						if (reg.test(prizeItem.prizeImage)) {
+              let platformTips = ''
+              // #ifdef APP-PLUS
+							platformTips = ''
+              // #endif
+              // #ifdef MP
+							platformTips = '需要处理好下载域名的白名单问题，'
+              // #endif
+              // #ifdef H5
+							platformTips = '需要处理好跨域问题，'
+              // #endif
+							console.warn(`###当前数据列表中的奖品图片为网络图片，${platformTips}开始尝试下载图片...###`)
+							let res = await downloadFile(prizeItem.prizeImage)
+							console.log('处理远程图片', res)
+							if (res.ok) {
+								let tempFilePath = res.tempFilePath
+								// #ifndef MP
+								prizeItem.prizeImage = await pathToBase64(tempFilePath)
+								// #endif
+								// #ifdef MP
+								prizeItem.prizeImage = tempFilePath
+								// #endif
+							} else {
+                this.handlePrizeImgSuc({
+                  ok: false,
+                  data: res.data,
+                  msg: res.msg
+                })
+              }
+						} else {
+							// #ifndef MP
+              // 不是小程序环境，把本地图片处理成 base64
+              if (prizeItem.prizeImage.indexOf(';base64,') === -1) {
+                console.log('开始处理本地图片', prizeItem.prizeImage)
+                prizeItem.prizeImage = await pathToBase64(prizeItem.prizeImage)
+                console.log('处理本地图片结束', prizeItem.prizeImage)
+              }
+							// #endif
+              
+              // #ifdef MP-WEIXIN
+              // 小程序环境，把 base64 处理成小程序的本地临时路径
+              if (prizeItem.prizeImage.indexOf(';base64,') !== -1) {
+                console.log('开始处理BASE64图片', prizeItem.prizeImage)
+                prizeItem.prizeImage = await base64ToPath(prizeItem.prizeImage)
+                console.log('处理BASE64图片完成', prizeItem.prizeImage)
+              }
+              // #endif
+						}
+            
+            let prizeImageX = -(this.imgPxWidth * systemInfo.pixelRatio / 2)
+            let prizeImageY = this.imgMarginPxStr * systemInfo.pixelRatio
+            let prizeImageW = this.imgPxWidth * systemInfo.pixelRatio
+            let prizeImageH = this.imgPxHeight * systemInfo.pixelRatio
+            if (this.imgCircled) {
+              // 重新设置每个圆形的背景色
+              if (this.colors.length === 2) {
+                ctx.setFillStyle(this.colors[i % 2])
+              } else {
+                ctx.setFillStyle(this.colors[i])
+              }
+              circleImg(ctx, prizeItem.prizeImage, prizeImageX, prizeImageY, prizeImageW, prizeImageH)
+            } else {
+              ctx.drawImage(prizeItem.prizeImage, prizeImageX, prizeImageY, prizeImageW, prizeImageH)
+            }
+          }
+
+          ctx.restore()
+        }
+
+        // 保存绘图并导出图片
+        ctx.draw(true, () => {
+          let drawTimer = setTimeout(() => {
+            clearTimeout(drawTimer)
+            drawTimer = null
+
+            // #ifdef MP-ALIPAY
+            ctx.toTempFilePath({
+              destWidth: this.higtCanvasSize,
+              destHeight: this.higtCanvasSize,
+              success: (res) => {
+                // console.log(res.apFilePath)
+                this.handlePrizeImg({
+									ok: true,
+									data: res.apFilePath,
+									msg: '画布导出生成图片成功'
+								})
+              },
+							fail: (err) => {
+                this.handlePrizeImg({
+									ok: false,
+									data: err,
+									msg: '画布导出生成图片失败'
+								})
+							}
+            })
+            // #endif
+            
+            // #ifndef MP-ALIPAY
+            uni.canvasToTempFilePath({
+              canvasId: this.canvasId,
+              success: (res) => {
+                // 在 H5 平台下，tempFilePath 为 base64
+                // console.log(res.tempFilePath)
+                this.handlePrizeImg({
+									ok: true,
+									data: res.tempFilePath,
+									msg: '画布导出生成图片成功'
+								})
+              },
+							fail: (err) => {
+                this.handlePrizeImg({
+									ok: false,
+									data: err,
+									msg: '画布导出生成图片失败'
+								})
+							}
+            }, this)
+            // #endif
+          }, 500)
+        })
+      },
+      // 处理导出的图片
+      handlePrizeImg(res) {
+				if (res.ok) {
+					let data = res.data
+					
+					if (!this.canvasCached) {
+						this.lotteryImg = data
+						this.handlePrizeImgSuc(res)
+						return
+					}
+					
+					// #ifndef H5
+					if (this.isCacheImg) {
+						uni.getSavedFileList({
+							success: (sucRes) => {
+								let fileList = sucRes.fileList
+								// console.log('getSavedFileList Cached', fileList)
+								
+								let cached = false
+                
+                if (fileList.length) {
+                  for (let i = 0; i < fileList.length; i++) {
+                  	let item = fileList[i]
+                  	if (item.filePath === data) {
+                  		cached = true
+                  		this.lotteryImg = data
+                  		
+                  		console.info('经查，本地缓存中存在的转盘图可用，本次将不再绘制转盘')
+                  		this.handlePrizeImgSuc(res)
+                  		break
+                  	}
+                  }
+                }
+								
+								if (!cached) {
+									console.info('经查，本地缓存中存在的转盘图不可用，需要重新初始化转盘绘制')
+									this.initCanvasDraw()
+								}
+							},
+							fail: (err) => {
+								this.initCanvasDraw()
+							}
+						})
+					} else {
+						uni.saveFile({
+							tempFilePath: data,
+							success: (sucRes) => {
+								let filePath = sucRes.savedFilePath
+								// console.log('saveFile', filePath)
+								setStore(`${this.canvasId}LotteryImg`, filePath)
+								this.lotteryImg = filePath
+								this.handlePrizeImgSuc({
+									ok: true,
+									data: filePath,
+									msg: '画布导出生成图片成功'
+								})
+							},
+							fail: (err) => {
+								this.handlePrizeImg({
+									ok: false,
+									data: err,
+									msg: '画布导出生成图片失败'
+								})
+							}
+						})
+					}
+					// #endif
+					// #ifdef H5
+					setStore(`${this.canvasId}LotteryImg`, data)
+					this.lotteryImg = data
+					this.handlePrizeImgSuc(res)
+          
+          // console info
+          let consoleText = this.isCacheImg ? '缓存' : '导出'
+          console.info(`当前为 H5 端，使用${consoleText}中的 base64 图`)
+					// #endif
+				} else {
+          console.error(res.msg, res)
+					// #ifdef H5
+					console.error('###当前为 H5 端，下载网络图片需要后端配置允许跨域###')
+					// #endif
+					// #ifdef MP
+					console.error('###当前为小程序端，下载网络图片需要配置域名白名单###')
+					// #endif
+				}
+      },
+			// 处理图片完成
+			handlePrizeImgSuc (res) {
+				this.$emit('finish', {
+					ok: res.ok,
+					data: res.data,
+					msg: res.ok ? this.successMsg : this.failMsg
+				})
+			},
+      // 兼容 app 端不支持 ctx.measureText
+      // 已知问题：初始绘制时，低端安卓机 平均耗时 2s
+      // hbx 2.8.12+ 已在 app 端支持
+      getTextWidth() {
+        console.warn('正在采用兼容方式获取文本的 size 信息，虽然没有任何问题，如果可以，请将此 systemInfo 及 hbx 版本号 反馈给作者', systemInfo)
+        let query = uni.createSelectorQuery().in(this)
+        let nodesRef = query.select('.almost-lottery__measureText')
+        return new Promise((resolve, reject) => {
+          nodesRef.fields({
+            size: true,
+          }, (res) => {
+            resolve(res.width)
+          }).exec()
+        })
+      },
+      // 处理文字溢出
+      strLimit(value) {
+        let maxLength = this.strMaxLen
+        if (!value || !maxLength) return value
+        return clacTextLen(value).realLen > maxLength ? value.slice(0, maxLength - 1) + '..' : value
+      },
+			// 检查本地缓存中是否存在转盘图
+			checkCacheImg () {
+				console.log('检查本地缓存中是否存在转盘图')
+				// 检查是否已有缓存的转盘图
+				// 检查是否与本次奖品数据相同
+				this.oldLotteryImg = getStore(`${this.canvasId}LotteryImg`)
+				let oldPrizeList = getStore(`${this.canvasId}PrizeList`)
+				let newPrizeList = JSON.stringify(this.prizeList)
+				if (this.oldLotteryImg) {
+					if (oldPrizeList === newPrizeList) {
+						console.log(`经查，本地缓存中存在转盘图 => ${this.oldLotteryImg}`)
+						this.isCacheImg = true
+						
+						console.log('需要继续判断这张缓存图是否可用')
+						this.handlePrizeImg({
+							ok: true,
+							data: this.oldLotteryImg,
+							msg: '画布导出生成图片成功'
+						})
+						return
+					}
+				}
+				
+				console.log('经查，本地缓存中不存在转盘图')
+				this.initCanvasDraw()
+			},
+      // 初始化绘制
+      initCanvasDraw () {
+				console.log('开始初始化转盘绘制')
+				this.isCacheImg = false
+				this.lotteryImg = ''
+				clearStore(`${this.canvasId}LotteryImg`)
+        setStore(`${this.canvasId}PrizeList`, this.prizeList)
+        this.onCreateCanvas()
+      },
+      // 预处理初始化
+      async beforeInit () {
+        let query = uni.createSelectorQuery().in(this)
+        // 处理 rpx 自适应尺寸
+        let lotterySize = await new Promise((resolve) => {
+          query.select('.almost-lottery__wrap').boundingClientRect((rects) => {
+            resolve(rects)
+            // console.log('处理 lottery rpx 的自适应', rects)
+          }).exec()
+        })
+        let actionSize = await new Promise((resolve) => {
+          query.select('.lottery-action').boundingClientRect((rects) => {
+            resolve(rects)
+            // console.log('处理 action rpx 的自适应', rects)
+          }).exec()
+        })
+        let strMarginSize = await new Promise((resolve) => {
+          query.select('.str-margin-outside').boundingClientRect((rects) => {
+            resolve(rects)
+            // console.log('处理 str-margin-outside rpx 的自适应', rects)
+          }).exec()
+        })
+        let imgMarginStr = await new Promise((resolve) => {
+          query.select('.img-margin-str').boundingClientRect((rects) => {
+            resolve(rects)
+            // console.log('处理 img-margin-str rpx 的自适应', rects)
+          }).exec()
+        })
+        let imgSize = await new Promise((resolve) => {
+          query.select('.img-size').boundingClientRect((rects) => {
+            resolve(rects)
+            // console.log('处理 img-size rpx 的自适应', rects)
+          }).exec()
+        })
+        
+        this.lotteryPxSize = Math.floor(lotterySize.width)
+        this.canvasImgPxSize = this.lotteryPxSize - Math.floor(actionSize.left) + Math.floor(lotterySize.left)
+        this.actionPxSize = Math.floor(actionSize.width)
+        
+        this.strMarginPxOutside = Math.floor(strMarginSize.left) - Math.floor(lotterySize.left)
+        this.imgMarginPxStr = Math.floor(imgMarginStr.left) - Math.floor(lotterySize.left)
+        this.imgPxWidth = Math.floor(imgSize.width)
+        this.imgPxHeight = Math.floor(imgSize.height)
+        
+        // console.log(this.lotteryPxSize, this.canvasImgPxSize, this.actionPxSize)
+        
+        let stoTimer = setTimeout(() => {
+          clearTimeout(stoTimer)
+          stoTimer = null
+          
+          // 判断画板是否设置缓存
+          if (this.canvasCached) {
+          	this.checkCacheImg()
+          } else {
+          	this.initCanvasDraw()
+          }
+          this.transitionDuration = this.duration
+        }, 50)
+      }
+    },
+    mounted() {
+      this.$nextTick(() => {
+        let delay = 50
+        
+        // 小程序平台需要更多的延时才能获取到准确的元素 Size 信息
+        // // #ifdef MP
+        // delay = 300
+        // // #endif
+        
+        let stoTimer = setTimeout(() => {
+          clearTimeout(stoTimer)
+          stoTimer = null
+          
+          this.beforeInit()
+        }, delay)
+      })
+    }
+  }
+</script>
+
+<style lang="scss" scoped>
+  .almost-lottery {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+  }
+  
+  // 以下元素不可见，是 canvas 的实例
+  .almost-lottery__canvas {
+    position: absolute;
+    left: -9999px;
+    opacity: 0;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+  
+  // 以下元素不可见，用于获得自适应的值
+  .lottery-action,
+  .str-margin-outside,
+  .img-margin-str,
+  .img-size {
+    position: absolute;
+    left: 0;
+    top: 0;
+    z-index: -1;
+    // background-color: blue;
+  }
+  
+  // 以下元素不可见，用于计算文本的宽度
+  .almost-lottery__measureText {
+    position: absolute;
+    left: 0;
+    top: 0;
+    white-space: nowrap;
+    font-size: 12px;
+    opacity: 0;
+  }
+
+  // 以下为可见内容的样式
+  .almost-lottery__wrap {
+    position: relative;
+    // display: flex;
+    // justify-content: center;
+    // align-items: center;
+    // background-color: #FFFFFF;
+  }
+  
+  .almost-lottery__bg,
+  .almost-lottery__canvas-img,
+  .almost-lottery__action-bg {
+    position: absolute;
+    left: 0;
+    top: 0;
+  }
+
+  .almost-lottery__canvas-img {
+    transition: transform cubic-bezier(.34, .12, .05, .95);
+  }
+</style>
diff --git a/src/pageB/components/almost-lottery/package.json b/src/pageB/components/almost-lottery/package.json
new file mode 100644
index 0000000..ae08d49
--- /dev/null
+++ b/src/pageB/components/almost-lottery/package.json
@@ -0,0 +1,82 @@
+{
+  "id": "almost-lottery",
+  "displayName": "Almost-Lottery抽奖转盘",
+  "version": "1.8.27",
+  "description": "【荣获2021插件大赛三等奖】提供奇数、缓存等众多配置项，更有抽奖概率、抽奖次数、付费抽奖等功能内置于示例项目中，完美支持APP、各平台小程序、H5、PC，同时提供 uniCloud 云端版本",
+  "keywords": [
+    "转盘",
+    "抽奖",
+    "大转盘抽奖"
+],
+  "repository": "https://github.com/ialmost/almost-components_uniapp",
+  "engines": {
+    "HBuilderX": "^3.1.22"
+  },
+  "dcloudext": {
+    "category": [
+        "前端组件",
+        "通用组件"
+    ],
+    "sale": {
+      "regular": {
+        "price": "0.00"
+      },
+      "sourcecode": {
+        "price": "0.00"
+      }
+    },
+    "contact": {
+      "qq": ""
+    },
+    "declaration": {
+      "ads": "无",
+      "data": "无",
+      "permissions": "无"
+    },
+    "npmurl": ""
+  },
+  "uni_modules": {
+    "dependencies": [],
+    "encrypt": [],
+    "platforms": {
+      "cloud": {
+        "tcb": "y",
+        "aliyun": "y"
+      },
+      "client": {
+        "App": {
+          "app-vue": "y",
+          "app-nvue": "n"
+        },
+        "H5-mobile": {
+          "Safari": "y",
+          "Android Browser": "y",
+          "微信浏览器(Android)": "y",
+          "QQ浏览器(Android)": "y"
+        },
+        "H5-pc": {
+          "Chrome": "y",
+          "IE": "y",
+          "Edge": "y",
+          "Firefox": "y",
+          "Safari": "y"
+        },
+        "小程序": {
+          "微信": "y",
+          "阿里": "y",
+          "百度": "y",
+          "字节跳动": "y",
+          "QQ": "y"
+        },
+        "快应用": {
+          "华为": "u",
+          "联盟": "u"
+        },
+        "Vue": {
+            "vue2": "y",
+            "vue3": "n"
+        }
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/pageB/components/almost-lottery/readme.md b/src/pageB/components/almost-lottery/readme.md
new file mode 100644
index 0000000..dc5dfce
--- /dev/null
+++ b/src/pageB/components/almost-lottery/readme.md
@@ -0,0 +1,160 @@
+# almost-lottery
+*使用 Canvas 绘制的抽奖转盘，提供奇数、缓存等众多配置项，更有抽奖概率、抽奖次数、付费抽奖等功能内置于示例项目中*
+
+
+> <br />
+> 
+> 如果用着还行，请支持一下
+> - 前往 [GitHub](https://github.com/ialmost/almost-components_uniapp) 给个 Star
+> - 前往 [UniApp](https://ext.dcloud.net.cn/plugin?id=1030) 给个五星
+> - 使用中遇到问题时，可以添加 **QQ群 20441313**
+> 
+> <br />
+
+
+## 基于 uniCloud 开发的云端 Almost-Lottery 抽奖转盘，欢迎尝试体验
+- [Almost-Lottery抽奖转盘的云端一体页面](https://ext.dcloud.net.cn/plugin?id=5763)
+- [Almost-Lottery抽奖转盘的配置中心](https://ext.dcloud.net.cn/plugin?id=5762)
+
+
+## 高能预警
+- 本插件仅支持 `uni_modules` 模式，强烈推荐使用该模式，**非 `uni_modules` 模式不再维护**
+- 在使用本插件之前，强烈建议使用 `HBuilderX` 导入示例项目验证可用性并参照修改
+
+## 功能概要
+- [x] 可配置奖品文字 **支持横向/竖向展示**
+- [x] 可配置每个奖品区块的背景颜色
+- [x] 可配置每个奖品区块的奖品文字颜色
+- [x] 可配置奖品区块是否开启描边以及边框的颜色，默认不开启
+- [x] 可配置转盘外环和抽奖按钮图
+- [x] 可配置每个奖品区块的奖品图片，**当图片是网络地址时，小程序端需要配置白名单，H5端需要允许跨域，奖品文字为竖向时不支持展示奖品图片**
+- [x] 奖品列表支持奇数，**奇数时需尽量能被 `360` 除尽**
+- [x] 可配置内圈与外圈的间距
+- [x] 可配置轮盘旋转或指针旋转
+- [x] 可配置画板是否缓存，默认不开启
+- [x] 更多配置请查看API说明
+
+## 示例项目附加功能
+- [x] 中奖概率，**强烈推荐中奖概率应由后端控制**
+- [x] 抽奖次数
+- [x] 付费抽奖
+
+
+## 注意事项
+
+- 编译到小程序端时，请务必勾选ES6转ES5
+
+- `@reset-index="prizeIndex = -1"` 必须默认写入到 `template` 中，不可删除
+
+- 每个奖品区块的奖品图片尺寸不宜过大，图片越大，绘制的过程越慢，尽量将图片尺寸控制在 `100*100` 以内，且图片大小控制在 `40KB` 以内
+
+- 关于中奖概率的配置，请下载示例项目，参照 `pages/index/index.vue` 中的代码进行配置
+
+- 组件本身不涉及任何业务逻辑，与业务相关的代码建议都放在 `pages/index/index.vue` 中
+
+
+## 代码演示
+#### 基础用法
+```
+// template
+// @reset-index="prizeIndex = -1" 必须默认写入到 template 中，不可删除
+<almost-lottery
+  :prizeList="prizeList"
+  :prizeIndex="prizeIndex"
+  @reset-index="prizeIndex = -1"
+  @draw-start="handleDrawStart"
+  @draw-end="handleDrawEnd"
+  @finish="handleDrawFinish"
+  v-if="prizeList.length"
+/>
+
+// script
+import AlmostLottery from '@/uni_modules/almost-lottery/components/almost-lottery/almost-lottery.vue'
+export default {
+  components: {
+    AlmostLottery
+  },
+  data () {
+    return {
+      // 以下是奖品配置数据
+      // 奖品数据
+      prizeList: [],
+      // 中奖下标
+      prizeIndex: -1
+    }
+  },
+  methods: {
+    // 本次抽奖开始
+    handleDrawStart () {
+      // 这里需要处理你的中奖逻辑，并得出 prizeIndex
+      // 请查看示例项目中的代码
+    },
+    // 本次抽奖结束
+    handleDrawEnd () {
+      // 完成抽奖后，这里处理你拿到结果后的逻辑
+      // 请查看示例项目中的代码
+    },
+    // 抽奖转盘绘制完成
+    handleDrawFinish (res) {
+      // 抽奖转盘准备就绪后，这里处理你的逻辑
+      // 请查看示例项目中的代码
+      // console.log('抽奖转盘绘制完成', res)
+    }
+  }
+}
+```
+
+## API
+#### Props
+参数 | 说明 | 类型 | 默认值
+:---|:---|:---|:---
+pixelRatio | 移动端设计稿的像素比基准值，**涉及到 `rpx` 的适配问题** | *`Number`* | `2`
+canvasId | Canvas的标识，**多画板情况下需要配置不同的标识** | *`String`* | `'almostLottery'`
+lotterySize | 抽奖转盘的整体尺寸，单位 `rpx` | *`Number`* | `600`
+actionSize | 抽奖按钮的尺寸，单位 `rpx` | *`Number`* | `200`
+canvasMarginOutside | Canvas边缘距离转盘边缘的距离，单位`rpx` | *`Number`* | `90`
+prizeIndex | 获奖奖品在奖品列表中的序号，**每次抽奖结束后会自动重置为 `-1`** | *`Number`* | `-1`
+prizeList | 奖品列表，支持奇数（尽量能被 `360` 除尽），**为奇数时需要重设 `colors` 参数** | *`Array`* | -
+lotteryBg | 转盘外环图片 | `String` | `默认内置的本地图片`
+actionBg | 抽奖按钮图片 | `String` | `默认内置的本地图片`
+colors | 奖品区块对应的背景颜色，默认 2 个颜色相互交替，**也可以对每个区块设置不同颜色** | *`Array`* | `['#FFFFFF', '#FFBF05']`
+prizeNameDrawed | 是否绘制奖品名称 | *`Boolean`* | `true`
+stroked | 是否开启奖品区块描边 | *`Boolean`* | `false`
+strDirection | 奖品名称展示方向，可选值 `'horizontal'` => 横向 `'vertical'` => 竖向 | *`String`* | `'horizontal'`
+strokeColor | 奖品区块边框颜色 | *`String`* | `'#FFBF05'`
+rotateType | 旋转的类型，可选值 `'roulette'` => 轮盘旋转 `'pointer'` => 指针旋转 | *`String`* | `'roulette'`
+duration | 转盘旋转的动画时长，单位：秒 | *`Number`* | `8`
+ringCount | 旋转的圈数 | *`Number`* | `8`
+pointerPosition | 点击抽奖按钮指针的位置，可选值 `'edge'` => 指向边界 `'middle'` => 指向中间 | *`String`* | `'edge'`
+strFontColors | 奖品文字颜色，默认 2 个颜色相互交替，**也可以对每个区块的文字设置不同颜色，或仅设置一个颜色** | *`Array`* | `['#FFBF05', '#FFFFFF']`
+strFontSize | 奖品名称的字号，单位 `rpx` | *`Number`* | `24`
+strLineHeight | 奖品名称多行情况下的行高 | *`Number`* | `1.2`
+strMaxLen | 奖品名称长度限制，**文字竖向时不生效** | *`Number`* | `12`
+strLineLen | 奖品名称在多行情况下第一行文字的长度，**文字竖向时不生效** | *`Number`* | `6`
+strMarginOutside | 奖品文字相对轮盘边缘的距离，单位 `rpx` | *`Number`* | `strFontSize 的一半`
+imgMarginStr | 奖品图片相对奖品文字的距离，单位 `rpx` | *`Number`* | `60`
+imgWidth | 奖品图片的宽度，单位 `rpx` | *`Number`* | `50`
+imgHeight | 奖品图片的高度，单位 `rpx` | *`Number`* | `50`
+imgDrawed | 是否绘制奖品图片，默认绘制 | *`Boolean`* | `true`
+imgCircled | 奖品图片是否裁切为圆形，默认不裁切 | *`Boolean`* | `false`
+successMsg | 转盘绘制成功的提示 | *`String`* | `'奖品准备就绪，快来参与抽奖吧'`
+failMsg | 转盘绘制失败的提示 | *`String`* | `'奖品仍在准备中，请稍后再来...'`
+canvasCached | 是否开启缓存，避免在数据不变的情况下重复绘制，建议在生产环境中开启 | *`Boolean`* | `false`
+
+#### Events
+事件名 | 说明 | 回调参数
+:---|:---|:---
+@reset-index | 每次抽奖结束后重置获奖的序号为 `-1`，**该事件必须默认写入到 `template` 中，不可删除** | -
+@draw-start | 转盘旋转开始时触发 | -
+@draw-end | 转盘旋转结束时触发 | -
+@finish | Canvas转盘绘制完成时触发 | `{ ok: 绘制是否成功, data: 转盘的图片, msg: 绘制结果的提示 }`
+
+#### prizeList 数据结构
+*请按如下数据字段对你的奖品列表数据结构进行调整*
+键名 | 说明 | 类型
+:---|:---|:---
+prizeId | 奖品对应 `ID` | *`Number`*
+prizeName | 奖品名称 | *`String`*
+prizeStock | 奖品库存 | *`Number`*
+prizeWeight | 奖品权重 | *`Number`*
+prizeImage | 奖品图片地址，网络图片仅支持`http`和`https`协议 | *`String`*
\ No newline at end of file
diff --git a/src/pageB/components/almost-lottery/static/almost-lottery/almost-lottery__action.png b/src/pageB/components/almost-lottery/static/almost-lottery/almost-lottery__action.png
new file mode 100644
index 0000000..2e221a4
Binary files /dev/null and b/src/pageB/components/almost-lottery/static/almost-lottery/almost-lottery__action.png differ
diff --git a/src/pageB/components/almost-lottery/static/almost-lottery/almost-lottery__action2x.png b/src/pageB/components/almost-lottery/static/almost-lottery/almost-lottery__action2x.png
new file mode 100644
index 0000000..10d497f
Binary files /dev/null and b/src/pageB/components/almost-lottery/static/almost-lottery/almost-lottery__action2x.png differ
diff --git a/src/pageB/components/almost-lottery/static/almost-lottery/almost-lottery__action3x.png b/src/pageB/components/almost-lottery/static/almost-lottery/almost-lottery__action3x.png
new file mode 100644
index 0000000..5e3b8d3
Binary files /dev/null and b/src/pageB/components/almost-lottery/static/almost-lottery/almost-lottery__action3x.png differ
diff --git a/src/pageB/components/almost-lottery/static/almost-lottery/almost-lottery__bg.png b/src/pageB/components/almost-lottery/static/almost-lottery/almost-lottery__bg.png
new file mode 100644
index 0000000..be39367
Binary files /dev/null and b/src/pageB/components/almost-lottery/static/almost-lottery/almost-lottery__bg.png differ
diff --git a/src/pageB/components/almost-lottery/static/almost-lottery/almost-lottery__bg2x.png b/src/pageB/components/almost-lottery/static/almost-lottery/almost-lottery__bg2x.png
new file mode 100644
index 0000000..3fe4efd
Binary files /dev/null and b/src/pageB/components/almost-lottery/static/almost-lottery/almost-lottery__bg2x.png differ
diff --git a/src/pageB/components/almost-lottery/static/almost-lottery/almost-lottery__bg3x.png b/src/pageB/components/almost-lottery/static/almost-lottery/almost-lottery__bg3x.png
new file mode 100644
index 0000000..bcd70e1
Binary files /dev/null and b/src/pageB/components/almost-lottery/static/almost-lottery/almost-lottery__bg3x.png differ
diff --git a/src/pageB/components/almost-lottery/utils/almost-utils.js b/src/pageB/components/almost-lottery/utils/almost-utils.js
new file mode 100644
index 0000000..5db2cff
--- /dev/null
+++ b/src/pageB/components/almost-lottery/utils/almost-utils.js
@@ -0,0 +1,316 @@
+/**
+ * 存储 localStorage 数据
+ * @param {String} name - 缓存数据的标识
+ * @param {any} content - 缓存的数据内容
+ */
+export const setStore = (name, content) => {
+  if (!name) return
+  if (typeof content !== 'string') {
+    content = JSON.stringify(content)
+  }
+	uni.setStorageSync(name, content)
+}
+
+/**
+ * 获取 localStorage 数据
+ * @param {String} name - 缓存数据的标识
+ */
+export const getStore = (name) => {
+  if (!name) return
+  return uni.getStorageSync(name)
+}
+
+/**
+ * 清除 localStorage 数据
+ * @param {String} name - 缓存数据的标识
+ */
+export const clearStore = (name) => {
+  if (name) {
+    uni.removeStorageSync(name)
+  } else {
+    console.log('清理本地全部缓存')
+    uni.clearStorageSync()
+  }
+}
+
+/**
+ * 绘制圆形
+ * @param {String} ctx - 图片网络地址
+ * @param {String} img - 图片地址
+ * @param {String} x - x 轴偏移量
+ * @param {String} y - y 轴偏移量
+ * @param {String} w - 宽
+ * @param {String} h - 高
+*/
+export const circleImg = (ctx, img, x, y, w, h) => {
+  let r = Math.floor(w/2)
+  let cx = x + r
+  let cy = y + r
+  
+  ctx.save()
+  ctx.beginPath()
+  ctx.arc(cx, cy, r, 0, Math.PI * 2)
+  ctx.fill()
+  ctx.clip()
+  ctx.drawImage(img, x, y, w, h)
+  ctx.restore()
+}
+
+/**
+ * 计算文本的长度
+ * @param {String} text - 文本内容
+ */
+export const clacTextLen = (text) => {
+  if (!text) return { byteLen: 0, realLen: 0 }
+  text += ''
+  let clacLen = 0
+  for (let i = 0; i < text.length; i++) {
+    if ((text.charCodeAt(i) < 0) || (text.charCodeAt(i) > 255)) {
+      clacLen += 2
+    } else {
+      clacLen += 1
+    }
+  }
+  // console.log(`当前文本 ${text} 的长度为 ${clacLen / 2}`)
+  return {
+    byteLen: clacLen,
+    realLen: clacLen / 2
+  }
+}
+
+/**
+ * 下载文件，并返回临时路径
+ * @return {String}  临时路径
+ * @param {String} fileUrl - 网络地址
+*/
+export const downloadFile = (fileUrl) => {
+  return new Promise((resolve) => {
+    
+    // #ifdef MP-WEIXIN
+    let extName = fileUrl.split('.').pop()
+    let fileName = Date.now() + '.' + extName
+    // #endif
+    
+    uni.downloadFile({
+      url: fileUrl,
+      // #ifdef MP-WEIXIN
+      filePath: wx.env.USER_DATA_PATH + '/' + fileName,
+      // #endif
+      success: (res) => {
+        // #ifdef MP-WEIXIN
+        resolve({
+          ok: true,
+          data: res.errMsg,
+          tempFilePath: res.filePath
+        })
+        // #endif
+				// #ifndef MP-WEIXIN
+				resolve({
+				  ok: true,
+				  data: res.errMsg,
+				  tempFilePath: res.tempFilePath
+				})
+				// #endif
+      },
+      fail: (err) => {
+        resolve({
+          ok: false,
+          data: err.errMsg,
+          msg: '图片下载失败'
+        })
+      }
+    })
+  })
+}
+
+/**
+ * 清理应用已缓存的文件
+*/
+export const clearCacheFile = () => {
+	// #ifndef H5
+	uni.getSavedFileList({
+		success: (res) => {
+			let fileList = res.fileList
+			if (fileList.length) {
+				for (let i = 0; i < fileList.length; i++) {
+					uni.removeSavedFile({
+						filePath: fileList[i].filePath,
+						complete: () => {
+							console.log('清除缓存已完成')
+						}
+					})
+				}
+			}
+		},
+		fail: (err) => {
+			console.log('getSavedFileList Fail')
+		}
+	})
+	// #endif
+}
+
+
+
+// 图像转换工具，可用于图像和base64的转换
+// https://ext.dcloud.net.cn/plugin?id=123
+const getLocalFilePath = (path) => {
+  if (
+    path.indexOf('_www') === 0 ||
+    path.indexOf('_doc') === 0 ||
+    path.indexOf('_documents') === 0 ||
+    path.indexOf('_downloads') === 0
+  ) return path
+
+  if (path.indexOf('/storage/emulated/0/') === 0) return path
+	
+  if (path.indexOf('/storage/sdcard0/') === 0) return path
+
+  if (path.indexOf('/var/mobile/') === 0) return path
+
+  if (path.indexOf('file://') === 0) return path
+
+  if (path.indexOf('/') === 0) {
+		// ios 无法获取本地路径
+    let localFilePath = plus.os.name === 'iOS' ? path : plus.io.convertLocalFileSystemURL(path)
+    if (localFilePath !== path) {
+      return localFilePath
+    } else {
+      path = path.substring(1)
+    }
+  }
+	
+  return '_www/' + path
+}
+
+export const pathToBase64 = (path) => {
+	return new Promise((resolve, reject) => {
+		if (typeof window === 'object' && 'document' in window) {
+			if (typeof FileReader === 'function') {
+				let xhr = new XMLHttpRequest()
+				xhr.open('GET', path, true)
+				xhr.responseType = 'blob'
+				xhr.onload = function() {
+					if (this.status === 200) {
+						let fileReader = new FileReader()
+						fileReader.onload = function(e) {
+							resolve(e.target.result)
+						}
+						fileReader.onerror = reject
+						fileReader.readAsDataURL(this.response)
+					}
+				}
+				xhr.onerror = reject
+				xhr.send()
+				return
+			}
+			let canvas = document.createElement('canvas')
+			let c2x = canvas.getContext('2d')
+			let img = new Image
+			img.onload = function() {
+				canvas.width = img.width
+				canvas.height = img.height
+				c2x.drawImage(img, 0, 0)
+				resolve(canvas.toDataURL())
+				canvas.height = canvas.width = 0
+			}
+			img.onerror = reject
+			img.src = path
+			return
+		}
+		
+		if (typeof plus === 'object') {
+			let tempPath = getLocalFilePath(path)
+			plus.io.resolveLocalFileSystemURL(tempPath, (entry) => {
+				entry.file((file) => {
+					let fileReader = new plus.io.FileReader()
+					fileReader.onload = function(data) {
+						resolve(data.target.result)
+					}
+					fileReader.onerror = function(error) {
+						console.log(error)
+						reject(error)
+					}
+					fileReader.readAsDataURL(file)
+				}, (error) => {
+					reject(error)
+				})
+			}, (error) => {
+				reject(error)
+			})
+			return
+		}
+		
+		if (typeof wx === 'object' && wx.canIUse('getFileSystemManager')) {
+			wx.getFileSystemManager().readFile({
+				filePath: path,
+				encoding: 'base64',
+				success: (res) => {
+					resolve('data:image/png;base64,' + res.data)
+				},
+				fail: (error) => {
+					reject(error)
+				}
+			})
+			return
+		}
+		reject(new Error('not support'))
+	})
+}
+
+export const base64ToPath = (base64) => {
+	return new Promise((resolve, reject) => {
+		if (typeof window === 'object' && 'document' in window) {
+			base64 = base64.split(',')
+			let type = base64[0].match(/:(.*?);/)[1]
+			let str = atob(base64[1])
+			let n = str.length
+			let array = new Uint8Array(n)
+			while (n--) {
+				array[n] = str.charCodeAt(n)
+			}
+			return resolve((window.URL || window.webkitURL).createObjectURL(new Blob([array], {
+				type: type
+			})))
+		}
+		let extName = base64.match(/data\:\S+\/(\S+);/)
+		if (extName) {
+			extName = extName[1]
+		} else {
+			reject(new Error('base64 error'))
+		}
+		let fileName = Date.now() + '.' + extName
+		if (typeof plus === 'object') {
+			let bitmap = new plus.nativeObj.Bitmap('bitmap' + Date.now())
+			bitmap.loadBase64Data(base64, () => {
+				let filePath = '_doc/uniapp_temp/' + fileName
+				bitmap.save(filePath, {}, () => {
+					bitmap.clear()
+					resolve(filePath)
+				}, (error) => {
+					bitmap.clear()
+					reject(error)
+				})
+			}, (error) => {
+				bitmap.clear()
+				reject(error)
+			})
+			return
+		}
+		if (typeof wx === 'object' && wx.canIUse('getFileSystemManager')) {
+			let filePath = wx.env.USER_DATA_PATH + '/' + fileName
+			wx.getFileSystemManager().writeFile({
+				filePath: filePath,
+				data: base64.replace(/^data:\S+\/\S+;base64,/, ''),
+				encoding: 'base64',
+				success: () => {
+					resolve(filePath)
+				},
+				fail: (error) => {
+					reject(error)
+				}
+			})
+			return
+		}
+		reject(new Error('not support'))
+	})
+}
diff --git a/src/pageB/lucky/index.vue b/src/pageB/lucky/index.vue
new file mode 100644
index 0000000..5e4912d
--- /dev/null
+++ b/src/pageB/lucky/index.vue
@@ -0,0 +1,422 @@
+<template>
+  <view class="h-full">
+    <loading-view v-if="isFirstLoading"></loading-view>
+    <view
+      class="bg min-h-full overflow-hidden"
+      v-else
+      :style="{ backgroundImage: `url(${draw_activity.bg_image})`, backgroundColor: draw_activity.bg_color }"
+    >
+      <view class="">
+        <view class="fixed top-0 left-0 w-full bg z-10" :style="{ backgroundImage: `url(${draw_activity.bg_image})` }">
+          <view :style="{ height: statusBarHeight + 'px' }"></view>
+          <view class="px-30rpx py-20rpx flex h-50px flex items-center relative">
+            <image
+              @click="onBack"
+              class="h-56rpx w-56rpx"
+              src="https://ystmp.oss-cn-beijing.aliyuncs.com/wechart/lucky/back.png"
+              alt=""
+              srcset=""
+            ></image>
+            <view class="absolute left-100rpx right-100rpx text-center text-52rpx text-white">{{draw_activity.name}}</view>
+          </view>
+        </view>
+        <view class="w-full" :style="{ height: 50 + statusBarHeight + 'px' }"> </view>
+      </view>
+      <view class="h-300rpx w-full"></view>
+      <view class="w-full relative">
+        <view class="h-100rpx"></view>
+        <view class="absolute top-0 z-9 left-0 px-30rpx message w-full">
+          <view class="h-180rpx">
+            <swiper
+              vertical="vertical"
+              autoplay="play"
+              class="h-full"
+              previous-margin="60rpx"
+              next-margin="60rpx"
+              disable-touch
+              @change="change"
+              circular
+              :current="current"
+            >
+              <swiper-item v-for="(item, index) in logsAll" :key="index" class="h-full flex items-start flex-col justify-center">
+                <view
+                  class="bg-hex-000 bg-opacity-30 text-white rounded-full px-20px h-44rpx leading-44rpx text-28rpx inline-block"
+                  :class="index == current ? 'opacity1' : index + 1 == current ? 'opacity0' : index - 1 == current ? 'opacity2' :(current==logsAll.length-1 && index==0)?'opacity2' :  'opacity3'"
+                >
+                  <text
+                    >恭喜{{ item.user.nickname }}抽中<text class="text-hex-ffde58">{{ item.prize.name }}</text></text
+                  >
+                </view>
+              </swiper-item>
+            </swiper>
+          </view>
+          <!-- <view v-for="item in logs" :key="item.id" class="opacity">
+            <view class="bg-hex-000 bg-opacity-30 text-white rounded-full px-20px h-44rpx leading-44rpx text-28rpx mb-10rpx inline-block">
+              <text
+                >恭喜{{ item.user.nickname }}抽中<text class="text-hex-ffde58">{{ item.prize.name }}</text></text
+              >
+            </view>
+          </view> -->
+        </view>
+        <almost-lottery
+          pointer-position="edge"
+          :lottery-size="lotteryConfig.lotterySize"
+          :action-size="lotteryConfig.actionSize"
+          :ring-count="8"
+          :duration="8"
+          :prize-list="prizeList"
+          :prize-index="prizeIndex"
+          @reset-index="prizeIndex = -1"
+          @draw-start="handleDrawStart"
+          @draw-end="handleDrawEnd"
+          @finish="handleDrawFinish"
+          v-if="prizeList.length"
+          stroke-color="#ffffff"
+          :str-font-size="18"
+          :strFontColors="['#fb6056']"
+          :colors="['#ffeaa7', '#ffeaa7']"
+          :stroked="true"
+          :img-width="120"
+          :img-height="120"
+          :imgMarginStr="30"
+          :strMarginOutside="16"
+          :canvasCached="true"
+          :lotteryBg="lotteryBg"
+          :actionBg="actionBg"
+        />
+        <view class="text-center mt-40rpx"
+          >今天还可以抽 <text class="text-error">{{ freeNum }}</text> 次</view
+        >
+      </view>
+
+      <block>
+        <view class="p-30rpx">
+          <u-parse :html="draw_activity.desc"></u-parse>
+        </view>
+      </block>
+
+      <u-mask :show="show">
+        <view class="flex items-center justify-center h-full">
+          <view class="">
+            <view class="pr-30rpx text-right">
+              <image src="/static/images/app/app_update_close.png" alt="" srcset="" class="w-48rpx h-48rpx" @click="show = false"></image>
+            </view>
+            <view class="w-600rpx h-600rpx relative" v-if="prizeData.prize">
+              <image :src="prizeData.prize.type==0?results.goods:tips_image" class="w-full h-full"></image>
+              <block v-if="prizeData.prize.type!=0">
+                <view class="absolute top-178rpx left-0 right-0 text-center mx-auto mx-auto w-300rpx h-290rpx">
+                  <image :src="results.goods" alt="" class="w-full h-full"></image>
+                </view>
+                <view
+                  class="absolute top-136rpx left-0 right-0 text-center h-42rpx leading-40rpx text-24rpx text-hex-f74a2c bg-gradient-to-t to-hex-fff4e5 from-hex-ffd4b2 w-240rpx rounded-full mx-auto"
+                >
+                  {{ results.name }}
+                </view>
+                <view
+                  v-if="!!results.btn"
+                  @click="onResults"
+                  class="absolute top-466rpx left-0 right-0 text-center h-54rpx leading-54rpx text-28rpx text-white bg-img w-280rpx mx-auto"
+                >
+                  {{ results.btn }}
+                </view>
+              </block>
+            </view>
+          </view>
+        </view>
+      </u-mask>
+
+      <u-popup v-model="showAddress" mode="center" :border-radius="20" :mask-close-able="false">
+        <view class="p-30rpx w-600rpx">
+          <u-form :model="form" ref="uForm" label-width="130rpx" :error-type="['toast']">
+            <u-form-item label="收件人" prop="consignee_name">
+              <u-input v-model="form.consignee_name" cursor-spacing="50rpx" />
+            </u-form-item>
+            <u-form-item label="联系方式" prop="consignee_phone">
+              <u-input v-model="form.consignee_phone" cursor-spacing="50rpx" />
+            </u-form-item>
+            <u-form-item label="收货地址" prop="consignee_address">
+              <u-input v-model="form.consignee_address" cursor-spacing="50rpx" />
+            </u-form-item>
+          </u-form>
+          <view class="bg-primary rounded-full h-64rpx leading-64rpx text-center text-white" @click="submit"> 确定 </view>
+        </view>
+      </u-popup>
+    </view>
+  </view>
+</template>
+
+<script>
+let systemInfo = uni.getSystemInfoSync();
+import AlmostLottery from '../components/almost-lottery/components/almost-lottery/almost-lottery.vue';
+export default {
+  name: 'Home',
+  components: {
+    AlmostLottery,
+  },
+  data() {
+    return {
+      isFirstLoading: true,
+      id: '',
+      config: {},
+      current: 1,
+      statusBarHeight: systemInfo.statusBarHeight,
+      form: {
+        consignee_name: '',
+        consignee_phone: '',
+        consignee_address: '',
+      },
+      show: false,
+      prizeData: {},
+      results: {
+        name: '50元消费体验价',
+        btn: '充值账户余额内',
+        goods: 'https://ystmp.oss-cn-beijing.aliyuncs.com/wechart/lucky/hb.png',
+      },
+      // 开启调试模式
+      isDev: process.env.NODE_ENV === 'development',
+
+      // 以下是转盘配置相关数据
+      lotteryConfig: {
+        // 抽奖转盘的整体尺寸，单位rpx
+        lotterySize: 680,
+        // 抽奖按钮的尺寸，单位rpx
+        actionSize: 200,
+      },
+
+      // 以下是转盘 UI 配置
+      // 转盘外环图，如有需要，请参考替换为自己的设计稿
+      lotteryBg: 'https://ystmp.oss-cn-beijing.aliyuncs.com/wechart/lucky/lottery-bg.png',
+      // 抽奖按钮图
+      actionBg: 'https://ystmp.oss-cn-beijing.aliyuncs.com/wechart/lucky/action-bg.png',
+      // 奖品数据
+      prizeList: [],
+      // 奖品是否设有库存
+      onStock: true,
+      // 中奖下标
+      prizeIndex: -1,
+      // 是否正在抽奖中，避免重复触发
+      prizeing: false,
+      // 当日免费抽奖次数余额
+      freeNum: 0,
+      logsAll: [],
+      logsIndex: 0,
+      logs: [],
+      timer: null,
+      showAddress: false,
+      draw_log_id: null,
+      rules: {
+        consignee_name: [
+          {
+            required: true,
+            message: '请输入收件人',
+            trigger: 'change',
+          },
+        ],
+        consignee_phone: [
+          {
+            required: true,
+            message: '请输入连续方式',
+            trigger: 'change',
+          },
+        ],
+        consignee_address: [
+          {
+            required: true,
+            message: '请输入收货地址',
+            trigger: 'change',
+          },
+        ],
+      },
+    };
+  },
+  computed: {
+    isApple() {
+      return uni.getSystemInfoSync().platform === 'ios';
+    },
+    draw_activity() {
+      return this.config.draw_activity;
+    },
+    tips_image(){
+      return this.draw_activity?.tips_image ?? 'https://ystmp.oss-cn-beijing.aliyuncs.com/wechart/lucky/lucky-jg.png'
+    }
+  },
+  async onLoad({ id }) {
+    this.id = id;
+    this.getConfig();
+    this.getLuckyLog();
+  },
+
+  methods: {
+    change(e) {
+      this.current = e.detail.current;
+    },
+    onBack() {
+      uni.navigateBack();
+    },
+    async getConfig() {
+      try {
+        const resData = await this.$api.get(`/v1/draw-activities/${this.id}`);
+        this.config = resData;
+        this.handleInitCanvas();
+      } catch (error) {
+        console.log(error);
+      } finally {
+        this.isFirstLoading = false;
+      }
+    },
+    onResults() {
+      const { prize } = this.prizeData;
+      if (prize.type == 1) {
+        this.show = false;
+        this.showAddress = true;
+      } else {
+        this.show = false;
+      }
+    },
+    submit() {
+      this.$refs.uForm.validate(async (valid) => {
+        if (valid) {
+          await this.$api.put(`/v1/draw-activities/${this.id}/logs/${this.draw_log_id}`, this.form);
+          this.$refs.uForm.resetFields();
+          this.showAddress = false;
+        }
+      });
+    },
+    // 获取抽奖记录
+    async getLuckyLog() {
+      const resData = await this.$api.get(`/v1/draw-activities/${this.id}/logs`, {
+        params: {
+          page: 1,
+          per_page: 4,
+        },
+      });
+      this.logsAll = resData.data.reverse();
+    },
+    // 重新生成
+    handleInitCanvas() {
+      this.prizeList = [];
+      this.getPrizeList();
+    },
+    // 获取奖品列表
+    async getPrizeList() {
+      this.freeNum = this.config.draw_tickets_number;
+      const data = this.draw_activity.prizes.map((e) => {
+        return { prizeId: e.id, prizeName: e.name, prizeStock: 10, prizeWeight: 200, prizeImage: e.icon, ...e };
+      });
+
+      this.draw_log_id = this.config.draw_log_id;
+      this.prizeList = data;
+      if (!!this.draw_log_id && !this.showAddress) {
+        this.showAddress = true;
+        this.$nextTick(() => {
+          this.$refs.uForm.setRules(this.rules);
+        });
+      }
+    },
+    // 本次抽奖开始
+    handleDrawStart() {
+      if(this.draw_activity.status == 4){
+        return this.$u.toast('活动已结束');
+      }
+      if(this.draw_activity.status == 2){
+        return this.$u.toast('活动未开始');
+      }
+      if(this.draw_activity.status != 3){
+        return;
+      }
+      if (this.prizeing) return;
+      this.prizeing = true;
+      // 还有免费数次或者剩余金币足够抽一次
+      if (this.freeNum > 0) {
+        // 更新免费次数或金币余额
+        if (this.freeNum > 0) {
+          this.freeNum--;
+        }
+        this.tryLotteryDraw();
+      } else {
+        this.$u.toast('抽奖次数不足');
+        this.prizeing = false;
+      }
+    },
+    // 尝试发起抽奖
+    tryLotteryDraw() {
+      this.remoteGetPrizeIndex();
+    },
+
+    // 获取中奖下标
+    async remoteGetPrizeIndex() {
+      const resData = await this.$api.post(`/v1/draw-activities/${this.id}/draw`);
+      this.prizeData = resData;
+      const { prize } = resData;
+      let _prizeId = prize.id;
+      this.prizeIndex = this.prizeList.findIndex(({ prizeId }) => prizeId == _prizeId);
+    },
+    // 本次抽奖结束
+    handleDrawEnd() {
+      // 旋转结束后，开始处理拿到结果后的逻辑
+      let prize = this.prizeList[this.prizeIndex];
+
+      const { type, prizeImage, name, amount } = prize;
+      this.draw_log_id = this.prizeData.id;
+      this.results.name = name;
+      this.results.btn = '';
+      if (type == 1) {
+        // this.showAddress = true
+        this.results.btn = '填写地址';
+      }
+      this.results.goods = prizeImage;
+      this.show = true;
+      this.prizeing = false;
+      this.getLuckyLog();
+    },
+    // 抽奖转盘绘制完成
+    handleDrawFinish(res) {
+      let stoTimer = setTimeout(() => {
+        clearTimeout(stoTimer);
+        stoTimer = null;
+        uni.showToast({
+          title: res.msg,
+          mask: true,
+          icon: 'none',
+        });
+      }, 50);
+    },
+  },
+
+  onUnload() {
+    uni.hideLoading();
+    clearTimeout(this.timer);
+  },
+};
+</script>
+
+<style>
+page {
+  height: 100%;
+}
+</style>
+<style lang="scss" scoped>
+.bg {
+  // background-image: url('https://ystmp.oss-cn-beijing.aliyuncs.com/wechart/lucky/luckywheel.png');
+  background-size: 100% auto;
+  background-position: top;
+  background-repeat: no-repeat;
+}
+.bg-img {
+  background: url('https://ystmp.oss-cn-beijing.aliyuncs.com/wechart/lucky/btn.png') no-repeat;
+  background-size: 100% auto;
+}
+
+.opacity0 {
+  @apply opacity-60;
+}
+.opacity1 {
+  @apply opacity-80;
+}
+.opacity2 {
+  @apply opacity-100;
+}
+.opacity3 {
+  @apply opacity-80;
+}
+</style>
diff --git a/src/pages.json b/src/pages.json
index 1eafedf..c693451 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -593,6 +593,13 @@
           "enablePullDownRefresh": false,
           "navigationStyle": "default"
         }
+      },
+      {
+        "path": "lucky/index",
+        "style": {
+          "navigationBarTitleText": "活动",
+          "enablePullDownRefresh": false
+        }
       }
       ]
     }
diff --git a/src/pages/index/index.vue b/src/pages/index/index.vue
index 2076a4c..42a8816 100644
--- a/src/pages/index/index.vue
+++ b/src/pages/index/index.vue
@@ -553,7 +553,7 @@ export default {
       return this.bannerList[key] ?? [];
     },
     jumpByOption(e) {
-      const whiteRouter = ['/pages/user_sign/index', '/pageA/user_sign/index','/pages/points/swap'];
+      const whiteRouter = ['/pages/user_sign/index', '/pageA/user_sign/index','/pages/points/swap','/pageB/lucky/index'];
       const tabRouter = ['/pages/sort/index', '/pages/shop_cart/index', '/pages/healthy/index', '/pages/me/me'];
       if (!!e.jump_link) {
         if (e.jump_type == 1) {
diff --git a/src/pages/order_details/index.vue b/src/pages/order_details/index.vue
index 9db4c2d..c02c22a 100644
--- a/src/pages/order_details/index.vue
+++ b/src/pages/order_details/index.vue
@@ -206,7 +206,7 @@
       @confirm="receiptConfirm"
       confirm-color="#378264"
       show-cancel-button
-      content="确认收货后不能享受7天无理由退还货，是否确认收货？"
+      content="是否确认收货？"
     ></cu-modal>
   </view>
 </template>
diff --git a/src/pages/product_details/index.vue b/src/pages/product_details/index.vue
index 5bb2e71..5513611 100644
--- a/src/pages/product_details/index.vue
+++ b/src/pages/product_details/index.vue
@@ -641,8 +641,33 @@ export default {
     //sku改变
     onChangeSku(e) {
       this.skuId = e.sku_id;
-      this.getProducts();
+      this.getProdutsku();
     },
+    //、
+    async getProdutsku() {
+      try {
+        this.loading = true;
+        const resData = await this.$api.get(`/v1/product/sku/${this.skuId}`);
+        this.products = resData;
+    
+        if (resData?.sku?.is_bargaing) {
+          this.bargainOrderLog();
+        }
+        //动态修改导航栏
+        this.getTitle(resData.sku.name);
+        //保存图片到本地
+        this.getLocal(resData.sku.cover);
+      } catch (error) {
+        if (error != 404) {
+          this.isNull = true;
+        }
+        // console.log(error);
+      } finally {
+        this.loading = false;
+        this.isFirstLoading = false;
+      }
+    },
+    //、
     //收藏
     onCollection() {
       this.$u.throttle(async () => {