xiaoe_mp_npm 1.0.21 → 1.0.22-store1

package/src/Task/TaskIcon/index.scss

@@ -1,70 +1,70 @@
-@function vmin($rpx) {
-  @return #{$rpx * 100 / $deviceWidth}vmin;
-}
-
-$deviceWidth: 750;
-
-@mixin taskIcon {
-  z-index: 9;
-  box-sizing: border-box;
-  width: vmin(72);
-  height: vmin(72);
-  text-align: center;
-  padding: 0;
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  font-size: vmin(16);
-  height: 100%;
-  border-radius: vmin(16);
-  margin: 0 vmin(32) vmin(24) 0;
-  pointer-events: auto;
-  .task-icon {
-      flex-shrink: 0;
-      display: block;
-      width: vmin(64);
-      height: vmin(64);
-      background-image: url('https://commonresource-1252524126.cdn.xiaoeknow.com/image/lopok62p0l77.png');
-      background-size: 100% 100%;
-  }
-  .task-text {
-      width: vmin(64);
-      height: vmin(24);
-      line-height: vmin(24);
-      border-radius: vmin(12);
-      font-size: vmin(16);
-      background: rgba($color: #000000, $alpha: 0.4);
-      color: #fff;
-  }
-  &.verticalStyle{
-    margin: 0;
-    background: rgba($color: #000000, $alpha: 0.2);
-    .task-text{
-      position: absolute;
-      bottom: vmin(-2);
-    }
-  }
-}
-
-.taskIcon {
-  @include taskIcon;
-}
-
-// 竖屏pad
-@media screen and (min-width: 768px) and (orientation: portrait) {
-  $deviceWidth: 1536 !global;
-
-  .taskIcon {
-    @include taskIcon;
-  }
-}
-
-// 横屏pad
-@media screen and (min-height: 768px) and (orientation: landscape) {
-  $deviceWidth: 1536 !global;
-
-  .taskIcon {
-    @include taskIcon;
-  }
-}
+@function vmin($rpx) {
+  @return #{$rpx * 100 / $deviceWidth}vmin;
+}
+
+$deviceWidth: 750;
+
+@mixin taskIcon {
+  z-index: 9;
+  box-sizing: border-box;
+  width: vmin(72);
+  height: vmin(72);
+  text-align: center;
+  padding: 0;
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  font-size: vmin(16);
+  height: 100%;
+  border-radius: vmin(16);
+  margin: 0 vmin(32) vmin(24) 0;
+  pointer-events: auto;
+  .task-icon {
+      flex-shrink: 0;
+      display: block;
+      width: vmin(64);
+      height: vmin(64);
+      background-image: url('https://commonresource-1252524126.cdn.xiaoeknow.com/image/lopok62p0l77.png');
+      background-size: 100% 100%;
+  }
+  .task-text {
+      width: vmin(64);
+      height: vmin(24);
+      line-height: vmin(24);
+      border-radius: vmin(12);
+      font-size: vmin(16);
+      background: rgba($color: #000000, $alpha: 0.4);
+      color: #fff;
+  }
+  &.verticalStyle{
+    margin: 0;
+    background: rgba($color: #000000, $alpha: 0.2);
+    .task-text{
+      position: absolute;
+      bottom: vmin(-2);
+    }
+  }
+}
+
+.taskIcon {
+  @include taskIcon;
+}
+
+// 竖屏pad
+@media screen and (min-width: 768px) and (orientation: portrait) {
+  $deviceWidth: 1536 !global;
+
+  .taskIcon {
+    @include taskIcon;
+  }
+}
+
+// 横屏pad
+@media screen and (min-height: 768px) and (orientation: landscape) {
+  $deviceWidth: 1536 !global;
+
+  .taskIcon {
+    @include taskIcon;
+  }
+}

package/src/Task/TaskIcon/index.wxml

@@ -1,5 +1,5 @@
-<view class="taskIcon {{aliveMode === 1? 'verticalStyle' : ''}}" catch:tap="iconClick">
-  <view class="task-icon" />
-  <view class="task-text">{{iconText}}</view>
-</view>
-
+<view class="taskIcon {{aliveMode === 1? 'verticalStyle' : ''}}" catch:tap="iconClick">
+  <view class="task-icon" />
+  <view class="task-text">{{iconText}}</view>
+</view>
+

package/src/Task/TaskIcon/index.wxss

@@ -1,130 +1,130 @@
-.taskIcon {
-  z-index: 9;
-  box-sizing: border-box;
-  width: 9.6vmin;
-  height: 9.6vmin;
-  text-align: center;
-  padding: 0;
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  font-size: 2.13333vmin;
-  height: 100%;
-  border-radius: 2.13333vmin;
-  margin: 0 4.26667vmin 3.2vmin 0;
-  pointer-events: auto;
-}
-.taskIcon .task-icon {
-  flex-shrink: 0;
-  display: block;
-  width: 8.53333vmin;
-  height: 8.53333vmin;
-  background-image: url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/lopok62p0l77.png");
-  background-size: 100% 100%;
-}
-.taskIcon .task-text {
-  width: 8.53333vmin;
-  height: 3.2vmin;
-  line-height: 3.2vmin;
-  border-radius: 1.6vmin;
-  font-size: 2.13333vmin;
-  background: rgba(0, 0, 0, 0.4);
-  color: #fff;
-}
-.taskIcon.verticalStyle {
-  margin: 0;
-  background: rgba(0, 0, 0, 0.2);
-}
-.taskIcon.verticalStyle .task-text {
-  position: absolute;
-  bottom: -0.26667vmin;
-}
-@media screen and (min-width: 768px) and (orientation: portrait) {
-  .taskIcon {
-    z-index: 9;
-    box-sizing: border-box;
-    width: 4.6875vmin;
-    height: 4.6875vmin;
-    text-align: center;
-    padding: 0;
-    position: relative;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    font-size: 1.04167vmin;
-    height: 100%;
-    border-radius: 1.04167vmin;
-    margin: 0 2.08333vmin 1.5625vmin 0;
-    pointer-events: auto;
-  }
-  .taskIcon .task-icon {
-    flex-shrink: 0;
-    display: block;
-    width: 4.16667vmin;
-    height: 4.16667vmin;
-    background-image: url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/lopok62p0l77.png");
-    background-size: 100% 100%;
-  }
-  .taskIcon .task-text {
-    width: 4.16667vmin;
-    height: 1.5625vmin;
-    line-height: 1.5625vmin;
-    border-radius: 0.78125vmin;
-    font-size: 1.04167vmin;
-    background: rgba(0, 0, 0, 0.4);
-    color: #fff;
-  }
-  .taskIcon.verticalStyle {
-    margin: 0;
-    background: rgba(0, 0, 0, 0.2);
-  }
-  .taskIcon.verticalStyle .task-text {
-    position: absolute;
-    bottom: -0.13021vmin;
-  }
-}
-@media screen and (min-height: 768px) and (orientation: landscape) {
-  .taskIcon {
-    z-index: 9;
-    box-sizing: border-box;
-    width: 4.6875vmin;
-    height: 4.6875vmin;
-    text-align: center;
-    padding: 0;
-    position: relative;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    font-size: 1.04167vmin;
-    height: 100%;
-    border-radius: 1.04167vmin;
-    margin: 0 2.08333vmin 1.5625vmin 0;
-    pointer-events: auto;
-  }
-  .taskIcon .task-icon {
-    flex-shrink: 0;
-    display: block;
-    width: 4.16667vmin;
-    height: 4.16667vmin;
-    background-image: url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/lopok62p0l77.png");
-    background-size: 100% 100%;
-  }
-  .taskIcon .task-text {
-    width: 4.16667vmin;
-    height: 1.5625vmin;
-    line-height: 1.5625vmin;
-    border-radius: 0.78125vmin;
-    font-size: 1.04167vmin;
-    background: rgba(0, 0, 0, 0.4);
-    color: #fff;
-  }
-  .taskIcon.verticalStyle {
-    margin: 0;
-    background: rgba(0, 0, 0, 0.2);
-  }
-  .taskIcon.verticalStyle .task-text {
-    position: absolute;
-    bottom: -0.13021vmin;
-  }
-}
+.taskIcon {
+  z-index: 9;
+  box-sizing: border-box;
+  width: 9.6vmin;
+  height: 9.6vmin;
+  text-align: center;
+  padding: 0;
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  font-size: 2.13333vmin;
+  height: 100%;
+  border-radius: 2.13333vmin;
+  margin: 0 4.26667vmin 3.2vmin 0;
+  pointer-events: auto;
+}
+.taskIcon .task-icon {
+  flex-shrink: 0;
+  display: block;
+  width: 8.53333vmin;
+  height: 8.53333vmin;
+  background-image: url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/lopok62p0l77.png");
+  background-size: 100% 100%;
+}
+.taskIcon .task-text {
+  width: 8.53333vmin;
+  height: 3.2vmin;
+  line-height: 3.2vmin;
+  border-radius: 1.6vmin;
+  font-size: 2.13333vmin;
+  background: rgba(0, 0, 0, 0.4);
+  color: #fff;
+}
+.taskIcon.verticalStyle {
+  margin: 0;
+  background: rgba(0, 0, 0, 0.2);
+}
+.taskIcon.verticalStyle .task-text {
+  position: absolute;
+  bottom: -0.26667vmin;
+}
+@media screen and (min-width: 768px) and (orientation: portrait) {
+  .taskIcon {
+    z-index: 9;
+    box-sizing: border-box;
+    width: 4.6875vmin;
+    height: 4.6875vmin;
+    text-align: center;
+    padding: 0;
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    font-size: 1.04167vmin;
+    height: 100%;
+    border-radius: 1.04167vmin;
+    margin: 0 2.08333vmin 1.5625vmin 0;
+    pointer-events: auto;
+  }
+  .taskIcon .task-icon {
+    flex-shrink: 0;
+    display: block;
+    width: 4.16667vmin;
+    height: 4.16667vmin;
+    background-image: url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/lopok62p0l77.png");
+    background-size: 100% 100%;
+  }
+  .taskIcon .task-text {
+    width: 4.16667vmin;
+    height: 1.5625vmin;
+    line-height: 1.5625vmin;
+    border-radius: 0.78125vmin;
+    font-size: 1.04167vmin;
+    background: rgba(0, 0, 0, 0.4);
+    color: #fff;
+  }
+  .taskIcon.verticalStyle {
+    margin: 0;
+    background: rgba(0, 0, 0, 0.2);
+  }
+  .taskIcon.verticalStyle .task-text {
+    position: absolute;
+    bottom: -0.13021vmin;
+  }
+}
+@media screen and (min-height: 768px) and (orientation: landscape) {
+  .taskIcon {
+    z-index: 9;
+    box-sizing: border-box;
+    width: 4.6875vmin;
+    height: 4.6875vmin;
+    text-align: center;
+    padding: 0;
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    font-size: 1.04167vmin;
+    height: 100%;
+    border-radius: 1.04167vmin;
+    margin: 0 2.08333vmin 1.5625vmin 0;
+    pointer-events: auto;
+  }
+  .taskIcon .task-icon {
+    flex-shrink: 0;
+    display: block;
+    width: 4.16667vmin;
+    height: 4.16667vmin;
+    background-image: url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/lopok62p0l77.png");
+    background-size: 100% 100%;
+  }
+  .taskIcon .task-text {
+    width: 4.16667vmin;
+    height: 1.5625vmin;
+    line-height: 1.5625vmin;
+    border-radius: 0.78125vmin;
+    font-size: 1.04167vmin;
+    background: rgba(0, 0, 0, 0.4);
+    color: #fff;
+  }
+  .taskIcon.verticalStyle {
+    margin: 0;
+    background: rgba(0, 0, 0, 0.2);
+  }
+  .taskIcon.verticalStyle .task-text {
+    position: absolute;
+    bottom: -0.13021vmin;
+  }
+}

package/src/Task/TaskPopup/component/RewardList/index.js

@@ -1,39 +1,39 @@
-const computedBehavior = require('miniprogram-computed').behavior
-Component({
-  behaviors: [computedBehavior],
-  properties: {
-    rewardList:{
-      type:Array,
-      value:()=>{
-        return []
-      }
-    },
-    refreshStatus:{
-      type:Boolean,
-      value: false
-    }
-  },
-  data: {
-    activeNames:["1"],
-  },
-  lifetimes: {
-    // 生命周期函数，可以为函数，或一个在methods段中定义的方法名
-    attached: function () {
-
-    },
-    moved: function () { },
-    detached: function () { },
-  },
-  methods: {
-    btnClick(e){
-      this.triggerEvent("btnClick",e.detail)
-    },
-    onLoad(){
-      this.triggerEvent("onLoad","rewardList")
-    },
-    getMoreList(){
-      this.triggerEvent("getMoreList","rewardList")
-    }
-  },
-  observers: {},
-})
+const computedBehavior = require('miniprogram-computed').behavior
+Component({
+  behaviors: [computedBehavior],
+  properties: {
+    rewardList:{
+      type:Array,
+      value:()=>{
+        return []
+      }
+    },
+    refreshStatus:{
+      type:Boolean,
+      value: false
+    }
+  },
+  data: {
+    activeNames:["1"],
+  },
+  lifetimes: {
+    // 生命周期函数，可以为函数，或一个在methods段中定义的方法名
+    attached: function () {
+
+    },
+    moved: function () { },
+    detached: function () { },
+  },
+  methods: {
+    btnClick(e){
+      this.triggerEvent("btnClick",e.detail)
+    },
+    onLoad(){
+      this.triggerEvent("onLoad","rewardList")
+    },
+    getMoreList(){
+      this.triggerEvent("getMoreList","rewardList")
+    }
+  },
+  observers: {},
+})

package/src/Task/TaskPopup/component/RewardList/index.json

@@ -1,6 +1,6 @@
-{
-  "component": true,
-  "usingComponents": {
-    "task-item":"../TaskItem"
-  }
-}
+{
+  "component": true,
+  "usingComponents": {
+    "task-item":"../TaskItem"
+  }
+}

package/src/Task/TaskPopup/component/RewardList/index.scss

@@ -1,40 +1,40 @@
-$deviceWidth: 750;
-
-@function vmin($rpx) {
-  @return #{$rpx * 100 / $deviceWidth}vmin;
-}
-
-@mixin reward-list{
-  height: 100%;
-}
-
-.reward-list {
-  @include reward-list;
-}
-
-// 竖屏pad
-@media screen and (min-width: 768px) and (orientation: portrait) {
-  $deviceWidth: 1536 !global;
-
-  .reward-list {
-    @include reward-list;
-  }
-}
-
-// PC 放大适配
-@media screen and (min-height: 630px) and (orientation: landscape) {
-  $deviceWidth: 1260 !global;
-
-  .reward-list {
-    @include reward-list;
-  }
-}
-
-// 横屏pad
-@media screen and (min-height: 768px) and (orientation: landscape) {
-  $deviceWidth: 1536 !global;
-
-  .reward-list {
-    @include reward-list;
-  }
+$deviceWidth: 750;
+
+@function vmin($rpx) {
+  @return #{$rpx * 100 / $deviceWidth}vmin;
+}
+
+@mixin reward-list{
+  height: 100%;
+}
+
+.reward-list {
+  @include reward-list;
+}
+
+// 竖屏pad
+@media screen and (min-width: 768px) and (orientation: portrait) {
+  $deviceWidth: 1536 !global;
+
+  .reward-list {
+    @include reward-list;
+  }
+}
+
+// PC 放大适配
+@media screen and (min-height: 630px) and (orientation: landscape) {
+  $deviceWidth: 1260 !global;
+
+  .reward-list {
+    @include reward-list;
+  }
+}
+
+// 横屏pad
+@media screen and (min-height: 768px) and (orientation: landscape) {
+  $deviceWidth: 1536 !global;
+
+  .reward-list {
+    @include reward-list;
+  }
 }

package/src/Task/TaskPopup/component/RewardList/index.wxml

@@ -1,19 +1,19 @@
-<scroll-view
-  class="reward-list"
-  scroll-y="true"
-  bindrefresherrefresh="onLoad"
-  refresher-enabled="{{true}}"
-  refresher-triggered="{{ refreshStatus }}"
-  bindscrolltolower="getMoreList"
->
-  <task-item
-    wx:for="{{rewardList}}"
-    wx:for-item="item"
-    wx:for-index="index"
-    listType="reward"
-    isRadius="{{true}}"
-    taskItem="{{item}}"
-    bind:btnClick="btnClick"
-    isMb="{{true}}"
-  />
-</scroll-view>
+<scroll-view
+  class="reward-list"
+  scroll-y="true"
+  bindrefresherrefresh="onLoad"
+  refresher-enabled="{{true}}"
+  refresher-triggered="{{ refreshStatus }}"
+  bindscrolltolower="getMoreList"
+>
+  <task-item
+    wx:for="{{rewardList}}"
+    wx:for-item="item"
+    wx:for-index="index"
+    listType="reward"
+    isRadius="{{true}}"
+    taskItem="{{item}}"
+    bind:btnClick="btnClick"
+    isMb="{{true}}"
+  />
+</scroll-view>

package/src/Task/TaskPopup/component/RewardList/index.wxss

@@ -1,18 +1,18 @@
-.reward-list {
-  height: 100%;
-}
-@media screen and (min-width: 768px) and (orientation: portrait) {
-  .reward-list {
-    height: 100%;
-  }
-}
-@media screen and (min-height: 630px) and (orientation: landscape) {
-  .reward-list {
-    height: 100%;
-  }
-}
-@media screen and (min-height: 768px) and (orientation: landscape) {
-  .reward-list {
-    height: 100%;
-  }
-}
+.reward-list {
+  height: 100%;
+}
+@media screen and (min-width: 768px) and (orientation: portrait) {
+  .reward-list {
+    height: 100%;
+  }
+}
+@media screen and (min-height: 630px) and (orientation: landscape) {
+  .reward-list {
+    height: 100%;
+  }
+}
+@media screen and (min-height: 768px) and (orientation: landscape) {
+  .reward-list {
+    height: 100%;
+  }
+}