{"dependencies":[{"ETag":"8AD7F9AA6A315C801C52CAB2234E9976","name":"0.json","size":5480,"type":"json","url":"https://gw.alipayobjects.com/os/hetao101/71ad73b3-809e-48e0-b072-119c98a1bc46/herbox/0.json"}],"sourceCode":{"app.acss":"page {\n background-color: #F7F7F7;\n border: 1px solid rgba(0,0,0,0);\n box-sizing: border-box;\n}\n\n.page {\n font-family: -apple-system-font,Helvetica Neue,Helvetica,sans-serif;\n font-size: 24rpx;\n padding: 32rpx;\n flex: 1;\n}\n\n.page-description {\n margin-bottom: 32rpx;\n}\n\n.page-section {\n background: #fff;\n margin-bottom: 32rpx;\n}\n\n.page-section-title {\n padding: 16rpx 32rpx;\n}\n\n.page-section-demo {\n padding: 32rpx;\n}\n\n.page-section-btns {\n border-top: 1px solid #ddd;\n display: flex;\n justify-content: space-around;\n align-items: center;\n}\n\n.page-section-btns > view {\n flex: 1;\n height: 84rpx;\n display: flex;\n align-items: center;\n justify-content: space-around;\n color: #49a9ee;\n}\n.page-section-btns > view + view {\n border-left: 1px solid #ddd;\n}\n\nbutton {\n margin-top:20rpx;\n margin-bottom:20rpx;\n}\n\n.bc_blue {\n background-color: #49A9EE;\n}\n\n.bc_red {\n background-color: #F04134;\n}\n\n.bc_yellow {\n background-color: #FFBF00;\n}\n\n.bc_green {\n background-color: #00A854;\n}\n\n.form-row {\n display: flex;\n align-items: center;\n padding: 0 30rpx;\n height: 88rpx;\n align-items: center;\n}\n\n.form-row-label {\n width: 180rpx;\n font-size: 34rpx;\n margin-right: 10rpx;\n text-align: left;\n color: #000;\n}\n\n.form-row-content {\n flex: 1;\n font-size: 34rpx;\n}\n\n.form-line {\n height: 1px;\n background-color: #ddd;\n margin-left: 30rpx;\n}\n","app.js":"App({\n onLaunch(options) {\n console.log('app onLaunch: options: ', options);\n },\n onShow() {\n console.log('app onShow');\n },\n onHide() {\n console.log('app onHide');\n },\n onError(msg) {\n console.log('app OnError: ', msg);\n },\n globalData: 'I am global data',\n});\n","app.json":"{\n \"pages\": [\n \"flip-draw/index\"\n ],\n \"window\": {\n \"defaultTitle\": \"Demo\",\n \"enableWK\": \"YES\",\n \"enableDSL\": true\n }\n}\n","flip-draw/index.acss":".red {\n background-color: red;\n border-color: red;\n color: #fff;\n}\n\nbutton + button {\n margin-top: 32rpx;\n}\n\n.flip-card-bg {\n \n}","flip-draw/index.axml":"<view>\n <view class=\"page\">\n <view class=\"page-description\">我要玩翻牌抽奖</view>\n </view>\n <flipdraw\n prizeList=\"{{prizeList}}\"\n prizeName=\"{{prizeName}}\"\n isDrawing=\"{{isDrawing}}\"\n cardBgImg=\"{{cardBgImg}}\"\n flipAllCards=\"{{flipAllCards}}\"\n onFlipStart=\"onFlipStart\"\n cardNum=\"{{cardNum}}\"\n />\n <view class=\"page\">\n <view class=\"page-description\">翻牌抽奖</view>\n <view class=\"page-section\">\n <view class=\"page-section-demo\">\n <view class=\"page-section-text help-text\">玩法说明：页面上有 N 张卡牌，每张卡牌对应不同奖品，用户点击卡牌进行翻牌抽奖。</view>\n </view>\n </view>\n </view>\n</view>","flip-draw/index.js":"function randomsort(a, b) {\n return Math.random()>0.5 ? -1 : 1;\n}\n\nPage({\n data: {\n prizeList: [],\n successCard: {\n 'name': '666元红包', // 中奖情况\n 'icon': 'https://zos.alipayobjects.com/rmsportal/nxpXbcNBOmbeIOVCUsuS.png'\n },\n failCard: {\n 'name': '谢谢参与2', // 不中奖情况\n 'icon': 'https://zos.alipayobjects.com/rmsportal/dexmbhnbsLRGIZGBqTcA.png'\n },\n // 卡背图片\n cardBgImg: 'https://gw.alipayobjects.com/mdn/rms_dfc0fe/afts/img/A*kq0GQIWoOsgAAAAAAAAAAABkARQnAQ',\n prizeName: '',\n flipAllCards: false,\n isDrawing: false,\n cardNum: 9, // 画面显示多少个卡片，推荐 3, 6 , 9\n prizeListAwardsNumber: 9 // 配置有几个成功，最多就是 cardNum 个\n },\n onFlipStart() {\n this.setData({\n isDrawing: true,\n prizeList: this.getPrizeListByNum(this.data.prizeListAwardsNumber)\n });\n // 开始抽奖\n setTimeout(() => {\n const random = Math.random();\n if (random <= this.data.prizeListAwardsNumber / this.data.cardNum) {\n this.setData({\n prizeName: this.data.successCard.name, // 中奖的奖品名\n isDrawing: false,\n });\n } else {\n this.setData({\n isDrawing: false,\n });\n }\n setTimeout(() => {\n this.showResultDialog()\n }, 1000);\n }, 300);\n },\n // num 表示有几张成功\n getPrizeListByNum(num) {\n const res = new Array(this.data.cardNum);\n return res\n .fill(undefined)\n .map((_, index) => {\n if (index <= num -1) {\n return this.data.successCard\n }\n return this.data.failCard\n })\n .sort(randomsort)\n},\n showResultDialog() {\n if (this.data.prizeName) {\n my.showToast({\n type: 'success',\n content: `恭喜你获得 ${this.data.prizeName}`,\n });\n } else {\n my.showToast({\n type: 'fail',\n content: '很遗憾，您未中奖，请刷新再试',\n });\n }\n\n this.setData({\n flipAllCards: true,\n })\n }\n});","flip-draw/index.json":"{\n \"defaultTitle\": \"翻牌抽奖\",\n \"usingComponents\": {\n \"flipdraw\": \"ant-mini-flip-draw/component/index\"\n }\n}","package-lock.json":"{\n \"name\": \"flip-draw\",\n \"version\": \"1.0.0\",\n \"lockfileVersion\": 1,\n \"requires\": true,\n \"dependencies\": {\n \"ant-mini-flip-draw\": {\n \"version\": \"1.0.2\",\n \"resolved\": \"https://registry.npmjs.org/ant-mini-flip-draw/-/ant-mini-flip-draw-1.0.2.tgz\",\n \"integrity\": \"sha512-eID5N0P26Qh4/TEXJmeCHQY6CifFca/NrwsbyUWnKRpggRTin1I2dqBdUo2+Ho0W1xOSuCwmKtTif9hXb+Kk+Q==\"\n }\n }\n}\n","package.json":"{\n \"name\": \"flip-draw\",\n \"version\": \"1.0.0\",\n \"description\": \"\",\n \"main\": \"app.js\",\n \"scripts\": {\n \"pub\": \"echo \\\"Error: no test specified\\\" && exit 1\"\n },\n \"author\": \"\",\n \"license\": \"ISC\",\n \"dependencies\": {\n \"ant-mini-flip-draw\": \"^1.0.2\"\n },\n \"tnpm\": {\n \"mode\": \"yarn\",\n \"lockfile\": \"enable\"\n }\n}\n"},"dist":[{"ETag":"D7AF1E3ECB1796FF402615F735C08A9E","name":"0.json","size":91449,"type":"json","url":"https://gw.alipayobjects.com/os/hetao101/bb49954a-32cc-4017-acf3-a2526b914685/herbox/0.json"}],"name":"许博的作品","description":"","buildVersion":"0.72.5","preCompilerVersion":"0.4.0","component2":false}