小程序页面

dist/dev/mp-weixin/app.js

@@ -7,6 +7,8 @@ if (!Math) {
   "./pagesOne/winner/index.js";
   "./pagesOne/winner/uploadImage.js";
   "./pagesOne/record/winnerList.js";
+  "./pagesOne/record/uploadList.js";
+  "./pagesOne/record/uploadDetail.js";
 }
 const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
   __name: "App",

dist/dev/mp-weixin/app.json

@@ -9,7 +9,9 @@
       "pages": [
         "winner/index",
         "winner/uploadImage",
-        "record/winnerList"
+        "record/winnerList",
+        "record/uploadList",
+        "record/uploadDetail"
       ]
     }
   ],

dist/dev/mp-weixin/common/vendor.js

@@ -9260,6 +9260,50 @@ const loadingProps = {
    */
   size: makeNumericProp("")
 };
+const imgProps = {
+  ...baseProps,
+  customImage: makeStringProp(""),
+  /**
+   * 图片链接
+   */
+  src: String,
+  /**
+   * 预览图片链接
+   */
+  previewSrc: String,
+  /**
+   * 是否显示为圆形
+   */
+  round: makeBooleanProp(false),
+  /**
+   * 填充模式：'top left' / 'top right' / 'bottom left' / 'bottom right' / 'right' / 'left' / 'center' / 'bottom' / 'top' / 'heightFix' / 'widthFix' / 'aspectFill' / 'aspectFit' / 'scaleToFill'
+   */
+  mode: makeStringProp("scaleToFill"),
+  /**
+   * 是否懒加载
+   */
+  lazyLoad: makeBooleanProp(false),
+  /**
+   * 宽度，默认单位为px
+   */
+  width: numericProp,
+  /**
+   * 高度，默认单位为px
+   */
+  height: numericProp,
+  /**
+   * 圆角大小，默认单位为px
+   */
+  radius: numericProp,
+  /**
+   * 是否允许预览
+   */
+  enablePreview: makeBooleanProp(false),
+  /**
+   * 开启长按图片显示识别小程序码菜单，仅在微信小程序平台有效
+   */
+  showMenuByLongpress: makeBooleanProp(false)
+};
 const overlayProps = {
   ...baseProps,
   /**
@@ -9367,6 +9411,7 @@ exports.gapProps = gapProps;
 exports.getCurrentInstance = getCurrentInstance;
 exports.gradient = gradient;
 exports.iconProps = iconProps;
+exports.imgProps = imgProps;
 exports.index = index;
 exports.isDef = isDef;
 exports.isEqual = isEqual;

dist/dev/mp-weixin/node-modules/wot-design-uni/components/wd-img/wd-img.js

@@ -0,0 +1,74 @@
+"use strict";
+const common_vendor = require("../../../../common/vendor.js");
+const __default__ = {
+  name: "wd-img",
+  options: {
+    virtualHost: true,
+    addGlobalClass: true,
+    styleIsolation: "shared"
+  }
+};
+const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
+  ...__default__,
+  props: common_vendor.imgProps,
+  emits: ["error", "click", "load"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const rootStyle = common_vendor.computed(() => {
+      const style = {};
+      if (common_vendor.isDef(props.height)) {
+        style["height"] = common_vendor.addUnit(props.height);
+      }
+      if (common_vendor.isDef(props.width)) {
+        style["width"] = common_vendor.addUnit(props.width);
+      }
+      if (common_vendor.isDef(props.radius)) {
+        style["border-radius"] = common_vendor.addUnit(props.radius);
+        style["overflow"] = "hidden";
+      }
+      return `${common_vendor.objToStyle(style)}${props.customStyle}`;
+    });
+    const rootClass = common_vendor.computed(() => {
+      return `wd-img  ${props.round ? "is-round" : ""} ${props.customClass}`;
+    });
+    const status = common_vendor.ref("loading");
+    function handleError(event) {
+      status.value = "error";
+      emit("error", event);
+    }
+    function handleClick(event) {
+      if (props.enablePreview && props.src && status.value == "success") {
+        common_vendor.index.previewImage({
+          urls: [props.previewSrc || props.src]
+        });
+      }
+      emit("click", event);
+    }
+    function handleLoad(event) {
+      status.value = "success";
+      emit("load", event);
+    }
+    return (_ctx, _cache) => {
+      return common_vendor.e({
+        a: common_vendor.n(`wd-img__image ${_ctx.customImage}`),
+        b: common_vendor.s(status.value !== "success" ? "width: 0;height: 0;" : ""),
+        c: _ctx.src,
+        d: _ctx.mode,
+        e: _ctx.showMenuByLongpress,
+        f: _ctx.lazyLoad,
+        g: common_vendor.o(handleLoad),
+        h: common_vendor.o(handleError),
+        i: status.value === "loading"
+      }, status.value === "loading" ? {} : {}, {
+        j: status.value === "error"
+      }, status.value === "error" ? {} : {}, {
+        k: common_vendor.n(rootClass.value),
+        l: common_vendor.o(handleClick),
+        m: common_vendor.s(rootStyle.value)
+      });
+    };
+  }
+});
+const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-2cf12824"]]);
+wx.createComponent(Component);

dist/dev/mp-weixin/node-modules/wot-design-uni/components/wd-img/wd-img.json

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

dist/dev/mp-weixin/node-modules/wot-design-uni/components/wd-img/wd-img.wxml

@@ -0,0 +1 @@
+<view class="{{['data-v-2cf12824', k]}}" bindtap="{{l}}" style="{{m}}"><image class="{{['data-v-2cf12824', a]}}" style="{{b}}" src="{{c}}" mode="{{d}}" show-menu-by-longpress="{{e}}" lazy-load="{{f}}" bindload="{{g}}" binderror="{{h}}"/><slot wx:if="{{i}}" name="loading"></slot><slot wx:if="{{j}}" name="error"></slot></view>

dist/dev/mp-weixin/node-modules/wot-design-uni/components/wd-img/wd-img.wxss

@@ -0,0 +1,203 @@
+/**
+ * 这里是uni-app内置的常用样式变量
+ *
+ * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
+ * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
+ *
+ */
+/**
+ * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
+ *
+ * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
+ */
+/* 颜色变量 */
+/* 行为相关颜色 */
+/* 文字基本颜色 */
+/* 背景颜色 */
+/* 边框颜色 */
+/* 尺寸变量 */
+/* 文字尺寸 */
+/* 图片尺寸 */
+/* Border Radius */
+/* 水平间距 */
+/* 垂直间距 */
+/* 透明度 */
+/* 文章场景相关 */
+/**
+ * 混合宏
+ */
+/**
+ * SCSS 配置项：命名空间以及BEM
+ */
+/**
+ * 辅助函数
+ */
+/**
+ * SCSS 配置项：命名空间以及BEM
+ */
+/* 转换成字符串 */
+/* 判断是否存在 Modifier */
+/* 判断是否存在伪类 */
+/**
+ * 主题色切换
+ * @params $theme-color 主题色
+ * @params $type 变暗’dark‘ 变亮 'light'
+ * @params $mix-color 自己设置的混色
+ */
+/**
+ * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
+ * @params $open-linear 是否开启线性渐变色
+ * @params $deg 渐变色角度
+ * @params $theme-color 当前配色
+ * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
+ * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
+ * @params [Array] $per-list 渐变色比例
+ */
+/**
+  * BEM，定义块（b)
+  */
+/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
+/* 此方法用于生成穿透样式 */
+/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
+/* 定义状态（m） */
+/* 定义状态（m） */
+/* 对于需要需要嵌套在 m 底下的 e，调用这个混合宏，一般在切换整个组件的状态，如切换颜色的时候 */
+/* 状态，生成 is-$state 类名 */
+/**
+  * 常用混合宏
+  */
+/* 单行超出隐藏 */
+/* 多行超出隐藏 */
+/* 清除浮动 */
+/* 0.5px 边框 指定方向*/
+/* 0.5px 边框 环绕 */
+/**
+  * 三角形实现尖角样式，适用于背景透明情况
+  * @param $size 三角形高，底边为 $size * 2
+  * @param $bg 三角形背景颜色
+  */
+/**
+  * 正方形实现尖角样式，适用于背景不透明情况
+  * @param $size 正方形边长
+  * @param $bg 正方形背景颜色
+  * @param $z-index z-index属性值，不得大于外部包裹器
+  * @param $box-shadow 阴影
+*/
+/**
+ * 辅助函数
+ */
+/**
+ * SCSS 配置项：命名空间以及BEM
+ */
+/* 转换成字符串 */
+/* 判断是否存在 Modifier */
+/* 判断是否存在伪类 */
+/**
+ * 主题色切换
+ * @params $theme-color 主题色
+ * @params $type 变暗’dark‘ 变亮 'light'
+ * @params $mix-color 自己设置的混色
+ */
+/**
+ * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
+ * @params $open-linear 是否开启线性渐变色
+ * @params $deg 渐变色角度
+ * @params $theme-color 当前配色
+ * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
+ * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
+ * @params [Array] $per-list 渐变色比例
+ */
+/**
+ * UI规范基础变量
+ */
+/*----------------------------------------- Theme color. start ----------------------------------------*/
+/* 主题颜色 */
+/* 辅助色 */
+/* 文字颜色（默认浅色背景下 */
+/* 暗黑模式 */
+/* 图形颜色 */
+/*----------------------------------------- Theme color. end -------------------------------------------*/
+/*-------------------------------- Theme color application size.  start --------------------------------*/
+/* 文字字号 */
+/* 文字字重 */
+/* 尺寸 */
+/*-------------------------------- Theme color application size.  end --------------------------------*/
+/* component var */
+/* action-sheet */
+/* badge */
+/* button */
+/* cell */
+/* calendar */
+/* checkbox */
+/* collapse */
+/* divider */
+/* drop-menu */
+/* input-number */
+/* input */
+/* textarea */
+/* loadmore */
+/* message-box */
+/* notice-bar */
+/* pagination */
+/* picker */
+/* col-picker */
+/* overlay */
+/* popup */
+/* progress */
+/* radio */
+/* search */
+/* slider */
+/* sort-button */
+/* steps */
+/* switch */
+/* tabs */
+/* tag */
+/* toast */
+/* loading */
+/* tooltip */
+/* popover */
+/* grid-item */
+/* statustip */
+/* card */
+/* upload */
+/* curtain */
+/* notify */
+/* skeleton */
+/* circle */
+/* swiper */
+/* swiper-nav */
+/* segmented */
+/* tabbar */
+/* tabbar-item */
+/* navbar */
+/* navbar-capsule */
+/* table */
+/* sidebar */
+/* sidebar-item */
+/* fab */
+/* count-down */
+/* keyboard */
+/* number-keyboard */
+/* passwod-input */
+/* form-item */
+/* backtop */
+/* index-bar */
+/* text */
+/* video-preview */
+/* img-cropper */
+/* floating-panel */
+/* signature */
+.wd-img.data-v-2cf12824 {
+  position: relative;
+  display: inline-block;
+}
+.wd-img__image.data-v-2cf12824 {
+  display: block;
+  width: 100%;
+  height: 100%;
+  box-sizing: border-box;
+}
+.wd-img.is-round.data-v-2cf12824 {
+  overflow: hidden;
+  border-radius: 50%;
+}

dist/dev/mp-weixin/pages/index/index.js

@@ -19,51 +19,7 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
       "https://registry.npmmirror.com/wot-design-uni-assets/*/files/moon.jpg",
       "https://registry.npmmirror.com/wot-design-uni-assets/*/files/meng.jpg"
     ]);
-    const payment = () => {
-      console.log("111111111111111111111111");
-      console.log("2222222222222", common_vendor.wx$1.canIUse("requestMerchantTransfer"));
-      if (common_vendor.wx$1.canIUse("requestMerchantTransfer")) {
-        common_vendor.wx$1.requestMerchantTransfer({
-          mchId: "1704355424",
-          appId: "wx4f6dc4ac1674547c",
-          package: "ABBQO+oYAAABAAAAAABXTd2sUqYlyt70AY4laBAAAADnGpepZahT9IkJjn90+1qgMdPwY+yjFCPTk3QihCUyRMu4fbDXRRoJYEKmtM5WFw1NNnbDCz59pYHM1O/R7NNlNqCfDtLWcWk8aN98DCtFneeNOaU=",
-          success: (res) => {
-            console.log("success:", res);
-          },
-          fail: (res) => {
-            console.log("fail:", res);
-          }
-        });
-      } else {
-        common_vendor.wx$1.showModal({
-          content: "你的微信版本过低，请更新至最新版本。",
-          showCancel: false
-        });
-      }
-    };
-    const getuser = () => {
-      common_vendor.index.login({
-        //获取code，
-        success: (res) => {
-          var code = res.code, appId = "wx4f6dc4ac1674547c", secret = "9e0e7fe5161541d9862b8ee2db6da840";
-          console.log("正在登录中...");
-          common_vendor.wx$1.request({
-            url: "https://api.weixin.qq.com/sns/jscode2session?appid=" + appId + "&secret=" + secret + "&js_code=" + code + "&grant_type=authorization_code",
-            data: {},
-            header: {
-              "content-type": "json"
-            },
-            success: (user_res) => {
-              const user_openid = user_res.data.openid;
-              console.log("登录成功", user_openid);
-            }
-          });
-        }
-      });
-    };
     common_vendor.onShow(() => {
-      payment();
-      getuser();
     });
     return (_ctx, _cache) => {
       return {
@@ -73,7 +29,10 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
           autoplay: true,
           value: current.value
         }),
-        b: common_vendor.o(payment)
+        b: common_vendor.o(
+          //@ts-ignore
+          (...args) => _ctx.payment && _ctx.payment(...args)
+        )
       };
     };
   }

dist/dev/mp-weixin/pagesOne/record/components/activeBlock.js

@@ -0,0 +1,58 @@
+"use strict";
+const common_vendor = require("../../../common/vendor.js");
+const utils_common = require("../../../utils/common.js");
+if (!Array) {
+  const _easycom_wd_tag2 = common_vendor.resolveComponent("wd-tag");
+  const _easycom_wd_img2 = common_vendor.resolveComponent("wd-img");
+  (_easycom_wd_tag2 + _easycom_wd_img2)();
+}
+const _easycom_wd_tag = () => "../../../node-modules/wot-design-uni/components/wd-tag/wd-tag.js";
+const _easycom_wd_img = () => "../../../node-modules/wot-design-uni/components/wd-img/wd-img.js";
+if (!Math) {
+  (_easycom_wd_tag + _easycom_wd_img)();
+}
+const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
+  __name: "activeBlock",
+  props: {
+    imgList: {
+      type: Array,
+      default: () => []
+    },
+    isShow: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return common_vendor.e({}, {}, {
+        a: common_vendor.t(common_vendor.unref(utils_common.formatTagStr)("3")),
+        b: common_vendor.p({
+          ["custom-style"]: "padding:8rpx 26rpx;border-radius: 8rpx;font-size:22rpx;float: right",
+          color: common_vendor.unref(utils_common.formatTagColor)("3"),
+          ["bg-color"]: common_vendor.unref(utils_common.formatTagBgColor)("3")
+        })
+      }, {
+        c: __props.isShow
+      }, __props.isShow ? {
+        d: common_vendor.f(props.imgList, (joy, index, i0) => {
+          return {
+            a: index,
+            b: "1142a638-1-" + i0,
+            c: common_vendor.p({
+              width: 50,
+              height: 112,
+              src: joy,
+              ["enable-preview"]: true
+            })
+          };
+        })
+      } : {}, {
+        e: __props.isShow
+      }, __props.isShow ? {} : {});
+    };
+  }
+});
+const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-1142a638"]]);
+wx.createComponent(Component);

dist/dev/mp-weixin/pagesOne/record/components/activeBlock.json

@@ -0,0 +1,7 @@
+{
+  "component": true,
+  "usingComponents": {
+    "wd-tag": "../../../node-modules/wot-design-uni/components/wd-tag/wd-tag",
+    "wd-img": "../../../node-modules/wot-design-uni/components/wd-img/wd-img"
+  }
+}

dist/dev/mp-weixin/pagesOne/record/components/activeBlock.wxml

@@ -0,0 +1 @@
+<view class="activityItem data-v-1142a638"><view class="top flex-start-btw data-v-1142a638"><view class="data-v-1142a638"><image wx:if="{{true}}" class="now data-v-1142a638" src="https://qiuyu-daodian.oss-cn-beijing.aliyuncs.com/images/nowAct.png" mode="scaleToFill"/><image wx:if="{{false}}" class="old data-v-1142a638" src="https://qiuyu-daodian.oss-cn-beijing.aliyuncs.com/images/act.png" mode="scaleToFill"/><text class="name data-v-1142a638">3月今麦郎上传小票返红包</text></view><wd-tag wx:if="{{true}}" class="data-v-1142a638" u-s="{{['d']}}" u-i="1142a638-0" bind:__l="__l" u-p="{{b}}">{{a}}</wd-tag></view><view class="data-v-1142a638"> 活动力度：满26返6 </view><view class="data-v-1142a638"> 活动时间：2021-11-21至2021-11-21 </view><view class="data-v-1142a638"> 上传时间：2021-11-21至2021-11-21 </view><view wx:if="{{c}}" class="data-v-1142a638"><view class="data-v-1142a638">上传图片:</view><view class="imgBox flex-start-center data-v-1142a638"><wd-img wx:for="{{d}}" wx:for-item="joy" wx:key="a" class="data-v-1142a638" u-i="{{joy.b}}" bind:__l="__l" u-p="{{joy.c}}"/></view></view><view wx:if="{{e}}" class="remark data-v-1142a638">拒绝原因：订单中活动商品数量/金额不足</view></view>

dist/dev/mp-weixin/pagesOne/record/components/activeBlock.wxss

@@ -0,0 +1,66 @@
+/**
+ * 这里是uni-app内置的常用样式变量
+ *
+ * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
+ * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
+ *
+ */
+/**
+ * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
+ *
+ * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
+ */
+/* 颜色变量 */
+/* 行为相关颜色 */
+/* 文字基本颜色 */
+/* 背景颜色 */
+/* 边框颜色 */
+/* 尺寸变量 */
+/* 文字尺寸 */
+/* 图片尺寸 */
+/* Border Radius */
+/* 水平间距 */
+/* 垂直间距 */
+/* 透明度 */
+/* 文章场景相关 */
+.activityItem.data-v-1142a638 {
+  color: #666666;
+  font-size: 28rpx;
+  padding: 24rpx;
+  box-shadow: 0rpx 4rpx 16rpx 0rpx rgba(207, 223, 232, 0.1215686275);
+  background: #fff;
+  margin-top: 16rpx;
+  border-radius: 16rpx;
+}
+.activityItem > view.data-v-1142a638 {
+  margin-top: 16rpx;
+}
+.activityItem .now.data-v-1142a638 {
+  width: 110rpx;
+  height: 34rpx;
+}
+.activityItem .old.data-v-1142a638 {
+  width: 60rpx;
+  height: 34rpx;
+}
+.activityItem .name.data-v-1142a638 {
+  font-weight: bold;
+  color: #333333;
+  margin-left: 16rpx;
+}
+.activityItem .top.data-v-1142a638 {
+  margin-top: 0;
+}
+.activityItem .imgBox.data-v-1142a638 {
+  margin-top: 16rpx;
+}
+.activityItem .imgBox.data-v-1142a638 .wd-img {
+  margin-right: 16rpx;
+}
+.activityItem .imgBox.data-v-1142a638 .wd-img:last-of-type {
+  margin-left: 0;
+}
+.activityItem .remark.data-v-1142a638 {
+  color: #ff3b1d;
+  font-size: 28rpx;
+}

dist/dev/mp-weixin/pagesOne/record/uploadDetail.js

@@ -0,0 +1,28 @@
+"use strict";
+const common_vendor = require("../../common/vendor.js");
+if (!Math) {
+  ActiveBlock();
+}
+const ActiveBlock = () => "./components/activeBlock.js";
+const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
+  __name: "uploadDetail",
+  setup(__props) {
+    const imgList = [
+      "https://qiuyu-daodian.oss-cn-beijing.aliyuncs.com/images/Group%201.png",
+      "https://qiuyu-daodian.oss-cn-beijing.aliyuncs.com/images/rule.png",
+      "https://qiuyu-daodian.oss-cn-beijing.aliyuncs.com/images/record.png"
+      //   "https://qiuyu-daodian.oss-cn-beijing.aliyuncs.com/images/photo.png",
+      //   "https://qiuyu-daodian.oss-cn-beijing.aliyuncs.com/images/book.png",
+    ];
+    return (_ctx, _cache) => {
+      return {
+        a: common_vendor.p({
+          imgList,
+          isShow: true
+        })
+      };
+    };
+  }
+});
+const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-cebda3a2"]]);
+wx.createPage(MiniProgramPage);

dist/dev/mp-weixin/pagesOne/record/uploadDetail.json

@@ -0,0 +1,6 @@
+{
+  "navigationBarTitleText": "上传记录详情",
+  "usingComponents": {
+    "active-block": "./components/activeBlock"
+  }
+}

dist/dev/mp-weixin/pagesOne/record/uploadDetail.wxml

@@ -0,0 +1 @@
+<view class="winnerListContent data-v-cebda3a2"><view class="content data-v-cebda3a2"><active-block wx:if="{{a}}" class="data-v-cebda3a2" u-i="cebda3a2-0" bind:__l="__l" u-p="{{a}}"></active-block></view></view>

dist/dev/mp-weixin/pagesOne/record/uploadDetail.wxss

@@ -0,0 +1,31 @@
+/**
+ * 这里是uni-app内置的常用样式变量
+ *
+ * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
+ * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
+ *
+ */
+/**
+ * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
+ *
+ * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
+ */
+/* 颜色变量 */
+/* 行为相关颜色 */
+/* 文字基本颜色 */
+/* 背景颜色 */
+/* 边框颜色 */
+/* 尺寸变量 */
+/* 文字尺寸 */
+/* 图片尺寸 */
+/* Border Radius */
+/* 水平间距 */
+/* 垂直间距 */
+/* 透明度 */
+/* 文章场景相关 */
+.winnerListContent.data-v-cebda3a2 {
+  padding: 32rpx;
+  box-sizing: border-box;
+  background: #f7f8f9;
+  min-height: 100vh;
+}

dist/dev/mp-weixin/pagesOne/record/uploadList.js

@@ -0,0 +1,16 @@
+"use strict";
+const common_vendor = require("../../common/vendor.js");
+if (!Math) {
+  ActiveBlock();
+}
+const ActiveBlock = () => "./components/activeBlock.js";
+const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
+  __name: "uploadList",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return {};
+    };
+  }
+});
+const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-9e9212b6"]]);
+wx.createPage(MiniProgramPage);

dist/dev/mp-weixin/pagesOne/record/uploadList.json

@@ -0,0 +1,6 @@
+{
+  "navigationBarTitleText": "上传记录",
+  "usingComponents": {
+    "active-block": "./components/activeBlock"
+  }
+}

dist/dev/mp-weixin/pagesOne/record/uploadList.wxml

@@ -0,0 +1 @@
+<view class="winnerListContent data-v-9e9212b6"><view class="title data-v-9e9212b6">上传记录</view><view class="content data-v-9e9212b6"><active-block class="data-v-9e9212b6" u-i="9e9212b6-0" bind:__l="__l"></active-block></view></view>

dist/dev/mp-weixin/pagesOne/record/uploadList.wxss

@@ -0,0 +1,109 @@
+/**
+ * 这里是uni-app内置的常用样式变量
+ *
+ * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
+ * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
+ *
+ */
+/**
+ * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
+ *
+ * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
+ */
+/* 颜色变量 */
+/* 行为相关颜色 */
+/* 文字基本颜色 */
+/* 背景颜色 */
+/* 边框颜色 */
+/* 尺寸变量 */
+/* 文字尺寸 */
+/* 图片尺寸 */
+/* Border Radius */
+/* 水平间距 */
+/* 垂直间距 */
+/* 透明度 */
+/* 文章场景相关 */
+.winnerListContent.data-v-9e9212b6 {
+  padding: 32rpx;
+  box-sizing: border-box;
+  background: #f7f8f9;
+  min-height: 100vh;
+}
+.winnerListContent .title.data-v-9e9212b6 {
+  color: #000;
+  font-weight: bold;
+  font-size: 32rpx;
+  position: relative;
+  margin-left: 16rpx;
+}
+.winnerListContent .title.data-v-9e9212b6::before {
+  content: " ";
+  display: inline-block;
+  width: 6rpx;
+  height: 30rpx;
+  background-color: #296041;
+  margin-right: 16rpx;
+  position: absolute;
+  border-radius: 200rpx;
+  left: -16rpx;
+  top: 0;
+  bottom: 0;
+  margin: auto;
+}
+.winnerListContent .content .activityItem.data-v-9e9212b6 {
+  height: 250rpx;
+  color: #666666;
+  font-size: 28rpx;
+  padding: 24rpx;
+  box-shadow: 0rpx 4rpx 16rpx 0rpx rgba(207, 223, 232, 0.1215686275);
+  background: #fff;
+  margin-top: 16rpx;
+  border-radius: 16rpx;
+}
+.winnerListContent .content .activityItem.data-v-9e9212b6:first-of-type {
+  position: relative;
+}
+.winnerListContent .content .activityItem.data-v-9e9212b6:first-of-type::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  border: 2rpx solid;
+  border-radius: inherit; /* 继承父元素的圆角 */
+  padding: 2rpx; /* 边框宽度 */
+  box-sizing: border-box; /* 使 padding 不影响实际大小 */
+  background: linear-gradient(90deg, #225036 0%, #3b8e5e 45.92%, #3d8f5f 100%); /* 渐变色 */
+  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); /* 遮罩 */
+  -webkit-mask-composite: destination-out; /* 将两个渐变叠加 */
+  mask-composite: exclude; /* 将两个渐变叠加 */
+}
+.winnerListContent .content .activityItem > view.data-v-9e9212b6 {
+  margin-top: 16rpx;
+}
+.winnerListContent .content .activityItem .now.data-v-9e9212b6 {
+  width: 110rpx;
+  height: 34rpx;
+}
+.winnerListContent .content .activityItem .old.data-v-9e9212b6 {
+  width: 60rpx;
+  height: 34rpx;
+}
+.winnerListContent .content .activityItem .name.data-v-9e9212b6 {
+  font-weight: bold;
+  color: #333333;
+  margin-left: 16rpx;
+}
+.winnerListContent .content .activityItem .top.data-v-9e9212b6 {
+  margin-top: 0;
+}
+.winnerListContent .widthBtn.data-v-9e9212b6 {
+  float: right;
+  width: 128rpx;
+  border-radius: 82rpx;
+  background: linear-gradient(90deg, #225036 0%, #3b8e5e 45.92%, #3d8f5f 100%);
+  color: #fff;
+  line-height: 48rpx;
+  text-align: center;
+}

dist/dev/mp-weixin/project.private.config.json

@@ -5,13 +5,27 @@
     "miniprogram": {
       "list": [
         {
-          "name": "pagesOne/record/winnerList",
-          "pathName": "pagesOne/record/winnerList",
+          "name": "pagesOne/record/uploadDetail",
+          "pathName": "pagesOne/record/uploadDetail",
           "query": "",
           "scene": null,
           "launchMode": "default"
         },
         {
+          "name": "pagesOne/record/uploadList",
+          "pathName": "pagesOne/record/uploadList",
+          "query": "",
+          "launchMode": "default",
+          "scene": null
+        },
+        {
+          "name": "pagesOne/record/winnerList",
+          "pathName": "pagesOne/record/winnerList",
+          "query": "",
+          "launchMode": "default",
+          "scene": null
+        },
+        {
           "name": "pages/my/index",
           "pathName": "pages/my/index",
           "query": "",

dist/dev/mp-weixin/utils/common.js

@@ -0,0 +1,34 @@
+"use strict";
+const formatTagColor = (type) => {
+  switch (type) {
+    case "1":
+      return "#00B97B";
+    case "2":
+      return "#F59701";
+    case "3":
+      return "#FF3B1D";
+  }
+};
+const formatTagBgColor = (type) => {
+  switch (type) {
+    case "1":
+      return "#00B97B33";
+    case "2":
+      return "#F5970133";
+    case "3":
+      return "#FF3B1D33";
+  }
+};
+const formatTagStr = (type) => {
+  switch (type) {
+    case "1":
+      return "已通过";
+    case "2":
+      return "待审核";
+    case "3":
+      return "已拒绝";
+  }
+};
+exports.formatTagBgColor = formatTagBgColor;
+exports.formatTagColor = formatTagColor;
+exports.formatTagStr = formatTagStr;

src/pages.json

@@ -43,6 +43,18 @@
           "style": {
             "navigationBarTitleText": "奖励记录"
           }
+        },
+        {
+          "path": "record/uploadList",
+          "style": {
+            "navigationBarTitleText": "上传记录"
+          }
+        },
+        {
+          "path": "record/uploadDetail",
+          "style": {
+            "navigationBarTitleText": "上传记录详情"
+          }
         }
       ]
     }

src/pages/index/index.vue

@@ -25,7 +25,7 @@
 <script setup lang="ts">
 import { onLoad, onShow } from "@dcloudio/uni-app";
 
-import { ref, getCurrentInstance, on } from "vue";
+import { ref } from "vue";
 const current = ref<number>(0);
 
 const swiperList = ref([
@@ -42,66 +42,66 @@ function onChange(e: any) {
   console.log(e);
 }
 
-const payment = () => {
-  console.log("111111111111111111111111");
-  console.log("2222222222222", wx.canIUse("requestMerchantTransfer"));
+// const payment = () => {
+//   console.log("111111111111111111111111");
+//   console.log("2222222222222", wx.canIUse("requestMerchantTransfer"));
 
-  if (wx.canIUse("requestMerchantTransfer")) {
-    wx.requestMerchantTransfer({
-      mchId: "1704355424",
-      appId: "wx4f6dc4ac1674547c",
-      package:
-        "ABBQO+oYAAABAAAAAABXTd2sUqYlyt70AY4laBAAAADnGpepZahT9IkJjn90+1qgMdPwY+yjFCPTk3QihCUyRMu4fbDXRRoJYEKmtM5WFw1NNnbDCz59pYHM1O/R7NNlNqCfDtLWcWk8aN98DCtFneeNOaU=",
-      success: (res) => {
-        // res.err_msg将在页面展示成功后返回应用时返回ok，并不代表付款成功
-        console.log("success:", res);
-      },
-      fail: (res) => {
-        console.log("fail:", res);
-      },
-    });
-  } else {
-    wx.showModal({
-      content: "你的微信版本过低，请更新至最新版本。",
-      showCancel: false,
-    });
-  }
-};
+//   if (wx.canIUse("requestMerchantTransfer")) {
+//     wx.requestMerchantTransfer({
+//       mchId: "1704355424",
+//       appId: "wx4f6dc4ac1674547c",
+//       package:
+//         "ABBQO+oYAAABAAAAAABXTd2sUqYlyt70AY4laBAAAADnGpepZahT9IkJjn90+1qgMdPwY+yjFCPTk3QihCUyRMu4fbDXRRoJYEKmtM5WFw1NNnbDCz59pYHM1O/R7NNlNqCfDtLWcWk8aN98DCtFneeNOaU=",
+//       success: (res) => {
+//         // res.err_msg将在页面展示成功后返回应用时返回ok，并不代表付款成功
+//         console.log("success:", res);
+//       },
+//       fail: (res) => {
+//         console.log("fail:", res);
+//       },
+//     });
+//   } else {
+//     wx.showModal({
+//       content: "你的微信版本过低，请更新至最新版本。",
+//       showCancel: false,
+//     });
+//   }
+// };
 
 const getuser = () => {
-  uni.login({
-    //获取code，
-    success: (res) => {
-      var code = res.code,
-        appId = "wx4f6dc4ac1674547c",
-        secret = "9e0e7fe5161541d9862b8ee2db6da840";
-      console.log("正在登录中...");
-      //根据获取的code去腾讯服务器，请求用户数据，返回的结果中，包含openid
-      wx.request({
-        url:
-          "https://api.weixin.qq.com/sns/jscode2session?appid=" +
-          appId +
-          "&secret=" +
-          secret +
-          "&js_code=" +
-          code +
-          "&grant_type=authorization_code",
-        data: {},
-        header: {
-          "content-type": "json",
-        },
-        success: (user_res) => {
-          //请求成功获取openid；
-          const user_openid = user_res.data.openid;
-          console.log("登录成功", user_openid);
-        },
-      });
-    },
-  });
+  // uni.login({
+  //   //获取code，
+  //   success: (res) => {
+  //     var code = res.code,
+  //       appId = "wx4f6dc4ac1674547c",
+  //       secret = "9e0e7fe5161541d9862b8ee2db6da840";
+  //     console.log("正在登录中...");
+  //     //根据获取的code去腾讯服务器，请求用户数据，返回的结果中，包含openid
+  //     wx.request({
+  //       url:
+  //         "https://api.weixin.qq.com/sns/jscode2session?appid=" +
+  //         appId +
+  //         "&secret=" +
+  //         secret +
+  //         "&js_code=" +
+  //         code +
+  //         "&grant_type=authorization_code",
+  //       data: {},
+  //       header: {
+  //         "content-type": "json",
+  //       },
+  //       success: (user_res) => {
+  //         //请求成功获取openid；
+  //         const user_openid = user_res.data.openid;
+  //         console.log("登录成功", user_openid);
+  //       },
+  //     });
+  //   },
+  // });
 };
 
 onShow(() => {
-  payment();
+  // payment();
   getuser();
 });
 </script>

src/pagesOne/record/components/activeBlock.vue

@@ -0,0 +1,113 @@
+<template>
+  <view class="activityItem">
+    <view class="top flex-start-btw">
+      <view>
+        <image
+          class="now"
+          src="https://qiuyu-daodian.oss-cn-beijing.aliyuncs.com/images/nowAct.png"
+          mode="scaleToFill"
+          v-if="true"
+        />
+        <image
+          class="old"
+          src="https://qiuyu-daodian.oss-cn-beijing.aliyuncs.com/images/act.png"
+          mode="scaleToFill"
+          v-if="false"
+        />
+        <text class="name">3月今麦郎上传小票返红包</text>
+      </view>
+
+      <wd-tag
+        v-if="true"
+        custom-style="padding:8rpx 26rpx;border-radius: 8rpx;font-size:22rpx;float: right"
+        :color="formatTagColor('3')"
+        :bg-color="formatTagBgColor('3')"
+      >
+        {{ formatTagStr("3") }}
+      </wd-tag>
+    </view>
+    <view> 活动力度：满26返6 </view>
+    <view> 活动时间：2021-11-21至2021-11-21 </view>
+    <view> 上传时间：2021-11-21至2021-11-21 </view>
+    <view v-if="isShow">
+      <view>上传图片:</view>
+      <view class="imgBox flex-start-center">
+        <wd-img
+          v-for="(joy, index) in props.imgList"
+          :key="index"
+          :width="50"
+          :height="112"
+          :src="joy"
+          :enable-preview="true"
+        />
+      </view>
+    </view>
+    <view v-if="isShow" class="remark"
+      >拒绝原因：订单中活动商品数量/金额不足</view
+    >
+  </view>
+</template>
+
+<script lang="ts" setup>
+import { formatTagColor, formatTagBgColor, formatTagStr } from "@/utils/common";
+
+const props = defineProps({
+  imgList: {
+    type: Array<string>,
+    default: () => [],
+  },
+
+  isShow: {
+    type: Boolean,
+    default: false,
+  },
+});
+// console.log(props);
+</script>
+
+<style lang="scss" scoped>
+.activityItem {
+  //   height: 250rpx;
+  //   width: 100%;
+  color: #666666;
+  font-size: 28rpx;
+  padding: 24rpx;
+  box-shadow: 0rpx 4rpx 16rpx 0rpx #cfdfe81f;
+  background: #fff;
+  margin-top: 16rpx;
+  border-radius: 16rpx;
+
+  > view {
+    margin-top: 16rpx;
+  }
+  .now {
+    width: 110rpx;
+    height: 34rpx;
+  }
+  .old {
+    width: 60rpx;
+    height: 34rpx;
+  }
+  .name {
+    font-weight: bold;
+    color: #333333;
+    margin-left: 16rpx;
+  }
+  .top {
+    margin-top: 0;
+  }
+  .imgBox {
+    margin-top: 16rpx;
+    ::v-deep .wd-img {
+      margin-right: 16rpx;
+      &:last-of-type {
+        margin-left: 0;
+      }
+    }
+  }
+  .remark {
+    color: #ff3b1d;
+    font-size: 28rpx;
+  }
+}
+</style>

src/pagesOne/record/uploadDetail.vue

@@ -0,0 +1,28 @@
+<template>
+  <view class="winnerListContent">
+    <view class="content">
+      <active-block :imgList="imgList" :isShow="true"></active-block>
+    </view>
+  </view>
+</template>
+
+<script lang="ts" setup>
+// import { formatTagColor, formatTagBgColor, formatTagStr } from "@/utils/common";
+import ActiveBlock from "./components/activeBlock.vue";
+const imgList = [
+  "https://qiuyu-daodian.oss-cn-beijing.aliyuncs.com/images/Group%201.png",
+  "https://qiuyu-daodian.oss-cn-beijing.aliyuncs.com/images/rule.png",
+  "https://qiuyu-daodian.oss-cn-beijing.aliyuncs.com/images/record.png",
+  //   "https://qiuyu-daodian.oss-cn-beijing.aliyuncs.com/images/photo.png",
+  //   "https://qiuyu-daodian.oss-cn-beijing.aliyuncs.com/images/book.png",
+];
+</script>
+
+<style lang="scss" scoped>
+.winnerListContent {
+  padding: 32rpx;
+  box-sizing: border-box;
+  background: #f7f8f9;
+  min-height: 100vh;
+}
+</style>

src/pagesOne/record/uploadList.vue

@@ -0,0 +1,124 @@
+<template>
+  <view class="winnerListContent">
+    <view class="title">上传记录</view>
+    <view class="content">
+      <active-block></active-block>
+    </view>
+  </view>
+</template>
+
+<script lang="ts" setup>
+import { computed } from "vue";
+import ActiveBlock from "./components/activeBlock.vue";
+</script>
+
+<style lang="scss" scoped>
+.winnerListContent {
+  padding: 32rpx;
+  box-sizing: border-box;
+  background: #f7f8f9;
+  min-height: 100vh;
+  .title {
+    color: #000;
+    font-weight: bold;
+    font-size: 32rpx;
+    position: relative;
+    margin-left: 16rpx;
+    &::before {
+      content: " ";
+      display: inline-block;
+      width: 6rpx;
+      height: 30rpx;
+      background-color: #296041;
+      margin-right: 16rpx;
+      position: absolute;
+      border-radius: 200rpx;
+      left: -16rpx;
+      top: 0;
+      bottom: 0;
+      margin: auto;
+    }
+  }
+  .content {
+    .activityItem {
+      height: 250rpx;
+      //   width: 100%;
+      color: #666666;
+      font-size: 28rpx;
+      padding: 24rpx;
+      box-shadow: 0rpx 4rpx 16rpx 0rpx #cfdfe81f;
+      background: #fff;
+      margin-top: 16rpx;
+      border-radius: 16rpx;
+      &:first-of-type {
+        position: relative;
+        &::before {
+          content: "";
+          position: absolute;
+          top: 0;
+          left: 0;
+          right: 0;
+          bottom: 0;
+          border: 2rpx solid;
+          border-radius: inherit; /* 继承父元素的圆角 */
+          padding: 2rpx; /* 边框宽度 */
+          box-sizing: border-box; /* 使 padding 不影响实际大小 */
+          background: linear-gradient(
+            90deg,
+            #225036 0%,
+            #3b8e5e 45.92%,
+            #3d8f5f 100%
+          ); /* 渐变色 */
+          -webkit-mask: linear-gradient(#fff 0 0) content-box,
+            linear-gradient(#fff 0 0); /* 遮罩 */
+          -webkit-mask-composite: destination-out; /* 将两个渐变叠加 */
+          mask-composite: exclude; /* 将两个渐变叠加 */
+        }
+        // border: 4rpx solid;
+
+        // border-image: linear-gradient(
+        //     90deg,
+        //     #225036 0%,
+        //     #3b8e5e 45.92%,
+        //     #3d8f5f 100%
+        //   )
+        //   1;
+      }
+
+      > view {
+        margin-top: 16rpx;
+      }
+      .now {
+        width: 110rpx;
+        height: 34rpx;
+      }
+      .old {
+        width: 60rpx;
+        height: 34rpx;
+      }
+      .name {
+        font-weight: bold;
+        color: #333333;
+        margin-left: 16rpx;
+      }
+      .top {
+        margin-top: 0;
+      }
+    }
+  }
+  .widthBtn {
+    float: right;
+    width: 128rpx;
+    border-radius: 82rpx;
+    background: linear-gradient(
+      90deg,
+      #225036 0%,
+      #3b8e5e 45.92%,
+      #3d8f5f 100%
+    );
+    color: #fff;
+    line-height: 48rpx;
+    text-align: center;
+  }
+}
+</style>

src/utils/common.ts

@@ -0,0 +1,32 @@
+export const formatTagColor = (type: string) => {
+  switch (type) {
+    case "1":
+      return "#00B97B";
+    case "2":
+      return "#F59701";
+    case "3":
+      return "#FF3B1D";
+  }
+};
+
+export const formatTagBgColor = (type: string) => {
+  switch (type) {
+    case "1":
+      return "#00B97B33";
+    case "2":
+      return "#F5970133";
+    case "3":
+      return "#FF3B1D33";
+  }
+};
+
+export const formatTagStr = (type: string) => {
+  switch (type) {
+    case "1":
+      return "已通过";
+    case "2":
+      return "待审核";
+    case "3":
+      return "已拒绝";
+  }
+};