1

taobao_mini/client/components/comtask/comtask.acss

+.taskcontainer {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 20;
+  background: rgba(0, 0, 0, 0.5);
+}
 .task {
   width: 750rpx;
   height: 792rpx;
   opacity: 1;
-  top: 832rpx;
+  top: 100%;
+  margin-top: -792rpx;
   position: absolute;
   transform-origin: 0rpx 0rpx 0rpx;
 }

taobao_mini/client/components/comtask/comtask.axml

-<view class="task ">
+<view class="taskcontainer ">
+  <view class="task ">
     <image class="task_bg " src={{resList['7d24398f-622f-4f20-9d7e-2d7237d7bc6b'].url}} />
-        <image class="task_close " src={{resList['33778cbf-8c4f-4d6f-a8e8-9ebc6f0c5cd0'].url}} />
+    <image class="task_close " onTap="onModalClose" src={{resList['33778cbf-8c4f-4d6f-a8e8-9ebc6f0c5cd0'].url}} />
     <view class="task_item ">
       <image class="task_itembg " src={{resList['b44bac8c-652f-496d-9bc1-165e30d71b02'].url}} />
       <image class="task_receivebtn " src={{resList['b9f1cc3f-4620-44d8-85ae-187be0745ace'].url}} />
@@ -10,8 +11,9 @@
       <image class="task_inviteicon " src={{resList['61cf4c2c-54e4-4cde-aa16-78ee5d17ab06'].url}} />
       <image class="task_focusicon " src={{resList['61cf4c2c-54e4-4cde-aa16-78ee5d17ab06'].url}} />
       <image class="task_readicon " src={{resList['61cf4c2c-54e4-4cde-aa16-78ee5d17ab06'].url}} />
-          <span class="task_title ">签到</span>
-          <span class="task_award ">精力 +10</span>
-          <span class="task_progress ">（10/10）</span>
+      <label class="task_title ">签到</label>
+      <label class="task_award ">精力 +10</label>
+      <label class="task_progress ">（10/10）</label>
     </view>
   </view>
+</view>
\ No newline at end of file

taobao_mini/client/components/comtask/comtask.js

@@ -3,13 +3,15 @@
 import resList from '../../resconfig/resList';
 Component({
   props: {},
-  data: {},
-  methods: {},
+  data: {resList: resList},
   
-  onInit(props) {
-    this.setData({
-      resList: resList
-    });
+  methods: {
+    
+    onModalClose() {
+      const { onModalClose } = this.props;
+      onModalClose && onModalClose();
+      console.log('com task onModalClose')
+    }
   }
 
 });
\ No newline at end of file

taobao_mini/client/pages/pagecanvas/pagecanvas.axml

@@ -11,5 +11,6 @@
 <view class="popcontainer" a:if="{{catnameModalVisible}}" ><catname-modal selectType="{{catType}}" onModalClose="closeCatnameModal" onSelectCatOk="selectCatOk" /></view>
 <view class="popcontainer" a:if="{{recallcatModalVisible}}"><recallcat-modal  onModalClose="closeRecallcatModal"></recallcat-modal></view> 
 <view class="popcontainer" a:if="{{getcatModalVisible}}"><getcat-modal catName="{{catName}}" onPostSelectCat="postSelectCat" onModalClose="closeGetcatModal"></getcat-modal></view> 
+<task-modal a:if="{{taskModalVisible}}" onModalClose="closeTaskModal"></task-modal>
  
  
\ No newline at end of file

taobao_mini/client/pages/pagecanvas/pagecanvas.js

@@ -28,6 +28,7 @@ Page({
     data: {
         catType: 1,
         catName: '',
+        taskModalVisible: 1,
         messageModalVisible: false,
         messageModalData: {},
         ruleModalVisible: false,
@@ -330,7 +331,14 @@ Page({
             recallcatModalVisible: false
         })
     },
+    closeTaskModal() {
+        console.log('onModalClose')
+        this.setData({
+            taskModalVisible: false
+        })
+    },
     closeGetcatModal() {
+        
         this.setData({
             getcatModalVisible: false
         })

taobao_mini/client/pages/pagecanvas/pagecanvas.json

 {
   "usingComponents": {
+    "task-modal": "/components/comtask/comtask",
     "rule-modal": "/components/ruleModal/ruleModal",
     "levelup-modal": "/components/comlevelup/comlevelup",
     "message-modal": "/components/commessage/commessage",