1

taobao/api.js

-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const app = getApp();
-console.log('fuckapp',app)
 const { tbcc, cloudName, cloud, requestType } = app;
+
 const { utils: { generateAPI }, request: tbccRequest, capi } = tbcc;
-const apicfg_1 = require("./apicfg");
+
 const request = tbccRequest({
-    cloud,
-    cloudName,
-    requestType
+  cloud,
+  cloudName,
+  requestType
 });
+
 // api handle 列表
-const apiList = Object.assign(Object.assign({}, capi), apicfg_1.default);
+const apiList = {
+  ...capi,
+  getIndex: {
+    handle: 'index',
+    isShowLoading: true
+  },
+  login: 'login'
+};
+
 // 生成API
 const API = generateAPI(apiList, request);
-exports.default = API;
-//# sourceMappingURL=api.js.map
\ No newline at end of file
+
+export default API;

taobao/api.js.map

-{"version":3,"file":"api.js","sourceRoot":"","sources":["../../../../../src/packages/jsx2taobao/template/api/api.js"],"names":[],"mappings":";;AAAA,MAAM,GAAG,GAAG,MAAM,EAAE,CAAC;AACrB,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,GAAG,CAAC;AAEpD,MAAM,EAAE,KAAK,EAAE,EAAE,WAAW,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;AACpE,qCAA8B;AAC9B,MAAM,OAAO,GAAG,WAAW,CAAC;IAC1B,KAAK;IACL,SAAS;IACT,WAAW;CACZ,CAAC,CAAC;AAEH,gBAAgB;AAChB,MAAM,OAAO,mCACR,IAAI,GACJ,gBAAM,CACV,CAAC;AAEF,QAAQ;AACR,MAAM,GAAG,GAAG,WAAW,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;AAE1C,kBAAe,GAAG,CAAC"}
\ No newline at end of file

taobao/apicfg.js

-let projectId = window.CFG.projectId || '';
-
-const apiCfg = {
-    getRule:`/projectx/${projectId}/projectRule.query`,
-    getRule2:`/projectx/${projectId}/projectRule2.query`,
-    doJoin: {
-      uri: `/projectx/${projectId}/join.do`,
-      method: "post"
-    }
-}
-
-export default apiCfg;
\ No newline at end of file

taobao/app.acss

+page {
+  background: #f7f7f7;
+  font-family: 'Helvetica Neue', Helvetica, Hiragino Sans GB, 'Microsoft Yahei', STHeiTi, Arial, sans-serif;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+.d-flex {
+  display: flex
+}
+
+.d-flex__item {
+  flex: 1;
+}
+
+.d-flex--aligncenter {
+  align-items: center;
+}
+
+
+.modal-animate-fade-in {
+  opacity: 0;
+  animation: modalAnimateFadeIn .3s forwards;
+}
+
+.modal-animate-zoom-in {
+  transform: scale(0);
+  animation: modalAnimateZoomIn .3s forwards;
+}
+
+.modal-animate-fly-in {
+  transform: translateY(100%);
+  animation: modalAnimateFlyIn .3s forwards;
+}
+
+.btn-animate-pulse {
+  animation: btnAnimatePulse .8s infinite;
+}
+
+@keyframes modalAnimateFadeIn {
+  to {
+    opacity: 1;
+  }
+}
+
+@keyframes modalAnimateZoomIn {
+  to {
+    transform: scale(1);
+  }
+}
+
+@keyframes modalAnimateFlyIn {
+  to {
+    transform: translateY(0);
+  }
+}
+
+@keyframes btnAnimatePulse {
+  from {
+    transform: scale(1);
+  }
+  50% {
+    transform: scale(1.1);
+  }
+  to {
+    transform: scale(1);
+  }
+}
\ No newline at end of file

taobao/app.js

-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const mp_cloud_sdk_1 = require("@tbmp/mp-cloud-sdk");
-mp_cloud_sdk_1.default.init({
-    env: 'test' // 云函数环境 test 测试环境 online 线上环境
+import cloud from '@tbmp/mp-cloud-sdk';
+import tbcc from './tbcc-sdk';
+
+cloud.init({
+  env: 'test' // 云函数环境 test 测试环境 online 线上环境
 });
-const tbcc = require('./tbcc-sdk').default;
-console.log('fuck tbcc',tbcc)
+
 App({
-    tbcc,
-    requestType: 'cloud',
-    cloudName: '',
-    cloud: // 主云函数项目名
-    mp_cloud_sdk_1.default,
-    activityId: "",
-    onLaunch(options) {
-        this.handleQuery(options.query || {});
-    },
-    onShow(options) {
-        // 从后台被 scheme 重新打开
-    },
-    /**
-     * 处理链接参数
-     * @param {object} query 小程序链接上的参数
-     */
-    handleQuery(query) {
-        const { activityId } = query;
-        activityId && (this.activityId = activityId);
-    }
+  requestType: 'cloud', // ams：ams接口，cloud: 云函数
+  cloudName: 'skechRun', // 主云函数项目名 base clientTemplate2C
+  cloud,
+  tbcc,
+  onLaunch(options) {
+    this.handleQuery(options.query || {});
+  },
+  onShow(options) {
+    // 从后台被 scheme 重新打开
+  },
+  /**
+   * 处理链接参数
+   * @param {object} query 小程序链接上的参数
+   */
+  handleQuery(query) {
+    const { activityId } = query;
+    this.activityId = activityId || '5f4605629897b44ce119d8f1';
+  }
 });
-//# sourceMappingURL=app.js.map
\ No newline at end of file

taobao/app.json

-{"pages":["pages/pagefrontpage/pagefrontpage"],"window":{}}
\ No newline at end of file
+{
+  "pages": [
+    "pages/index/index",
+    "pages/testPage/testPage",
+    "pages/tbccDemo/tbccDemo",
+    "pages/myprize/myprize",
+    "pages/goodsPage/goodsPage"
+  ],
+  "window": {
+    "defaultTitle": "C端模板"
+  }
+}

taobao/assets/assets文件夹上线打包时请删除.md

+### 注意！
+
+assets文件夹只做本地开发测试使用
+
+因为淘宝打包有体积限制，最大不超过1M，所以打包提审请同步图片等资源到CDN上，然后删除assets文件夹再打包提审。
\ No newline at end of file

taobao/components/commonModal/commonModal.acss

+.common-modal {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 20;
+}
+.common-modal__shade {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: rgba(0, 0, 0, 0.75);
+}
+
+.common-modal__container {
+  position: absolute;
+  width: 500rpx;
+  height: 300rpx;
+  background: #4eafd7;
+  background-size: 100% 100%;
+  left: 50%;
+  top: 50%;
+  margin-left: -250rpx;
+  margin-top: -150rpx;
+  padding: 30rpx;
+}
+
+.common-modal__bd {
+  font-size: 28rpx;
+  text-align: center;
+  color: #fff;
+  padding: 50rpx 0;
+}
+
+.common-modal__close {
+  position: absolute;
+  right: -20rpx;
+  top: -80rpx;
+  height: 86rpx;
+  width: 86rpx;
+  background: url('../../assets/modal_close_btn.png') center center no-repeat;
+  background-size: 48rpx 48rpx;
+  z-index: 9;
+}
+
+
+.common-modal__confirm-btn {
+  margin: 0 auto;
+  text-align: center;
+  width: 341rpx;
+  height: 77rpx;
+  line-height: 77rpx;
+  background: #FFF;
+  background-size: 100% 100%;
+  font-size: 30rpx;
+  color: #0077a9;
+  font-weight: bold;
+}

taobao/components/commonModal/commonModal.axml

+<view class="common-modal">
+	<view class="common-modal__shade modal-animate-fade-in" />
+	<view class="common-modal__container modal-animate-zoom-in">
+		<view class="common-modal__close" onTap="onModalClose" />
+		<view class="common-modal__bd">
+			<text>{{data.content}}</text>
+    </view>
+		<view class="common-modal__ft" a:if="{{data.btnText}}">
+      <view onTap="onModalConfirm" class="common-modal__confirm-btn">{{data.btnText}}</view>
+    </view>
+	</view>
+</view>

taobao/components/commonModal/commonModal.js

+Component({
+  methods: {
+    onModalClose() {
+      const { onModalClose } = this.props;
+      onModalClose && onModalClose();
+    },
+    onModalConfirm () {
+      const { onModalConfirm } = this.props;
+      onModalConfirm && onModalConfirm();
+    }
+  }
+});
\ No newline at end of file

taobao/components/commonModal/commonModal.json

+{
+  "component": true
+}
\ No newline at end of file

taobao/components/comrulepanel/comrulepanel.acss

-.rulepanel {
-  top: 0rpx;
-  left: 0rpx;
-  width: 750rpx;
-  height: 1624rpx;
-  display: block;
-  position: absolute;
-}
-.rulepanel .image {
-  width: 300rpx;
-  height: 300rpx;
-  opacity: 1;
-  display: block;
-  left: 0rpx;
-  top: 0rpx;
-  position: absolute;
-  transform-origin: 0rpx 0rpx 0rpx;
-}

taobao/components/comrulepanel/comrulepanel.axml

-<view class="rulepanel">
-        <image class="image" src={{resList['eb602b5e-fd36-4968-bed0-ec786cd8e1c0'].url}} />
-      </view>
\ No newline at end of file

taobao/components/comrulepanel/comrulepanel.js

-'use strict';
-
-import resList from '../../resconfig/resList';
-Component({
-  props: {},
-  data: {},
-  methods: {},
-
-  onInit(props) {
-    this.setData(this.data || {
-      resList: resList
-    });
-  }
-
-});
\ No newline at end of file

taobao/components/comrulepanel/comrulepanel.json

-{
-  "component": true,
-  "usingComponents": {}
-}
\ No newline at end of file

taobao/components/countDownModal/countDownModal.acss

+.countdown {
+  position: fixed;
+  width: 144rpx;
+  height: 162rpx;
+  right: 0;
+  top: 600rpx;
+}
+.countdown-box-clock {
+    position: absolute;
+    top: 0;
+    left: 50%;
+    margin-left: -41rpx;
+    width: 82rpx;
+    height: 88rpx;
+    background-size: 100% 100%;
+    z-index: 10;
+}
+.countdown-box-clock__time {
+    position: absolute;
+    top: 5rpx;
+    left: 0;
+    width: 82rpx;
+    height: 88rpx;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+.countdown-box-clock image {
+    width: 100%;
+    height: 100%;
+}
+.countdown-box {
+  position: absolute;
+  width: 130rpx;
+  height: 18rpx;
+  border-radius: 10rpx;
+  border: 1px solid #a6fffe;
+  background: #111192;
+  box-shadow: 0 0 4rpx 1rpx #7fd5ff;
+  top: 25rpx;
+  bottom: 20rpx;
+  left: 0;
+  right: 0;
+  margin: auto;
+  overflow: hidden;
+  z-index: 11;
+}
+
+@keyframes countdownAnimation {
+  to {
+    transform: translateX(0);
+  }
+}
+
+.countdown-box .countdown-time {
+  height: 100%;
+  width: 100%;
+  background: linear-gradient(#3996f8, #19dffd);
+}
+
+.countdown-txt {
+  position: absolute;
+  width: 147rpx;
+  height: 91rpx;
+  bottom: 0rpx;
+  z-index: 1;
+}
+.countdown-txt image {
+    width: 100%;
+    height: 100%;
+}
+.countdown-txt__content {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    line-height: 25rpx;
+    color: #2A2A2A;
+    text-align: center;
+    font-size: 20rpx;
+}
+.countdown-txt .txt:first-child{
+    margin-top: 25rpx;
+}
+
+.countdown-two {
+  position: absolute;
+  width: 554rpx;
+  height: 104rpx;
+  left: 50%;
+  margin-left: -277rpx;
+  bottom: 70rpx;
+}
+.countdown-two-clock {
+  position: absolute;
+  right: -10rpx;
+  bottom: 10rpx;
+  width: 104rpx;
+  height: 95rpx;
+  z-index: 15;
+}
+.countdown-two-clock image {
+  width: 100%;
+  height: 100%;
+}
+.countdown-two-clock .countdown-box-clock__time {
+  position: absolute;
+  top: 5rpx;
+  left: 0;
+  width: 104rpx;
+  height: 95rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.countdown-two-clock .countdown-box{
+  position: absolute;
+  left: 0;
+  bottom: -20rpx;
+}
+.countdown-two-txt {
+  position: absolute;
+  right: 90rpx;
+  top: 5rpx;
+  width: 323rpx;
+  height: 60rpx;
+  z-index: 14;
+  background: url('//yun.dui88.com/taobaomini/clientCTest/count_bg_02@2x.png');
+  background-size: 100% 100%;
+  color: #2A2A2A;
+  text-align: center;
+  font-size: 20rpx;
+  line-height: 60rpx;
+}
+.countdown-two-txt image {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 14;
+}
+.countdown-two__content {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 323rpx;
+  height: 60rpx;
+  color: #2A2A2A;
+  text-align: center;
+  font-size: 20rpx;
+}
\ No newline at end of file

taobao/components/countDownModal/countDownModal.axml

+<view class="countdown" a:if="{{styleType == '01'}}">
+  <view class="countdown-box-clock">
+    <image mode="scaleToFill" src="{{data.clock_bg}}"/>
+    <view class="countdown-box-clock__time" style="{{{'color':data.countTxtColor,'fontSize':data.countTxtSize+'rpx'}}}">{{countTime}}</view>
+  </view>
+  <view class="countdown-box" style="{{{'height':data.progressHeight+'rpx','width':data.progressWidth+'rpx'}}}">
+    <view class="countdown-time" style="transform: translateX({{percent*10 -100}}%);animation: countdownAnimation {{countTime-percent}}s forwards linear;"></view>
+  </view>
+  <view class="countdown-txt">
+    <image mode="scaleToFill" src="{{data.textBg}}"/>
+    <view class="countdown-txt__content">
+      <view class="txt">{{data.text.split('\n')[0]}}</view>
+      <view class="txt">{{data.text.split('\n')[1]}}</view>
+    </view>
+  </view>
+</view>
+
+<view class="countdown-two" a:else>
+  <view class="countdown-two-clock">
+    <image mode="scaleToFill" src="{{data.clock_bg}}"/>
+    <view class="countdown-box-clock__time" style="{{{'color':data.countTxtColor,'fontSize':42+'rpx'}}}">{{countTime}}</view>
+  </view>
+  <view class="countdown-box" style="{{{'height':55+'rpx','width':490+'rpx'}}}">
+    <view class="countdown-time" style="transform: translateX({{percent*10 -100}}%);animation: countdownAnimation {{countTime-percent}}s forwards linear;"></view>
+  </view>
+  <view class="countdown-two-txt" style="{{{'background':`url(${data.textBg}) no-repeat`,'backgroundSize': '100% 100%'}}}">
+    {{data.text}}
+  </view>
+</view>

taobao/components/countDownModal/countDownModal.js

+/**
+ * data: {
+ *  text: //文案描述
+ *  textBg: //文案背景
+ *  progressWidth: //进度条宽
+ *  progressHeight: //进度条高
+ *  clock_bg: //时钟icon
+ *  countTxt: //时钟文案
+ *  countTxtColor: //时钟文字颜色
+ *  countTxtSize: //时钟文字大小
+ * }
+ *  usePercent: //已执行时长
+ *  countTime: //倒计时长
+ *  styleType: //样式（01——右对齐，02—底部）
+ */
+Component({
+  mixins: [],
+  data: {},
+  props: {
+    percent: 10,
+    usePercent:0,
+    countTime: 10,
+    styleType: '01',//browse_txt_bg count_bg_02
+    data: {
+      text: '浏览商品10s，获得任务奖励',
+      textBg: '//yun.dui88.com/taobaomini/clientCTest/count_bg_02@2x.png',
+      progressWidth:'130',
+      progressHeight:'18',
+      clock_bg: '//yun.dui88.com/taobaomini/clientCTest/clock@2x.png',
+      countTxt: '10',
+      countTxtColor: '#1CA4ED',
+      countTxtSize: '32'
+    }
+  },
+  didMount() { },
+  didUpdate() {},
+  didUnmount() { },
+  methods: {},
+});

taobao/components/countDownModal/countDownModal.json

+{
+  "component": true
+}
\ No newline at end of file

taobao/components/endModal/endModal.acss

+.end-modal-container {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    width: 100%;
+    min-height: 100vh;
+    /* background: url('//yun.dui88.com/taobaomini/clientCTest/end_bg@2x.png') no-repeat; */
+    background-size: 750rpx 1624rpx;
+    overflow: hidden;
+    z-index: 20;
+}
+.end-modal-container-content {
+    position: absolute;
+    width: 750rpx;
+    height: 480rpx;
+    top: 50%;
+    left: 0;
+    margin-top: -240rpx;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    align-items: center;
+}
+.end-modal-container-content__icon {
+    width: 478rpx;
+    height: 340rpx;
+}
+.end-modal-container-content__icon image {
+    width: 100%;
+    height: 100%;
+}
+.end-modal-container-content__desc {
+    font-size: 36rpx;
+    font-family: Source Han Sans CN;
+    font-weight: 400;
+    color: #ADADAD;
+}
\ No newline at end of file

taobao/components/endModal/endModal.axml

+<view class="end-modal-container" style="{{{'background':`url(${data.image.bg}) no-repeat`}}}">
+  <view class="end-modal-container-content">
+    <view class="end-modal-container-content__icon">
+      <image mode="scaleToFill" src="{{data.image.end_icon}}"/>
+    </view>
+    <view class="end-modal-container-content__desc">{{data.text}}</view>
+  </view>
+</view>
\ No newline at end of file

taobao/components/endModal/endModal.js

+Component({
+  mixins: [],
+  data: {},
+  props: {
+    data: {
+      image: {
+        bg: '//yun.dui88.com/taobaomini/clientCTest/end_bg@2x.png',
+        end_icon: '//yun.dui88.com/taobaomini/clientCTest/end_icon@2x.png',
+      },
+      text: '活动未开始'
+    }
+  },
+  didMount() {},
+  didUpdate() {},
+  didUnmount() {},
+  methods: {},
+});

taobao/components/endModal/endModal.json

+{
+  "component": true
+}
\ No newline at end of file

taobao/components/goodsModal/goodsModal.acss

+.goods-modal-container {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    width: 100%;
+    min-height: 100vh;
+    /* background: url('//yun.dui88.com/taobaomini/clientCTestgoods_bg@2x.png') no-repeat; */
+    background-size: 750rpx 1624rpx;
+    overflow: hidden;
+    z-index: 20;
+}
+.goods-modal-container__title {
+    width: 750rpx;
+    height: 120rpx;
+    margin: 29rpx 0 11rpx;
+}
+.goods-modal-container__banner {
+    width: 750rpx;
+    height: 400rpx;
+    margin-bottom: 30rpx;
+    background: #E1E1E1;
+}
+.goods-modal-container__content {
+    position: absolute;
+    top: 190rpx;
+    left: 0;
+    bottom: 0;
+    padding-top: 41rpx;
+    padding: 41rpx 25rpx 0;
+    width: 750rpx;
+    /* height: inherit; */
+}
+.goods-modal-container__scroll {
+    height: 100%;
+}
+.goods-modal-container__content-list {
+    width: 100%;
+    display: flex;
+    flex-wrap: wrap;
+}
+.goods-modal-container__content-item {
+    width: 340rpx;
+    height: 510rpx;
+    background: #fff;
+    margin-bottom: 20rpx;
+}
+.goods-modal-container__content-item:nth-child(even) {
+    margin-left: 20rpx;
+}
+.goods-modal-container__content-item__img {
+    width: 340rpx;
+    height: 340rpx;
+    background: #E1E1E1;
+}
+.goods-modal-container__content-item__img image {
+    width: 100%;
+    height: 100%;
+}
+.goods-modal-container__content-item__name {
+    margin: 25rpx 0 31rpx 21rpx;
+    width:310rpx;
+    height:60rpx;
+    font-size:24rpx;
+    font-family:PingFang SC;
+    font-weight:400;
+    color:rgba(24,24,24,1);
+    line-height:30rpx;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+}
+.goods-modal-container__content-item__price {
+    padding: 0 31rpx 0 24rpx;
+    display: flex;
+    justify-content: space-between;
+}
+.goods-modal-container__content-item__price-num {
+    font-size:32rpx;
+    font-family:PingFang SC;
+    font-weight:600;
+    color:rgba(255,42,0,1);
+}
+.goods-modal-container__content-item__price-num text {
+    font-size: 24rpx;
+    margin-right: 2rpx;
+}
+.goods-modal-container__content-item__price-collect {
+    width: 118rpx;
+    height: 31rpx;
+    background-size: 100% 100%;
+}
+.goods-modal-container__content-item__price-collect image {
+    width: 100%;
+    height: 100%;
+}
+.goods-modal-container__content-item__price-no-collect {
+    width: 30rpx;
+    height: 30rpx;
+}
+.goods-modal-container__content-item__price-no-collect image {
+    width: 100%;
+    height: 100%;
+}
+.goods-modal-timer {
+    width: 147rpx;
+    height: 223rpx;
+    position: absolute;
+    top: 502rpx;
+    right: 19rpx;
+    background: #eee;
+}
+.goods-modal-timer__clock {
+
+}
\ No newline at end of file

taobao/components/goodsModal/goodsModal.axml

+<view class="goods-modal-container" style="{{{'background':`url(${task.image.bg}) no-repeat`}}}">
+  <view a:if="{{task.type == '01'}}" 
+    style="{{{'background':`url(${task.image.title}) no-repeat`,'backgroundSize': '100% 100%'}}}" class="goods-modal-container__title"></view>
+  <view a:else class="goods-modal-container__banner" style="{{{'background':`url(${task.image.banner}) no-repeat`,'backgroundSize': '100% 100%','height':task.bannerHeight+'rpx'}}}"></view>
+  <view class="goods-modal-container__content" style="{{{'top':task.type == '02'?task.bannerHeight+'rpx':'149rpx'}}}">
+    <scroll-view scroll-y="{{true}}" class="goods-modal-container__scroll">
+      <view class="goods-modal-container__content-list">
+        <view class="goods-modal-container__content-item" a:for="{{goodsList}}" a:for-item="item">
+          <view class="goods-modal-container__content-item__img" data-item="{{item}}" onTap="goToGoodsDetail">
+            <image mode="scaleToFill" src="{{item.image}}"/>
+          </view>
+          <view class="goods-modal-container__content-item__name" style="{{{'color':task.color}}}">{{item.name}}</view>
+          <view class="goods-modal-container__content-item__price">
+            <view class="goods-modal-container__content-item__price-num"><text>¥</text>{{item.price}}</view>
+            <view a:if="{{task.taskType == 'collectGoods'}}"
+              data-item="{{item}}"
+              onTap="goToCollectGoods"
+              class="{{item.collected ? 'goods-modal-container__content-item__price-collect' : 'goods-modal-container__content-item__price-no-collect'}}"
+              >
+                <image mode="scaleToFill" src="{{item.collected?task.image.collect:task.image.no_collect}}"/>
+            </view>
+          </view>
+        </view>
+      </view>
+    </scroll-view>
+  </view>
+
+  <!-- 倒计时 -->
+  <count-down-modal a:if="{{isShowCountdown && task.taskType == 'browseGoods'}}" percent="{{percent}}" usePercent="{{usePercent}}" styleType="{{'01'}}" />
+</view>
\ No newline at end of file

taobao/components/goodsModal/goodsModal.js

+/**
+ * 任务类型（taskType）:collectGoods、orderGoods、browseGoods、exchangeCredits
+ */
+const app = getApp();
+const { tbcc } = app;
+const { openDetail, collectGoods, checkGoodsCollectedStatus } = tbcc.tb;
+
+Component({
+  mixins: [],
+  timer: null,
+  data: {
+    usePercent: 0, // 已进行的进度条
+    percent: 0,// 进度条
+    isShowCountdown: true, // 是否显示倒计时
+    isFlag: 1
+  },
+  props: {
+    isBackFlag: 0,
+    goodsList: [1,2,3],
+    task: {
+      itemId: '617724147979,617724563528,617300295119,614139753189',
+      taskType: 'browseGoods',
+      type: '02',
+      bannerHeight: 430,
+      image: {
+        bg: '//yun.dui88.com/taobaomini/clientCTest/goods_bg@2x.png',
+        banner: '//yun.dui88.com/taobaomini/clientCTest/goods_banner@2x.png',
+        title: '//yun.dui88.com/taobaomini/clientCTest/goods_title@2x.png',
+        collect: '//yun.dui88.com/taobaomini/clientCTest/goods_collection@2x.png',
+        no_collect: '//yun.dui88.com/taobaomini/clientCTest/collection_no_collect@2x.png',
+        img: '//yun.dui88.com/taobaomini/clientCTest/goods_img@2x.png',
+      },
+      color: '#181818'
+    },
+    onCompleteTask: () => {}
+  },
+  didMount() {
+    const { taskType } = this.props.task
+    this.setData({ isFlag: this.props.isBackFlag })
+    console.log(this.props.goodsList)
+    if(taskType == 'browseGoods') {
+      this.browseGoodsTimes()
+    }
+  },
+  didUpdate(prevProps,prevData) { 
+    if(prevData.isFlag && prevProps.isBackFlag != prevData.isFlag) {
+      console.log(3)
+      if(!this.timer) {
+        this.setData({ usePercent: this.data.percent })
+        this.browseGoodsTimes()
+        console.log(10 - this.usePercent)
+      }
+    }
+  },
+  didUnmount() {
+    clearTimeout(this.timer)
+  },
+  methods: {
+    /**
+     * 跳转商品详情页
+     */
+    async goToGoodsDetail(e) {
+      clearInterval(this.timer)
+      this.setData({
+        percent: this.data.usePercent,
+      })
+
+      const { itemId } = e.target.dataset.item
+      await openDetail(String(itemId))
+    },
+    /**
+     * 收藏商品
+     */
+    async goToCollectGoods(e) {
+      const { itemId, collected } = e.target.dataset.item
+      const { taskType } = this.props.task
+      if(collected) return;
+      let result = await collectGoods(itemId)
+      if(result) {
+        this.props.onCompleteTask(taskType, itemId)
+      }
+    },
+    /**
+     * 浏览商品倒计时
+     */
+    browseGoodsTimes() {
+      const { taskType } = this.props.task
+
+      this.timer = setInterval(() => {
+        this.setData({
+          usePercent: this.data.usePercent + 1
+        }, () => {
+          if (this.data.usePercent >= 10) {
+            console.log(this.data.usePercent)
+            this.props.onCompleteTask(taskType)
+            clearInterval(this.timer)
+          }
+        })
+      },1000)
+    }
+  },
+});

taobao/components/goodsModal/goodsModal.json

+{
+  "component": true,
+  "usingComponents": {
+    "count-down-modal": "/components/countDownModal/countDownModal"
+  }
+}
\ No newline at end of file

taobao/components/logisticsModal/logisticsModal.acss

+@keyframes modalAnimation {
+  to {
+    opacity: 1;
+  }
+}
+
+.logistics-modal-container {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(0, 0, 0, 0.7);
+  z-index: 20;
+  opacity: 0;
+  animation: modalAnimation .3s forwards;
+}
+
+@keyframes containerAnimation {
+  to {
+    transform: scale(1)
+  }
+}
+
+.logistics-modal-container__content {
+  width: 646rpx;
+  height: 244rpx;
+  padding: 0 46rpx;
+  position: absolute;
+  left: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  margin: auto;
+  display: flex;
+  align-items: center;
+  transform: scale(0);
+  animation: containerAnimation .3s forwards;
+}
+
+.logistics-modal-container__close {
+  position: absolute;
+  right: -10rpx;
+  top: -70rpx;
+  height: 48rpx;
+  width: 48rpx;
+  background: url("//yun.duiba.com.cn/taobaomini/aupresViva/tc_close.png") no-repeat;
+  background-size: 100% 100%;
+}
+
+.logistics-modal-container__content-item {
+  border-radius: 10rpx;
+  display: flex;
+}
+
+.logistics-modal-container__content-left {
+  width: 144rpx;
+  height: 144rpx;
+  background: rgba(244, 244, 244, 1);
+}
+
+.logistics-modal-container__content-left image {
+  width: 100%;
+  height: 100%;
+}
+
+.logistics-modal-container__content-right {
+  height: 144rpx;
+  margin-left: 24rpx;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  font-size: 20rpx;
+  color: #959595;
+  flex: 1;
+  overflow: hidden;
+  white-space: nowrap;
+}
+
+.logistics-modal-container__content-name {
+  font-size: 28rpx;
+  color: rgba(51, 51, 51, 1);
+}
+
+.logistics-modal-container__content-desc {
+  font-size: 20rpx;
+}
+
+.logistics-modal-container__content-ids {
+  margin-bottom: 20rpx;
+}
+
+.logistics-modal-container__content-copy {
+  display: flex;
+  align-items: center;
+  height: 30rpx;
+}
+
+.logistics-modal-container__content-copy__code {
+  font-size: 20rpx;
+}
+
+.logistics-modal-container__content-copy__img {
+  width: 20rpx;
+  height: 20rpx;
+  background-size: 100% 100%;
+  margin-left: 20rpx;
+}
\ No newline at end of file

taobao/components/logisticsModal/logisticsModal.axml

+<view class="logistics-modal-container">
+  <view class="logistics-modal-container__content" 
+  style="{{prizeItem.shipStatus == 3 ?`background: url(${task.shipped}) no-repeat;background-size: 100% 100%;`
+  :`background: url(${task.notShipped}) no-repeat;background-size: 100% 100%;`}}">
+    <view class="logistics-modal-container__close" onTap="closeModal"></view>
+    <view class="logistics-modal-container__content-item">
+      <view class="logistics-modal-container__content-left">
+        <image mode="scaleToFill" src="{{prizeItem.image}}"/>
+      </view>
+      <view class="logistics-modal-container__content-right">
+        <view class="logistics-modal-container__content-name">{{prizeItem.name}}</view>
+        <view class="logistics-modal-container__content-copy">
+          <view class="logistics-modal-container__content-copy__code">奖品编码：{{prizeItem._id}}</view>
+          <view class="logistics-modal-container__content-copy__img" onTap="copyPrizeId"></view>
+        </view>
+        <view class="logistics-modal-container__content-desc">{{prizeItem.shipStatus== 3?'发货状态：已发货':'发货状态：未发货'}}</view>
+        <view class="logistics-modal-container__content-desc" a:if="{{prizeItem.shipStatus == 2}}">温馨提示：奖品将在活动结束7天内陆续发出</view>
+        <view class="logistics-modal-container__content-copy" a:else>
+          <view class="logistics-modal-container__content-copy__code">{{'物流单号：'+prizeItem.shipNum}}</view>
+          <view class="logistics-modal-container__content-copy__img" style="{{`background: url(${task.copyIcon}) no-repeat;background-size: 100% 100%;`}}" onTap="copyCode"></view>
+        </view>
+      </view>
+    </view>
+  </view>
+</view>
\ No newline at end of file

taobao/components/logisticsModal/logisticsModal.js

+const app = getApp();
+const { tbcc } = app;
+const { commonToast } = tbcc.tb;
+
+Component({
+  mixins: [],
+  data: {},
+  props: {
+    prizeItem: {},
+    onCloseModal: () => { },
+    task: {
+      shipped: '',
+      notShipped: '',
+    }
+  },
+  didMount() { },
+  didUpdate() { },
+  didUnmount() { },
+  methods: {
+    closeModal() {
+      this.props.onCloseModal()
+    },
+
+    //复制运单号
+    copyCode() {
+      let { shipNum } = this.props.prizeItem
+      my.setClipboard({
+        text: shipNum + '',
+        success: () => {
+          commonToast('复制成功')
+        }
+      });
+    },
+    copyPrizeId() {
+      let { _id } = this.props.prizeItem
+      my.setClipboard({
+        text: _id + '',
+        success: () => {
+          commonToast('复制成功')
+        }
+      });
+    }
+  },
+});

taobao/components/logisticsModal/logisticsModal.json

+{
+  "component": true
+}
\ No newline at end of file

taobao/components/prizeModal/prizeModal.acss

+.my-prize-page {
+  width: 100vw;
+  height: 100vh;
+  opacity: 1;
+  position: absolute;
+  top: 0;
+  left: 0;
+  overflow: hidden;
+  /* background: url('') no-repeat center top/cover; */
+}
+
+.my-prize-page .my-prize-wrap {
+  width: 100%;
+  height: 100%;
+  overflow: auto;
+}
+
+.my-prize-page .my-prize-label {
+  width: 208rpx;
+  height: 36rpx;
+  margin: 140rpx auto 40rpx;
+  background: url('//yun.dui88.com/duiba-components-c-myprizeprize_title.png') no-repeat;
+  background-size: 100% 100%;
+}
+
+.my-prize-page .my-prize-list {
+  width: 100%;
+  height: auto;
+}
+
+.my-prize-page .my-prize-empty {
+  text-align: center;
+  color: #fff;
+  margin-top: 30rpx;
+}
+
+.my-prize-page .my-prize-item {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 0 28rpx 0 26rpx;
+  margin: 0 auto 24rpx;
+  position: relative;
+  box-sizing: border-box;
+  width: 700rpx;
+  height: 161rpx;
+  background-color: #ffffff;
+  box-shadow: 2rpx 3rpx 18rpx 0 rgba(230, 146, 255, 0.6);
+  border-radius: 10rpx;
+  box-sizing: border-box;
+}
+
+.my-prize-page .my-prize-item .my-prize-avatar {
+  width: 120rpx;
+  height: 120rpx;
+}
+
+.my-prize-page .my-prize-item .my-prize-content {
+  flex: 1;
+  min-width: 0;
+  padding: 0 20rpx;
+  display: flex;
+  flex-direction: column;
+  height: 130rpx;
+}
+
+.my-prize-page .my-prize-item .my-prize-subtitle {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.my-prize-page .my-prize-item .my-prize-copy {
+  width: 20rpx;
+  height: 20rpx;
+  margin-left: 18rpx;
+}
+
+.my-prize-page .my-prize-item .prize-status {
+  width: 150rpx;
+  height: 41rpx;
+}
+
+.prize-status>image {
+  width: 100%;
+  height: 100%;
+}
+
+.my-prize-page .my-prize-item .my-prize-name {
+  width: 100%;
+  font-size: 28rpx;
+  color: #2d2d2d;
+  letter-spacing: -1rpx;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.my-prize-page .my-prize-item .my-prize-tip {
+  margin-top: 8rpx;
+  font-size: 20rpx;
+  line-height: 20rpx;
+  letter-spacing: 0;
+  color: #8a8a8a;
+}
+
+.my-prize-page .my-prize-item .my-prize-code {
+  width: 290rpx;
+  font-family: PingFangSC-Regular;
+  font-size: 20rpx;
+  color: #8a8a8a;
+  letter-spacing: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
\ No newline at end of file

taobao/components/prizeModal/prizeModal.axml

+<view class="my-prize-page" style="{{{'background':`url(${task.image.bg}) no-repeat center top/cover`}}}">
+  <view class="my-prize-wrap">
+    <view class="my-prize-label"></view>
+    <view class="my-prize-list" a:if="{{myPrizeList && myPrizeList.length > 0}}">
+      <view class="my-prize-item" a:for="{{myPrizeList}}">
+        <image class="my-prize-avatar" src="{{item.image}}"/>
+        <view class="my-prize-content">
+          <label class="my-prize-name">{{item.name}}</label>
+          <view class="my-prize-subtitle">
+            <label class="my-prize-code">奖品编码：{{item._id}}</label>
+            <!-- 复制按钮 -->
+            <image class="my-prize-copy" data-text="{{item._id}}" onTap="handleCopyId" src="{{task.image.copyIcon}}" />
+          </view>
+          <view class="my-prize-tip" a:if="{{item.drawStatus === PRIZE_DRAW_STATUS_MAPPRIZE_DRAW_STATUS_MAP.FAILURE}}">{{item.remark}}</view>
+          <view class="my-prize-tip" a:if="{{item.drawStatus === PRIZE_DRAW_STATUS_MAP.REPEAT || (item.drawStatus === PRIZE_DRAW_STATUS_MAP.RECEIVE)}}">请于{{endTime}}前领取</view>
+          <view class="my-prize-tip" a:if="{{item.drawStatus === PRIZE_DRAW_STATUS_MAP.FINISHED }}">奖品已过期失效</view>
+        </view>
+        <view class="prize-status" style="{{task.btnStyle}}">
+          <!-- 未领取 -->
+          <block a:if="{{item.drawStatus===PRIZE_DRAW_STATUS_MAP.RECEIVE}}">
+            <!-- 实物填写地址 -->
+            <image a:if="{{item.type === PRIZE_TYPE_MAP.ENTITY}}" onTap="handleClick" data-item="{{item}}" src="{{task.image.addressBth}}" />
+            <!-- 优惠券立即领取 -->
+            <image  a:else onTap="handleClick" data-item="{{item}}" src="{{task.image.getBth}}" />
+          </block>
+          <!-- 已领取 -->
+          <block a:if="{{item.drawStatus===PRIZE_DRAW_STATUS_MAP.SUCCESS}}">
+            <!-- 实物查看物流 -->
+            <image a:if="{{item.type === PRIZE_TYPE_MAP.ENTITY}}" onTap="handleView" data-item="{{item}}" src="{{task.image.logisticsBth}}" />
+            <!-- 优惠券去使用 -->
+            <image  a:else onTap="handleTouse" data-item="{{item}}" src="{{task.image.useBtn}}" />
+          </block>
+          <!-- 重新领取 -->
+          <image a:if="{{item.drawStatus===PRIZE_DRAW_STATUS_MAP.REPEAT}}" onTap="handleClick" data-item="{{item}}" src="{{task.image.getAgainBtn}}" />
+          <!-- 已失效 -->
+          <image a:if="{{item.drawStatus===PRIZE_DRAW_STATUS_MAP.FINISHED}}" src="{{task.image.invalidBtn}}" />
+          <!-- 领取失败 -->
+          <image a:if="{{item.drawStatus===PRIZE_DRAW_STATUS_MAP.FAILURE}}" src="{{task.image.failBth}}" />
+        </view>
+      </view>
+    </view>
+    <view a:if="{{myPrizeList && myPrizeList.length === 0}}" class="my-prize-empty">暂无奖品</view>
+  </view>
+  <logistics-modal a:if="{{isLogistic}}" prizeItem="{{currentPrize}}" onCloseModal="closeLogisticModal" task="{{task.logisticsImage}}"/>
+</view>
\ No newline at end of file

taobao/components/prizeModal/prizeModal.js

+
+const app = getApp();
+const { tbcc } = app;
+const { commonToast, navigateToOutside, getUserAddress, setClipboard } = tbcc.tb;
+const { PRIZE_TYPE_MAP, PRIZE_DRAW_STATUS_MAP } = tbcc.constants;
+Component({
+  mixins: [],
+  data: {
+    PRIZE_TYPE_MAP,
+    PRIZE_DRAW_STATUS_MAP,
+    currentPrize: {},
+    isLogistic: false,
+  },
+  props: {
+    myPrizeList: null, //我的奖品
+    endTime: null,//到期时间
+    task: {
+      image: {},
+      logisticsImage: {},
+      btnStyle: {}
+    }
+  },
+  didMount() { },
+  didUpdate() { },
+  didUnmount() { },
+  methods: {
+    //领取奖品
+    handleClick(e) {
+      this.props.onHandleClick(e)
+    },
+    // 复制编码
+    handleCopyId(e) {
+      const { text } = e.target.dataset || {}
+      setClipboard({ text })
+      console.log(text)
+      commonToast('复制成功')
+    },
+    // 去使用
+    handleTouse(e) {
+      const { item } = e.target.dataset;
+      navigateToOutside(item.useUrl)
+    },
+    //查看物流
+    handleView(e) {
+      let { item } = e.target.dataset
+      this.setData({ currentPrize: item, isLogistic: true })
+    },
+    /**
+    * 关闭物流弹窗
+    */
+    closeLogisticModal() {
+      this.setData({ isLogistic: false })
+    },
+  },
+});

taobao/components/prizeModal/prizeModal.json

+{
+  "component": true,
+  "usingComponents": {
+    "logistics-modal": "/components/logisticsModal/logisticsModal"
+  }
+}
\ No newline at end of file

taobao/components/ruleModal/ruleModal.acss

+.rule-modal {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 20;
+}
+
+.rule-modal__shade {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: rgba(0, 0, 0, 0.75);
+}
+
+.rule-modal__container {
+  position: absolute;
+  width: 500rpx;
+  height: 600rpx;
+  background: #4eafd7;
+  background-size: 100% 100%;
+  left: 50%;
+  top: 50%;
+  margin-left: -250rpx;
+  margin-top: -300rpx;
+}
+
+.rule-modal__bd {
+  position: absolute;
+  top: 40rpx;
+  left: 40rpx;
+  right: 40rpx;
+  bottom: 40rpx;
+  overflow-x: hidden;
+  font-size: 24rpx;
+  color: #fff;
+  line-height: 1.5;
+}
+
+.rule-modal__close {
+  position: absolute;
+  right: -20rpx;
+  top: -80rpx;
+  height: 86rpx;
+  width: 86rpx;
+  background: url('../../assets/modal_close_btn.png') center center no-repeat;
+  background-size: 48rpx 48rpx;
+  z-index: 9;
+}

taobao/components/ruleModal/ruleModal.axml

+<view class="rule-modal">
+	<view class="rule-modal__shade modal-animate-fade-in" />
+	<view class="rule-modal__container modal-animate-zoom-in">
+		<view class="rule-modal__close" onTap="onModalClose" />
+		<view class="rule-modal__bd">
+			<slot />
+		</view>
+	</view>
+</view>

taobao/components/ruleModal/ruleModal.js

+Component({
+  methods: {
+    onModalClose() {
+      const { onModalClose } = this.props;
+      onModalClose && onModalClose();
+    }
+  }
+});
\ No newline at end of file

taobao/components/ruleModal/ruleModal.json

+{
+  "component": true
+}

taobao/node_modules/@tbmp/mp-cloud-sdk/package.json

 {
   "_args": [
     [
-      "@tbmp/mp-cloud-sdk@1.4.2",
-      "/Users/wanghongyuan/hello_taobao/taobao"
+      "@tbmp/mp-cloud-sdk@1.3.4",
+      "/Users/wanghongyuan/helloclient"
     ]
   ],
-  "_from": "@tbmp/mp-cloud-sdk@1.4.2",
-  "_id": "@tbmp/mp-cloud-sdk@1.4.2",
+  "_from": "@tbmp/mp-cloud-sdk@1.3.4",
+  "_id": "@tbmp/mp-cloud-sdk@1.3.4",
   "_inBundle": false,
-  "_integrity": "sha1-/49BtdDaNJ6H9+f9DDBMPgt/BbQ=",
+  "_integrity": "sha1-+1HCYryYfVc0kze0SOWv1oL6xgk=",
   "_location": "/@tbmp/mp-cloud-sdk",
   "_phantomChildren": {},
   "_requested": {
     "type": "version",
     "registry": true,
-    "raw": "@tbmp/mp-cloud-sdk@1.4.2",
+    "raw": "@tbmp/mp-cloud-sdk@1.3.4",
     "name": "@tbmp/mp-cloud-sdk",
     "escapedName": "@tbmp%2fmp-cloud-sdk",
     "scope": "@tbmp",
-    "rawSpec": "1.4.2",
+    "rawSpec": "1.3.4",
     "saveSpec": null,
-    "fetchSpec": "1.4.2"
+    "fetchSpec": "1.3.4"
   },
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://registry.npm.taobao.org/@tbmp/mp-cloud-sdk/download/@tbmp/mp-cloud-sdk-1.4.2.tgz",
-  "_spec": "1.4.2",
-  "_where": "/Users/wanghongyuan/hello_taobao/taobao",
+  "_resolved": "https://registry.npm.taobao.org/@tbmp/mp-cloud-sdk/download/@tbmp/mp-cloud-sdk-1.3.4.tgz",
+  "_spec": "1.3.4",
+  "_where": "/Users/wanghongyuan/helloclient",
   "author": "",
   "description": "",
-  "gitHead": "c074f811312aea20c97a289aa9ac785e72de2368",
+  "gitHead": "1dff694baa0d0714e10794820a1df4806c19eebb",
   "license": "ISC",
   "main": "index.js",
   "name": "@tbmp/mp-cloud-sdk",
@@ -41,5 +41,5 @@
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "types": "./types/platforms/mp/index.d.ts",
-  "version": "1.4.2"
+  "version": "1.3.4"
 }

taobao/node_modules/@tbmp/mp-cloud-sdk/types/core/openApi/client/application.d.ts

-import {ICloudService} from "../../interface/cloudService";
-
-export default class Application extends ICloudService {
-
-  httpRequest(options: {path: string, params?: any, body?: any, headers?: any, method?: string, exts?: any}): Promise<any>;
-  
-}

taobao/node_modules/@tbmp/mp-cloud-sdk/types/platforms/mp/index.d.ts

@@ -6,7 +6,6 @@ import Db from '../../core/db';
 import Top from '../../core/openApi/client/top';
 import Qimen from '../../core/openApi/client/qimen';
 import Process from '../../core/openApi/client/process';
-import Application from '../../core/openApi/client/application';
 
 export declare class Cloud {
   function: CloudFunction;
@@ -15,7 +14,6 @@ export declare class Cloud {
   topApi: Top;
   qimenApi: Qimen;
   processApi: Process;
-  application: Application;
 
   init(options: ICloudOptions, proxy?: IProxy): Promise<boolean>;
 }

taobao/package-lock.json

 {
-    "version": "1.0.0",
-    "lockfileVersion": 1,
-    "requires": true,
-    "dependencies": {
-        "@tbmp/mp-cloud-sdk": {
-            "version": "1.4.2",
-            "resolved": "https://registry.npm.taobao.org/@tbmp/mp-cloud-sdk/download/@tbmp/mp-cloud-sdk-1.4.2.tgz",
-            "integrity": "sha1-/49BtdDaNJ6H9+f9DDBMPgt/BbQ="
-        }
+  "version": "1.0.0",
+  "lockfileVersion": 1,
+  "requires": true,
+  "dependencies": {
+    "@tbmp/mp-cloud-sdk": {
+      "version": "1.3.4",
+      "resolved": "https://registry.npm.taobao.org/@tbmp/mp-cloud-sdk/download/@tbmp/mp-cloud-sdk-1.3.4.tgz",
+      "integrity": "sha1-+1HCYryYfVc0kze0SOWv1oL6xgk="
     }
+  }
 }

taobao/package.json

 {
-    "name": "",
-    "version": "1.0.0",
-    "main": "",
-    "license": "MIT",
-    "dependencies": {
-        "@tbmp/mp-cloud-sdk": "^1.3.8"
-    }
+  "name": "",
+  "version": "1.0.0",
+  "main": "",
+  "license": "MIT",
+  "dependencies": {
+    "@tbmp/mp-cloud-sdk": "*"
+  }
 }

taobao/pages/goodsPage/goodsPage.axml

+<view class="goodsPage">
+  <goods-modal 
+    isBackFlag="{{isBackFlag}}" 
+    goodsList="{{goodsList}}"
+    task="{{task}}"
+    onCompleteTask="onCompleteTask" />
+</view>
\ No newline at end of file

taobao/pages/goodsPage/goodsPage.js

+/**
+   * 任务类型（taskType）:collectGoods、orderGoods、browseGoods、exchangeCredits
+   * task: {
+   *  itemId: //商品ID
+   *  taskType: //任务类型
+   *  type: //头部样式（02——banner，01——标题）
+   *  image: {//图片
+   *    bg: //集合页背景
+   *    banner: //头部banner
+   *    title: //头部title
+   *    collect: //商品以收藏
+   *    no_collect: //商品未收藏
+   *  }
+   *  color: //商品名称：文字颜色
+   * }
+ */
+const app = getApp();
+const { tbcc } = app;
+const { openDetail, collectGoods, checkGoodsCollectedStatus, commonToast } = tbcc.tb;
+import API from '../../api';
+
+Page({
+  data: {
+    query: {},
+    task: {},
+    isBackFlag: 1,
+    goodsList: []
+  },
+  onLoad(query) {
+    this.query = query || {}
+    this.init()
+  },
+  onShow() {
+    //重新回到页面开启倒计时
+    this.setData({ isBackFlag: Math.floor((Math.random() * 100)) == this.data.isBackFlag ? 101 : Math.floor((Math.random() * 100)) })
+  },
+  init() {
+    const { itemId, taskType } = this.query
+    this.setData({
+      task: {
+        itemId,
+        taskType: 'browseGoods',
+        type: '01',
+        image: {
+          bg: '//yun.dui88.com/taobaomini/clientCTest/goods_bg@2x.png',
+          banner: '//yun.dui88.com/taobaomini/clientCTest/goods_banner@2x.png',
+          title: '//yun.dui88.com/taobaomini/clientCTest/goods_title@2x.png',
+          collect: '//yun.dui88.com/taobaomini/clientCTest/goods_collection@2x.png',
+          no_collect: '//yun.dui88.com/taobaomini/clientCTest/collection_no_collect@2x.png',
+          img: '//yun.dui88.com/taobaomini/clientCTest/goods_img@2x.png',
+        },
+        color: '#181818'
+      }
+    })
+    this.initPage()
+  },
+  async initPage() {
+    const { activityId } = app
+    const { taskType, itemIds } = this.query
+    let goodsList = [
+      {
+        image: '',
+        name: '商品名商品名商品名商品名商品名商品名商品名商品商品',
+        price: '388',
+        itemId: 617724147979,
+        collected: false
+      },
+      {
+        image: '',
+        name: '商品名商品名商品名商品名商品名商品名商品名商品商品',
+        price: '388',
+        collected: true,
+        itemId: 617724563528,
+      },
+      {
+        image: '',
+        name: '商品名商品名商品名商品名商品名商品名商品名商品商品',
+        price: '388',
+        collected: false,
+        itemId: 617300295119,
+      },
+      {
+        image: '',
+        name: '商品名商品名商品名商品名商品名商品名商品名商品商品',
+        price: '388',
+        collected: true,
+        itemId: 614139753189,
+      },
+      {
+        image: '',
+        name: '商品名商品名商品名商品名商品名商品名商品名商品商品',
+        price: '388',
+        itemId: 617724147979,
+      },
+    ]
+
+    this.setData({ goodsList })
+
+    let handel = taskType == 'collectGoods' ? 'getCollectItemList' : 'getItemListByItemIds'
+    const { success, data } = await API[handel]({ activityId, itemIds }).catch(res => {
+      res && commonToast(res)
+    }) || {}
+    if(success) {
+       this.setData({ goodsList: data || [] })
+    }
+  },
+  //任务完成
+  async onCompleteTask(taskType,itemId) {
+    console.log(taskType,itemId)
+    const { activityId } = app
+    switch(taskType) {
+      case 'collectGoods':
+        let { success, data } = await API.doCollectGoodsTask({ activityId, taskType, itemId }).catch(res => {
+          res && commonToast(res)
+        }) || {}
+        if(success) {
+          this.initPage()
+        }
+        break;
+      case 'browseGoods':
+        let browsResult = await API.doCollectGoodsTask({ activityId, taskType, itemId }).catch(res => {
+          res && commonToast(res)
+        }) || {}
+        console.log(browsResult)
+        if(browsResult.success) {
+          commonToast('任务完成，请到任务中心查看奖励')
+        }
+        break;
+    }
+  }
+});

taobao/pages/goodsPage/goodsPage.json

+{
+  "usingComponents": {
+    "goods-modal": "/components/goodsModal/goodsModal"
+  }
+}
\ No newline at end of file

taobao/pages/index/index.acss

+.index-page {
+  min-height: 100vh;
+}
+
+.index-rule-btn, .index-myprize-btn {
+  position: absolute;
+  top: 30rpx;
+  width: 126rpx;
+  height: 48rpx;
+  line-height: 48rpx;
+  font-size: 22rpx;
+  background: rgba(0, 0, 0, 0.8);
+  color: #FFF;
+  text-align: center;
+  
+  z-index: 5;
+}
+
+.index-rule-btn {
+  left: 0;
+  border-radius: 0 48rpx 48rpx 0;
+}
+
+.index-myprize-btn {
+  right: 0;
+  border-radius: 48rpx 0 0 48rpx;
+}
+
+
+.index-page__title {
+  font-size: 50rpx;
+  text-align: center;
+  padding: 100rpx 0 50rpx 0;
+}
+
+.index-page__content {
+  text-align: center;
+  font-size: 30rpx;
+}
+
+.index-page__tips {
+  padding-top: 40rpx;
+  text-align: center;
+  font-size: 22rpx;
+}
+
+.index-start-btn {
+  background: #0077a9;
+  color: #FFF;
+  width: 300rpx;
+  height: 80rpx;
+  line-height: 80rpx;
+  text-align: center;
+  border-radius: 10rpx;
+  margin: 100rpx auto 50rpx auto;
+  font-size: 30rpx;
+}
+
+.index-tbcc-btn {
+  background: #0077a9;
+  color: #FFF;
+  width: 300rpx;
+  height: 80rpx;
+  line-height: 80rpx;
+  text-align: center;
+  border-radius: 10rpx;
+  margin: 0 auto;
+  font-size: 30rpx;
+}
+
+.index-link-btn {
+  text-align: center;
+  color: #333;
+  font-size: 26rpx;
+}
\ No newline at end of file

taobao/pages/index/index.axml

+<view class="index-page">
+  <view class="index-rule-btn" onTap="showRuleModal">活动规则</view>
+  <navigator open-type="navigate" url="/pages/myprize/myprize" class="index-myprize-btn">我的奖品</navigator>
+  <view class="index-page__title">{{title}}</view>
+  <view class="index-page__content">{{content}}</view>
+  <view class="index-page__tips">AM接口只支持PC端预览，手机淘宝预览需要使用云函数模式</view>
+  <view class="index-start-btn" onTap="doStart">开始</view>
+  <navigator open-type="navigate" url="/pages/tbccDemo/tbccDemo" class="index-tbcc-btn">tbcc demo</navigator>
+</view>
+
+
+<rule-modal a:if="{{ruleModalVisible}}" onModalClose="closeRuleModal"><text>{{rule}}</text></rule-modal>
+
+<common-modal a:if="{{commonModalVisible}}" data="{{commonModalData}}" onModalClose="closeCommonModal" onModalConfirm="confirmCommonModal" />
+
+<end-modal a:if="{{false}}" />
\ No newline at end of file

taobao/pages/index/index.js

+const app = getApp();
+const { tbcc } = app;
+const { SHARE_CONFIG, REDIRECT_URL } = tbcc.constants;
+import API from '../../api';
+const { commonToast, getAuthUserInfo, navigateToOutside } = tbcc.tb;
+
+Page({
+  data: {
+    title: '',
+    content: '',
+    rule: '',
+    commonModalData: {
+      content: '',
+      btnText: ''
+    },
+    commonModalConfirm: null,
+    commonModalVisible: false,
+    ruleModalVisible: false
+  },
+  onLoad(query) {
+    // 页面加载
+    this.getAuth();
+    console.info(`Page onLoad with query: ${JSON.stringify(query)}`);
+  },
+  init() {
+    this.getIndex();
+  },
+  onReady() {
+    // 页面加载完成
+  },
+  onShow() {
+    // 页面显示
+  },
+  onHide() {
+    // 页面隐藏
+  },
+  onUnload() {
+    // 页面被关闭
+  },
+  onTitleClick() {
+    // 标题被点击
+  },
+  onPullDownRefresh() {
+    // 页面被下拉
+  },
+  onReachBottom() {
+    // 页面被拉到底部
+  },
+  /**
+   * 获取用户授权信息
+   */
+  async getAuth() {
+    const userInfo = await getAuthUserInfo().catch(err => {
+      console.log('未授权成功', err);
+    });
+    if (userInfo) {
+      console.log('userInfo', userInfo);
+      const { nickName, avatar } = userInfo;
+      app.nickName = nickName;
+      app.avatar = avatar;
+      this.login();
+    }
+  },
+  /**
+   * 获取主接口
+   */
+  async getIndex() {
+    const { success, data } = await API.getIndex().catch(res => {
+      commonToast(res && res.message);
+    }) || {};
+
+    if (success && data) {
+      const { title, content, rule } = data;
+      this.setData({ title, content, rule });
+    }
+  },
+  /**
+   * 登录接口
+   */
+  async login() {
+    const { nickName, avatar } = app;
+    const { success } = await API.login({ userNick:nickName, avatar }).catch(res => {
+      commonToast(res && res.message);
+    }) || {};
+
+    if (success) {
+      this.init();
+    }
+  },
+  /**
+   * 显示规则弹层
+   */
+  showRuleModal() {
+    this.setData({
+      ruleModalVisible: true
+    });
+  },
+  /**
+   * 通用弹出确认按钮回调
+   */
+  confirmCommonModal() {
+    const { commonModalConfirm } = this.data;
+    commonModalConfirm && commonModalConfirm();
+  },
+  /**
+   * 执行开始
+   */
+  doStart() {
+    this.showCommonModal({
+      content: '活动还未开始\n请稍后',
+      btnText: '我知道了',
+      commonModalVisible: true,
+      confirmCallback: () => {
+        this.closeCommonModal();
+      }
+    });
+  },
+  /**
+   * 显示通用弹层
+   * @param {object} options content: 通用弹层内容 btnText:按钮文案 confirmCallback: 按钮确认回调
+   */
+  showCommonModal({ content, btnText, confirmCallback }) {
+    this.setData({
+      commonModalConfirm: confirmCallback || null,
+      commonModalVisible: true,
+      commonModalData: { content, btnText }
+    });
+  },
+  /**
+   * 跳转到天猫页面
+   */
+  goTmallPage() {
+    navigateToOutside(REDIRECT_URL['tmall']);
+  },
+  /**
+   * 关闭通用弹层
+   */
+  closeCommonModal() {
+    this.setData({
+      commonModalVisible: false
+    });
+  },
+  /**
+   * 关闭活动规则弹层
+   */
+  closeRuleModal() {
+    this.setData({
+      ruleModalVisible: false
+    });
+  },
+  onShareAppMessage() {
+    // 返回自定义分享信息
+    return SHARE_CONFIG;
+  },
+});

taobao/pages/index/index.json

+{
+  "usingComponents": {
+    "rule-modal": "/components/ruleModal/ruleModal",
+    "common-modal": "/components/commonModal/commonModal",
+    "end-modal": "/components/endModal/endModal"
+  }
+}
\ No newline at end of file

taobao/pages/myprize/myprize.axml

+<view class="my-prize">
+  <prize-modal 
+    myPrizeList="{{myPrizeList}}" 
+    task="{{task}}" 
+    endTime="{{endTime}}" 
+    onHandleClick="handleClick"/>
+</view>
\ No newline at end of file

taobao/pages/myprize/myprize.js

+'use strict';
+import API from "/api";
+const app = getApp();
+const { tbcc } = app;
+const { commonToast, navigateToOutside, getUserAddress, setClipboard } = tbcc.tb;
+const { PRIZE_TYPE_MAP, PRIZE_DRAW_STATUS_MAP } = tbcc.constants;
+
+let flag = false;
+
+Page({
+  data: {
+    PRIZE_TYPE_MAP,
+    PRIZE_DRAW_STATUS_MAP,
+    myPrizeList: null, //我的奖品
+    endTime: null,//到期时间
+    task: {
+      image: {
+        bg: '//yun.duiba.com.cn/aurora/assets/e13fab3165d3a6bb4cbe8827e8f0fd41084b0091.png', //背景图
+        copyIcon: '//yun.dui88.com/duiba-components-c-myprizemyprize_copy_code.png', //复制
+        addressBth: '//yun.dui88.com/duiba-components-c-myprizeto_address.png', //填写地址(实物奖品)
+        getBth: '//yun.dui88.com/duiba-components-c-myprizeget_now.png', //立即领取(除实物奖品外)
+        logisticsBth: '//yun.dui88.com/duiba-components-c-myprizelogistics.png', //查看物流
+        useBth: '//yun.dui88.com/duiba-components-c-myprizeto_use.png', //去使用(除实物奖品外)
+        getAgainBtn: '//yun.dui88.com/duiba-components-c-myprizeget_again.png', //重新领取
+        invalidBtn: '//yun.duiba.com.cn/spark/assets/914ba8643c8abb8d710a3126ec312aecf6c4daf0.png', //已失效
+        failBth: '//yun.duiba.com.cn/spark/assets/8267375232058a6d0140270b1594427fb08d6ae3.png', //领取失败
+      },
+      logisticsImage: {
+        shipped: '//yun.dui88.com/duiba-components-c-myprizeprize_shipped.png', // 已发货物理弹窗
+        notShipped: '//yun.dui88.com/duiba-components-c-myprizenotshipped.png', // 待发货物流弹窗
+        copyIcon: '//yun.dui88.com/duiba-components-c-myprizemyprize_copy_code.png', //复制
+      },
+      btnStyle: { // 按钮自定义样式
+        width: '150rpx',
+        height: '41rpx',
+      }
+    }
+  },
+  onShow() {
+    flag = false
+    this.getMyPrize();
+  },
+  // 到期时间
+  getEndTime(prizeList = []) {
+    if (!prizeList || !prizeList.length) return null
+    const endTime = prizeList[0].expiredTime
+    if (!endTime) return null
+    const t1 = new Date(endTime).toLocaleDateString() + '';//获取年月日
+    const t2 = new Date(endTime).getHours() + '';//获取时
+    const t3 = new Date(endTime).getMinutes() + '';//获取分
+    const t4 = new Date(endTime).getMilliseconds() + '';//获取秒
+    console.log(endTime, new Date(endTime + 48 * 60 * 60 * 1000).toLocaleString(), 'endTime');
+    this.setData({
+      endTime: t1 + " " + t2.padStart(2, '0') + ":" + t3.padStart(2, '0') + ":" + t4.padStart(2, '0')
+    })
+  },
+
+  /**
+ * 获取奖品列表
+ * @param {string} type 是否展示loading
+ */
+  async getMyPrize(type) {
+    const { activityId } = app;
+    if (type != 'noLoading') {
+      my.showLoading();
+    }
+    const { success, data, message } = await API.getMyPrizeList({ activityId }).catch(res => {
+      this.setData({
+        myPrizeList: []
+      })
+    }) || {};
+    if (success && data) {
+      this.setData({
+        myPrizeList: data.list
+      })
+      this.getEndTime(data.list)
+    }
+    if (type != 'noLoading') {
+      my.hideLoading();
+    }
+  },
+
+  //领取奖品
+  async handleClick(e) {
+    const { item } = e.target.dataset;
+    // 领取权益
+    if (item.type === PRIZE_TYPE_MAP.EQUITY) return this.handleGetEquity(e)
+    // 领取实物
+    if (item.type === PRIZE_TYPE_MAP.ENTITY) return this.handleGetEntity(e)
+    // 领取积分
+    if (item.type === PRIZE_TYPE_MAP.INTEGRATION) return this.handleGetIntergation(e)
+  },
+  // 优惠券
+  async handleGetEquity(e) {
+    if (flag) {
+      return
+    }
+    flag = true;
+    const { activityId } = app;
+    const { item } = e.target.dataset;
+    console.log(item, '领取权益')
+    const { success, data, message } = await API.receiveEnamePrize({ activityId, _id: item._id }).catch(res => {
+      this.getMyPrize('noLoading')
+      commonToast(res && res.message)
+    }) || {};
+    if (success && data) {
+      commonToast('领取成功')
+      this.getMyPrize()
+    }
+    setTimeout(() => {
+      flag = false
+    }, 500)
+  },
+  // 领取实物前询问
+  async handleGetEntity(e) {
+    if (flag) {
+      return
+    }
+    my.showLoading();
+    flag = true;
+    const { activityId } = app;
+    const { item } = e.target.dataset;
+    const userAddress = await getUserAddress({ joinTag: " " })
+    my.hideLoading();
+    if (!userAddress) return
+    const { name, telNumber, provinceName, cityName, cityCode, countyName, detailInfo, streetName } = userAddress || {};
+    const params = {
+      activityId,
+      name,
+      phone: telNumber,
+      detailInfo,
+      cityCode,
+      cityName,
+      provinceName,
+      countyName,
+      streetName,
+      _id: item._id
+    }
+
+    my.confirm({
+      title: '提示',
+      content: '确认使用该收货地址：' + name + telNumber + userAddress.duibaAddress.address,
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      success: (result) => {
+        console.log(result)
+        const { confirm } = result;
+
+        if (confirm) {
+          this.receiveObjectPrize(params);
+        }
+      },
+    });
+    flag = false
+  },
+  // 领取实物
+  async receiveObjectPrize(params) {
+    const { success, data, message } = await API.receiveObjectPrize(params) || {}
+    if (success && data) {
+      commonToast('领取成功')
+    } else {
+      commonToast(message)
+    }
+    this.getMyPrize()
+  },
+  // 积分
+  async handleGetIntergation(e) {
+    if (flag) {
+      return
+    }
+    flag = true;
+    // 判断是否为会员
+    await this.getUserInfo()
+    const { isVip, vipLink } = app;
+    if (!isVip) {
+      commonToast('立即加入会员，即可领取奖品', 2000);
+      setTimeout(() => {
+        navigateToOutside(vipLink)
+      }, 1000)
+      flag = false
+      return
+    }
+    const { activityId } = app;
+    const { item } = e.target.dataset;
+    console.log(item, '领取积分')
+    const { success, data, message } = await API.receiveEnamePrize({ activityId, _id: item._id }) || {};
+    if (success && data) {
+      commonToast('领取成功')
+    } else {
+      commonToast(message)
+    }
+    flag = false
+    this.getMyPrize()
+  },
+
+  //获取用户vip信息
+  async getUserInfo() {
+    const { activityId } = app;
+    const { success, data, message } = await API.getVipInfo({ activityId }) || {};
+    console.log(data, '用户vip信息');
+    if (success && data) {
+      app.isVip = (data && data.isVip) || false;
+      app.vipLink = (data && data.url) || '';
+    } else {
+      commonToast(message)
+    }
+  },
+});
\ No newline at end of file

taobao/pages/myprize/myprize.json

+{
+  "usingComponents": {
+    "prize-modal": "/components/prizeModal/prizeModal"
+  }
+}
\ No newline at end of file

taobao/pages/pagefrontpage/pagefrontpage.acss

-.frontpage {
-  width: 750rpx;
-  height: 1624rpx;
-  opacity: 1;
-  position: absolute;
-  background-image: url(//yun.duiba.com.cn/aurora/assets/fb115c35b78fc3e792ee94b5831cca0c43174c0d.jpg);
-}
-.frontpage .frontpage_placeholder {
-  width: 750rpx;
-  height: 1624rpx;
-  opacity: 1;
-  position: absolute;
-  background-image: url();
-}
-.frontpage .frontpage_wrapper {
-  width: 673rpx;
-  height: 1065rpx;
-  opacity: 1;
-  left: 37rpx;
-  top: 328rpx;
-  position: absolute;
-}
-.frontpage .frontpage_wrapper .frontpage_btn {
-  width: 458rpx;
-  height: 138rpx;
-  opacity: 1;
-  left: 108rpx;
-  top: 880rpx;
-  position: absolute;
-}
-.frontpage .frontpage_wrapper .frontpage_txt {
-  width: 673rpx;
-  height: 30rpx;
-  opacity: 1;
-  left: 0rpx;
-  top: 1042rpx;
-  position: absolute;
-  font-size: 14.93076;
-  color: #ffffff;
-  text-align: center;
-}
-.frontpage .frontpage_wrapper .frontpage_image {
-  width: 673rpx;
-  height: 830rpx;
-  opacity: 1;
-  position: absolute;
-}

taobao/pages/pagefrontpage/pagefrontpage.axml

-<view class="frontpage">
-        <image class="frontpage_placeholder" src={{resList['9bfe28c7-7e25-4631-b5f1-0f52d4fb0643'].url}} />
-        <view class="frontpage_wrapper">
-          <image class="frontpage_btn" src={{resList['55c6197d-b4a9-45bc-92d8-328cc151512f'].url}} />
-          <label class="frontpage_txt">已有 120382 人参与</label>
-          <image class="frontpage_image" src={{resList['e4a03a02-4a52-4276-97e3-9f3dade11dfb'].url}} />
-        </view>
-      </view>
\ No newline at end of file

taobao/pages/pagefrontpage/pagefrontpage.js

-'use strict';
-
-import resList from '../../resconfig/resList';
-import API from '../../api';
-Page({
-  data: {},
-
-  onLoad(props) {
-    this.setData(this.data || {
-      resList: resList
-    });
-  },
-
-  onReady() {
-    API.getRule().then(res => {});
-  }
-
-});
\ No newline at end of file

taobao/pages/pagefrontpage/pagefrontpage.json

-{
-  "usingComponents": {}
-}
\ No newline at end of file

taobao/pages/tbccDemo/tbccDemo.acss

+.tbcc-demo-page {
+  text-align: center;
+  padding: 60rpx 20rpx 20rpx;
+}
+
+.tbcc-demo-page button {
+  margin-bottom: 10rpx;
+}
+
+.tbcc-demo-page .upload-image {
+  width: 200rpx;
+  height: 200rpx;
+}
+
+.tbcc-demo-page .input-item {
+  width: 684rpx;
+  height: 80rpx;
+}
+
+.text-risk-item {
+  margin: 30rpx auto;
+}
+
+.tbcc-demo__title {
+  padding: 20rpx;
+  font-weight: bold;
+  font-size: 36rpx;
+}
\ No newline at end of file

taobao/pages/tbccDemo/tbccDemo.axml

+<view class="tbcc-demo-page">
+  <view class="tbcc-demo__title">常用tb方法</view>
+
+  <button onTap="showCommomToast">弱提示</button>
+
+  <button onTap="showCommomConfirm">通用确认弹层</button>
+
+  <button onTap="getAuth">获取用户授权</button>
+
+  <button onTap="getSystemInfo">获取系统信息</button>
+
+  <button onTap="getServerTime">获取系统时间</button>
+
+  <button onTap="favorShop">关注店铺(百草味为例需预览)</button>
+
+  <button onTap="checkShopFavoredStatus">店铺关注状态(百草味为例需预览)</button>
+    
+  <button onTap="getUserAddress">获取收货地址(需预览)</button>
+
+  <button onTap="collectGoods">收藏商品(iPad Pro为例)</button>
+
+  <button onTap="checkGoodsCollectedStatus">商品收藏状态(iPad Pro为例)</button>
+
+  <button onTap="openDetail">跳转淘宝商品页(iPad Pro为例)</button>
+
+  <button onTap="navigateToOutside">跳转外部链接(需预览)</button>
+
+  <button onTap="navigateTo">跳转内部链接(新开窗口)</button>
+
+  <button onTap="redirectTo">跳转内部链接(不新开窗口)</button>
+
+  <button onTap="uploadImage">选择上传图片</button>
+
+  <view a:if="{{uploadImgUrl}}">
+    <image mode="aspectFit" src="{{uploadImgUrl}}" class="upload-image"></image>
+  </view>
+
+  <button onTap="chattingSendCard">分享到群聊卡片(需预览)</button>
+
+  <view class="text-risk-item">
+    <input type="text" onInput="bindKeyInput" data-name="riskInput" placeholder="请输入校验文本" class="input-item" />
+    <button onTap="textRiskIdentification">文本风险检测(需预览)</button>
+  </view>
+
+  <view class="tbcc-demo__title">通用API方法</view>
+
+  <button onTap="receiveObjectPrize">领取实物奖励</button>
+
+  <button onTap="receiveEnamePrize">领取权益奖励</button>
+  
+</view>

taobao/pages/tbccDemo/tbccDemo.js

+import API from '../../api';
+const app = getApp();
+const { tbcc } = app;
+const {
+  commonToast,
+  simpleAlert,
+  commonConfirm,
+  getAuthUserInfo,
+  getSystemInfo,
+  getServerTime,
+  favorShop,
+  checkShopFavoredStatus,
+  getUserAddress,
+  collectGoods,
+  checkGoodsCollectedStatus,
+  openDetail,
+  navigateToOutside,
+  navigateTo,
+  redirectTo,
+  uploadImage,
+  chattingSendCard,
+  textRiskIdentification
+} = tbcc.tb;
+
+const { dateFormatter, versionCompare } = tbcc.utils;
+
+Page({
+  data: {
+    uploadImgUrl: '',
+    riskInput: ''
+  },
+  onLoad() {},
+  bindKeyInput(e) {
+    const { value } = e.detail;
+    const { name } = e.target.dataset;
+    this.setData({
+      [name]: value,
+    });
+  },
+  /**
+   * toast提示
+   */
+  showCommomToast() {
+    commonToast('tbcc', 3000, () => {
+      console.log('tbcc toast loaded');
+    });
+  },
+  /**
+   * confirm弹窗
+   */
+  showCommomConfirm() {
+    commonConfirm('提示', '内容', () => {
+      commonToast('保存成功');
+    });
+  },
+  /**
+   * 获取用户授权信息
+   */
+  async getAuth() {
+    const userInfo = await getAuthUserInfo().catch(err => {
+      console.log('未授权成功', err);
+    });
+    if (userInfo) {
+      console.log('userInfo', userInfo);
+      const { nickName, avatar } = userInfo;
+      app.nickName = nickName;
+      app.avatar = avatar;
+      simpleAlert(nickName);
+    }
+  },
+  /**
+   * 获取系统信息
+   */
+  async getSystemInfo() {
+    const systemInfo = await getSystemInfo().catch(err => {
+      console.log('获取系统信息失败', err);
+    });
+
+    if (systemInfo) {
+      console.log('systemInfo', systemInfo);
+      const { version } = systemInfo;
+      const compareVersion = '9.8.0';
+      const isNewVersion = versionCompare(version, compareVersion);
+      simpleAlert('当前版本:' + version + `${isNewVersion ? '为新版本': '为老版本'}`);
+    }
+  },
+  /**
+   * 获取系统时间
+   */
+  async getServerTime() {
+    const severTime = await getServerTime().catch(err => {
+      console.log('获取系统时间失败', err);
+    });
+    simpleAlert('系统时间:' + dateFormatter(severTime, 'yyyy/MM/dd hh:mm:ss'));
+  },
+  /**
+   * 关注店铺
+   */
+  async favorShop() {
+    const sellerId = 628189716; // 百草味sellerId
+    const favorStatus = await favorShop(sellerId).catch(err => {
+      console.log('关注店铺失败', err);
+    });
+    commonToast(favorStatus ? '关注成功' : '关注失败');
+  },
+  /**
+   * 查询店铺关注状态
+   */
+  async checkShopFavoredStatus() {
+    const sellerId = 628189716; // 百草味sellerId
+    const favoredStatus = await checkShopFavoredStatus(sellerId).catch(err => {
+      console.log('查询关注店铺状态失败', err);
+    });
+    simpleAlert(favoredStatus ? '已关注店铺' : '未关注店铺');
+  },
+  /**
+   * 获取用户收货地址
+   */
+  async getUserAddress() {
+    const userAddress = await getUserAddress().catch(err => {
+      commonToast(err.errorMessage);
+    });
+    if (userAddress) {
+      console.log('userAddress', userAddress);
+      const { name, phone, address } = userAddress.duibaAddress;
+      commonConfirm('提示', '确认使用该收货地址：' + name + phone + address, () => {
+        // TODO 保存接口
+        commonToast('保存成功');
+      });
+    }
+  },
+  /**
+   * 收藏商品
+   */
+  async collectGoods() {
+    const itemId = 622499363381; // iPad Pro 为例
+    const collectGoodsStatus = await collectGoods(itemId).catch(err => {
+      console.log('收藏商品失败', err);
+    });
+    commonToast(collectGoodsStatus ? '收藏商品成功' : '收藏商品失败');
+  },
+  /**
+   * 收藏商品
+   */
+  async checkGoodsCollectedStatus() {
+    const itemId = 622499363381; // iPad Pro 为例
+    const goodscollectedStatus = await checkGoodsCollectedStatus(itemId).catch(err => {
+      console.log('查询商品收场状态失败', err);
+    });
+    simpleAlert(goodscollectedStatus ? '商品已收藏' : '商品未收藏');
+  },
+  /**
+   * 跳转到淘宝商品页
+   */
+  async openDetail() {
+    const itemId = '622499363381'; // iPad Pro 为例
+    await openDetail(itemId).catch(err => {
+      console.log('打开淘宝商品页失败', err);
+    });
+  },
+  /**
+   * 跳转到外部链接
+   */
+  navigateToOutside() {
+    const url = 'https://www.tmall.com';
+    navigateToOutside(url);
+  },
+  /**
+   * 跳转到小程序内部链接（新开窗口）
+   */
+  navigateTo() {
+    const url = '/pages/index/index';
+    navigateTo(url);
+  },
+  /**
+   * 跳转到小程序内部链接（不新开窗口）
+   */
+  redirectTo() {
+    const url = '/pages/index/index';
+    redirectTo(url);
+  },
+  /**
+   * 选择上传图片
+   */
+  async uploadImage() {
+    const uploadImageResultUrl = await uploadImage().catch(err => {
+      commonToast(err && (err.errorMessage || '上传图片失败'));
+    });
+    if (uploadImageResultUrl) {
+      this.setData({
+        uploadImgUrl: uploadImageResultUrl
+      });
+    }
+  },
+  /**
+   * 分享到群聊卡片
+   */
+  async chattingSendCard() {
+    // 测试请求参数（格式示例）
+    const requestInfo = {
+      "biz_ext_map": "{\"activityId\":\"028fe748-9413-4df1-ad15-7d21d9ca16c9\",\"shareId\":\"AAGrFC1BALWl0Axwb3svqUyd\"}",
+      "card_template_id": 1588754547060,
+      "group_id": "0_G_2207623078795_1591670473134",
+      "weex_data_json": "{\"url\":\"https://m.duanqu.com?_ariver_appid=3000000005188064&nbsv=0.1.2007151634.12&nbsource=debug&nbsn=DEBUG&_mp_code=tb&query=activityId%3D028fe748-9413-4df1-ad15-7d21d9ca16c9%26groupId%3D0_G_2207623078795_1591670473134%26shareId%3DAAGrFC1BALWl0Axwb3svqUyd\",\"act_title\":\"一起出道赢大奖\",\"share\":\"@pilee0827 多度\",\"picture3\":\"https://yun.duiba.com.cn/upload/ltuwhbf39x.jpg\"}",
+      "message_id": "5f0fcdfeef507182be6c2247",
+      "app_secret": "appSecret",
+      "app_code": "30123678"
+    };
+    const messageResult = await chattingSendCard(requestInfo).catch(err => {
+      commonToast(err && err.errorMessage);
+    });
+    if (messageResult) {
+      const { result: { value, success } } = messageResult;
+      commonToast(value && success ? '分享到群聊成功' : '分享到群聊失败');
+    }
+  },
+  /**
+   * 文本风险校验
+   */
+  async textRiskIdentification() {
+    const { riskInput } = this.data;
+    const success = await textRiskIdentification(riskInput).catch(err => {
+      console.log(err);
+    });
+    simpleAlert(`检测文本"${riskInput}"，校验结果${success ? '通过' : '不通过'}`);
+  },
+  /**
+   * 领取实物奖励
+   */
+  async receiveObjectPrize() {
+    const _id = '123'; // 测试奖品ID
+    const success = await API.fn.receiveObjectPrize({ _id });
+    if (success) {
+      commonToast('保存成功');
+    }
+  },
+  /**
+   * 领取权益奖励
+   */
+  async receiveEnamePrize() {
+    const _id = '123'; // 测试奖品ID
+    const success = await API.fn.receiveEnamePrize({ _id });
+    if (success) {
+      commonToast('领取成功');
+    }
+  }
+});

taobao/pages/tbccDemo/tbccDemo.json

+{}
\ No newline at end of file

taobao/pages/testPage/testPage.acss

+.test-page {
+  text-align: center;
+  padding: 100rpx 0;
+}
\ No newline at end of file

taobao/pages/testPage/testPage.axml

+<view class="test-page">
+  测试跳转页面
+</view>
\ No newline at end of file

taobao/pages/testPage/testPage.js

+Page({
+  data: {},
+  onLoad() {}
+});

taobao/pages/testPage/testPage.json

+{}
\ No newline at end of file

taobao/resconfig/res.js

-
-/**
- * 目前没有用到
- * @param {*} resList 
- * @param {*} uuid 
- */
-const getSrcByUuid = (resList, uuid) => {
-    resList = resList || [];
-    for (let i = 0; i < resList.length; i++) {
-        if (resList[i].uuid == uuid) {
-            return resList[i].url
-        }
-    }
-}
-module.exports = {
-    getSrcByUuid
-}
\ No newline at end of file

taobao/resconfig/resList.js

-const resList = {
-  '81133fa6-44b7-4a3f-b5d6-25e3da99cb8b': {
-    name: 'frontpage_placeholder',
-    ext: '.png',
-    uuid: '81133fa6-44b7-4a3f-b5d6-25e3da99cb8b',
-    url: '//yun.duiba.com.cn/spark-prod/assets/807317256624fc9e2d7aa080a5693b88a1cb0a43.png'
-  },
-  '55c6197d-b4a9-45bc-92d8-328cc151512f': {
-    name: 'frontpage_btn',
-    ext: '.png',
-    uuid: '55c6197d-b4a9-45bc-92d8-328cc151512f',
-    url: '//yun.duiba.com.cn/spark-prod/assets/ca79bd0c916e1bbadc7d4011439084061f0dc642.png'
-  },
-  'e4a03a02-4a52-4276-97e3-9f3dade11dfb': {
-    name: 'frontpage_image',
-    ext: '.png',
-    uuid: 'e4a03a02-4a52-4276-97e3-9f3dade11dfb',
-    url: '//yun.duiba.com.cn/spark-prod/assets/dc13e362bec7ac50ca21e84a882c87b9e3c7d3d5.png'
-  },
-  '9bfe28c7-7e25-4631-b5f1-0f52d4fb0643': {
-    name: 'bg',
-    ext: '.jpg',
-    url: '//yun.duiba.com.cn/spark-prod/assets/bg.fb115c35b78fc3e792ee94b5831cca0c43174c0d.jpg',
-    uuid: '9bfe28c7-7e25-4631-b5f1-0f52d4fb0643'
-  }
-};
-export default resList;
\ No newline at end of file

taobao/utils/index.js

-
-export const getfucked=()=>{console.log('getfucked')}