1234

taobao_mini/client/components/comcatrule/comcatrule.axml

 <view class="catrule">
         <image class="catrulebg" src={{resList['716ced79-de7f-40ca-ac98-46a5adf13db0'].url}} />
         <image class="catrulep" src={{resList['617927a2-2dd6-456a-9d92-1f607a137dbc'].url}} />
-        <span class="catrulelabel">
+        <label class="catrulelabel">
           游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则游戏规则
-        </span>
-        <image class="catrulebtnclose" src={{resList['29e80fbb-98ed-40fb-a11b-e14b45fee158'].url}} />
+        </label>
+        <image class="catrulebtnclose" onTap="onModalClose" src={{resList['29e80fbb-98ed-40fb-a11b-e14b45fee158'].url}} />
       </view>
\ No newline at end of file

taobao_mini/client/components/comcatrule/comcatrule.js

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

taobao_mini/client/pages/pagecanvas/pagecanvas.axml

@@ -13,4 +13,4 @@
 <view class="popcontainer" a:if="{{getcatModalVisible}}"><getcat-modal catName="{{catName}}" onPostSelectCat="postSelectCat" onModalClose="closeGetcatModal"></getcat-modal></view> 
 <view class="popcontainer" a:if="{{catbackbedModalVisible}}"><catbackbed-modal mydata="{{getcatModalData}}" recallCatInfo="{{recallCatInfo}}" onUpdateUserInfo="updateUserInfo" onModalClose="closeCatbackModal"></catbackbed-modal></view> 
 <task-modal a:if="{{taskModalVisible}}" onModalClose="closeTaskModal"></task-modal>
- 
+ <view class="popcontainer" a:if="{{catruleModalVisible}}"><catrule-modal onModalClose="closeCatruleModal"></catrule-modal></view> 

taobao_mini/client/pages/pagecanvas/pagecanvas.js

@@ -28,13 +28,8 @@ Page({
     data: {
         catType: 1,
         catName: '',
-        recallCatInfo:{                     
-            value: 1, 
-            type: 6, 
-            backType: 2, 
-            desc: "eu dolore qui mollit"
-        },
-        taskModalVisible: 1,
+        recallCatInfo:{},
+        taskModalVisible: false,
         messageModalVisible: false,
         messageModalData: {},
         ruleModalVisible: false,
@@ -44,10 +39,9 @@ Page({
         catnameModalVisible: false,
         recallcatModalVisible: false,
         getcatModalVisible: false,
-        getcatModalData: {
-            catType: 1
-        },
-        catbackbedModalVisible: false
+        getcatModalData: {},
+        catbackbedModalVisible: false,
+        catruleModalVisible:true
     },
 
     onLoad(props) {
@@ -370,4 +364,9 @@ Page({
             catbackbedModalVisible: false
         })
     },
+    closeCatruleModal(){
+        this.setData({
+            catruleModalVisible:false
+        })
+    }
 });
\ No newline at end of file

taobao_mini/client/pages/pagecanvas/pagecanvas.json

@@ -8,6 +8,9 @@
     "catname-modal":"/components/comcatname/comcatname",
     "recallcat-modal":"/components/comrecallcat/comrecallcat",
     "getcat-modal":"/components/comgetcat/comgetcat",
-    "catbackbed-modal":"/components/comcatbackbed/comcatbackbed"
+    "catbackbed-modal":"/components/comcatbackbed/comcatbackbed",
+    "catrule-modal":"/components/comcatrule/comcatrule"
   }
 }
+
+

taobao_mini/client/resconfig/resList.js

@@ -465,5 +465,18 @@ const resList = {
     url: '//yun.duiba.com.cn/spark/assets/5193855f40ff72dea9f48022083a6a35240b6dc6.png'
   },
 
+  '716ced79-de7f-40ca-ac98-46a5adf13db0': {
+    name: 'catruleBg',
+    ext: '.png',
+    url: '//yun.duiba.com.cn/spark/assets/catruleBg.8b265a49b5fef7d4020ba60884868be6d772b72d.png',
+    uuid: '716ced79-de7f-40ca-ac98-46a5adf13db0'
+  },
+  '617927a2-2dd6-456a-9d92-1f607a137dbc': {
+    name: '进度条',
+    ext: '.png',
+    uuid: '617927a2-2dd6-456a-9d92-1f607a137dbc',
+    url: '//yun.duiba.com.cn/spark/assets/a67137c922a0d539215aed739676aa7636e3c4d8.png'
+  },
+
 };
 export default resList;