222

taobao_jn/client/components/comranknoprizemodal/comranknoprizemodal.acss

@@ -5,7 +5,7 @@
   left: 111rpx;
   top: 443rpx;
   position: absolute;
-  transform-origin: 0rpx 0rpx 0rpx;
+  transform-origin: 50% 50% 0rpx;
 }
 .ranknoprizemodal .ranknoprizebg {
   width: 527rpx;
@@ -32,7 +32,7 @@
   left: 83rpx;
   top: 416rpx;
   position: absolute;
-  transform-origin: 0rpx 0rpx 0rpx;
+  transform-origin: 50% 50% 0rpx;
 }
 .ranknoprizemodal .ranknoprizeclose {
   width: 72rpx;
@@ -41,5 +41,45 @@
   left: 228rpx;
   top: 562rpx;
   position: absolute;
-  transform-origin: 0rpx 0rpx 0rpx;
+  transform-origin: 50% 50% 0rpx;
 }
+
+.ranknoprizemodal .ranknoprize500 {
+    width: 335rpx;
+    height: 77rpx;
+    opacity: 1;
+    left: 96rpx;
+    top: 200rpx;
+    position: absolute;
+    transform-origin: 0rpx 0rpx 0rpx;
+  }
+
+  .ranknoprizemodal .rankNoPirzeHundred {
+    width: 88rpx;
+    height: 77rpx;
+    opacity: 1;
+    left: 134rpx;
+    top: 200rpx;
+    position: absolute;
+    transform-origin: 0rpx 0rpx 0rpx;
+  }
+
+  .ranknoprizemodal .rankNoPirzeTen {
+    width: 87rpx;
+    height: 77rpx;
+    opacity: 1;
+    left: 222rpx;
+    top: 198rpx;
+    position: absolute;
+    transform-origin: 0rpx 0rpx 0rpx;
+  }
+
+  .ranknoprizemodal .rankNoPirzeOne {
+    width: 87rpx;
+    height: 77rpx;
+    opacity: 1;
+    left: 308rpx;
+    top: 198rpx;
+    position: absolute;
+    transform-origin: 0rpx 0rpx 0rpx;
+  }
\ No newline at end of file

taobao_jn/client/components/comranknoprizemodal/comranknoprizemodal.axml

-<view class="ranknoprizemodal ">
+<view class="ranknoprizemodal modal-animate-zoom-in">
         <image class="ranknoprizebg " src={{resList['ae93d0a2-7c8b-48a5-96a2-49b819e5b2bf'].url}} />
-        <span class="ranknoprizeindex ">500+</span>
-        <image class="ranknoprizebtn " src={{resList['d0c616aa-c606-40dd-b6f1-e9d370f3d053'].url}} />
-        <image class="ranknoprizeclose " src={{resList['843f7959-252d-403d-8287-e212b46b1fc1'].url}} />
-      </view>
+        <!-- <label class="ranknoprizeindex ">500+</label> -->
+        <image class="ranknoprize500 " a:if="{{myRank>500}}" src={{resList['14fbf7c8-43e2-4bb9-81c8-d1392455cf39'].url}} />
+        <image class="rankNoPirzeHundred " a:if="{{myRank<=500}}" src={{resList['55fd44df-0153-4a6b-aa5c-b1aea201cdb8-'+(myRankHundred)].url}} />
+        <image class="rankNoPirzeTen " a:if="{{myRank<=500}}" src={{resList['55fd44df-0153-4a6b-aa5c-b1aea201cdb8-'+(myRankTen)].url}} />
\ No newline at end of file
+        <image class="rankNoPirzeOne " a:if="{{myRank<=500}}" style="{{{'left':oneLeft}}}" src={{resList['55fd44df-0153-4a6b-aa5c-b1aea201cdb8-'+(myRankOne)].url}} />
+        <image class="ranknoprizebtn btn" onTap="onCloseModal" src={{resList['d0c616aa-c606-40dd-b6f1-e9d370f3d053'].url}} />
+        <image class="ranknoprizeclose btn" onTap="onCloseModal" src={{resList['843f7959-252d-403d-8287-e212b46b1fc1'].url}} />
+</view> 
\ No newline at end of file

taobao_jn/client/components/comranknoprizemodal/comranknoprizemodal.js

@@ -2,14 +2,42 @@
 
 import resList from '../../resconfig/resList';
 Component({
-  props: {},
-  data: {},
-  methods: {},
+  props: {
+      gameInfo:{rank:156}
+  },
+  data: {
+    resList: resList,
+    myRank:0,
+    myRankHundred:0,
+    myRankTen:0,
+    tenLeft:0,
+    myRankOne:0,
+    oneLeft:0
+  },
+  methods: {
+    onCloseModal() {
+        const {
+            onCloseModal
+        } = this.props;
+        onCloseModal && onCloseModal();
+    },
+  },
 
-  onInit(props) {
+  didMount(){
+    const {rank} = this.props.gameInfo;
+    let hundred = Math.floor(rank%1000/100);
+    let ten = Math.floor(rank%1000%100/10);
+    let one = Math.floor(rank%1000%100%10);
+    console.log("排名",hundred,ten,one)
+    if(ten<=0){
+        this.setData({
+            oneLeft:'222rpx'
+        })
+    }
     this.setData({
-      resList: resList
-    });
+        myRankHundred:hundred,
+        myRankTen:ten,
+        myRankOne:one
+    })
   }
-
 });
\ No newline at end of file

taobao_jn/client/pages/pagepageindex/pagepageindex.acss

@@ -20,7 +20,8 @@
 }
 
 .curWarms {
-    font-size: 36rpx;
+    font-size: 42rpx;
+    font-weight: bolder;
 }
 
 .pageindex {

taobao_jn/client/pages/pagepageindex/pagepageindex.axml

@@ -55,6 +55,14 @@
       <view class="popcontainer" a:if="{{modalStatus==5}}">
       <invitefail-modal a:if="{{modalStatus==5}}" onCloseModal="closeModal"></invitefail-modal>
       </view>
+
+      <view class="popcontainer" a:if="{{modalStatus==6}}">
+      <ranknoprize-modal a:if="{{modalStatus==6}}" onCloseModal="closeModal"></ranknoprize-modal>
+      </view>
+
+      <view class="popcontainer" a:if="{{modalStatus==7}}">
+      <rankprize-modal a:if="{{modalStatus==7}}" onCloseModal="closeModal"></rankprize-modal>
+      </view>
       
       
       

taobao_jn/client/pages/pagepageindex/pagepageindex.js

@@ -234,6 +234,11 @@ Page({
             commonToast(r && r.message);
         }) || {};
         if (success) {
+            if(data.rankPrize&&data.rankPrize.type==5){
+                this.setData({modalStatus: modalType['ranknoprize']})
+            }else if(data.rankPrize.type!=5){
+                this.setData({modalStatus: modalType['rankprize']})
+            }
             let str = data.rank>500?'500+':data.rank
             this.setData({
                 curWarms: data.warms + '',

taobao_jn/client/pages/pagepageindex/pagepageindex.json

@@ -4,7 +4,10 @@
     "invitelist-modal": "/components/cominvitelistmodal/cominvitelistmodal",
     "invite-modal": "/components/cominvitemodal/cominvitemodal",
     "invitesuccess-modal": "/components/cominvitesuccessmodal/cominvitesuccessmodal",
-    "invitefail-modal": "/components/cominvitefailmodal/cominvitefailmodal"  
+    "invitefail-modal": "/components/cominvitefailmodal/cominvitefailmodal",
+    "ranknoprize-modal": "/components/comranknoprizemodal/comranknoprizemodal",
+    "rankprize-modal": "/components/comrankprizemodal/comrankprizemodal"
+    
   }
 }
 

taobao_jn/client/resconfig/resList.js

@@ -541,5 +541,78 @@ const resList = {
         url: '//yun.duiba.com.cn/spark/assets/jnlogo.9fc9cd6aec47a73db43f0c4f56da6c3c6f94a0bd.png',
         uuid: '23b7797e-e924-48b1-8afa-7412722a0bc9'
       },
+
+      '55fd44df-0153-4a6b-aa5c-b1aea201cdb8-0': {
+        name: 'rank0',
+        ext: '.png',
+        url: '//yun.duiba.com.cn/spark/assets/rank0.81ff8f5ae5cfe0369f3fe61e57ce1b123c1ec884.png',
+        uuid: '55fd44df-0153-4a6b-aa5c-b1aea201cdb8'
+      },
+      '55fd44df-0153-4a6b-aa5c-b1aea201cdb8-1': {
+        name: 'rank1',
+        ext: '.png',
+        url: '//yun.duiba.com.cn/spark/assets/rank1.3b176f0f4b8a170e4bdd689351dd66ef1f30df20.png',
+        uuid: '88bd89e0-62ac-447a-943a-c471245d3142'
+      },
+      '55fd44df-0153-4a6b-aa5c-b1aea201cdb8-2': {
+        name: 'rank2',
+        ext: '.png',
+        url: '//yun.duiba.com.cn/spark/assets/rank2.58aa5303a183609f656c31376248e7923247fa04.png',
+        uuid: '382feda8-f27b-4818-a915-14729fcda18f'
+      },
+      '55fd44df-0153-4a6b-aa5c-b1aea201cdb8-3': {
+        name: 'rank3',
+        ext: '.png',
+        url: '//yun.duiba.com.cn/spark/assets/rank3.d64dc1132a5bee117d6b5619fe10c6e637143f24.png',
+        uuid: '47d1444b-afdf-4518-9f94-e23f9b4f92d5'
+      },
+      '55fd44df-0153-4a6b-aa5c-b1aea201cdb8-4': {
+        name: 'rank4',
+        ext: '.png',
+        url: '//yun.duiba.com.cn/spark/assets/rank4.c2594b8517554f9ba0f36dadb63af6d9e97abf78.png',
+        uuid: '4e118d5c-82f0-4f46-adbc-c689c3f61c89'
+      },
+      '55fd44df-0153-4a6b-aa5c-b1aea201cdb8-6': {
+        name: 'rank5',
+        ext: '.png',
+        url: '//yun.duiba.com.cn/spark/assets/rank6.5459f16894116f26fcb98f1b4c12ba8595400da1.png',
+        uuid: 'fd11c427-a1e8-4ba7-bdd5-bad4a6b9a8bf'
+      },
+      '55fd44df-0153-4a6b-aa5c-b1aea201cdb8-5': {
+        name: 'rank6',
+        ext: '.png',
+        url: '//yun.duiba.com.cn/spark/assets/rank5.170c3bc71ebcbcd059eda646df490aa80fd71a67.png',
+        uuid: 'e5e6660d-e697-4f71-ab22-bf4bd1c0cd04'
+      },
+      '55fd44df-0153-4a6b-aa5c-b1aea201cdb8-7': {
+        name: 'rank7',
+        ext: '.png',
+        url: '//yun.duiba.com.cn/spark/assets/rank7.857b63de950a181d98c8da7cafece0a8e7dd3f93.png',
+        uuid: '3a09cd73-e85a-438f-82db-dd2c32ac8274'
+      },
+      '55fd44df-0153-4a6b-aa5c-b1aea201cdb8-9': {
+        name: 'rank8',
+        ext: '.png',
+        url: '//yun.duiba.com.cn/spark/assets/rank9.386ed803c4919900132c2a3fa976a3c6a6814a17.png',
+        uuid: '9b5311be-bbf0-4ad7-b07b-9b65566d2433'
+      },
+      '14fbf7c8-43e2-4bb9-81c8-d1392455cf39': {
+        name: 'rank9',
+        ext: '.png',
+        url: '//yun.duiba.com.cn/spark/assets/rank500plus.d30d20e9379279860ff72a2b3c1cd7eeac9dab30.png',
+        uuid: '14fbf7c8-43e2-4bb9-81c8-d1392455cf39'
+      },
+      '55fd44df-0153-4a6b-aa5c-b1aea201cdb8-8': {
+        name: 'rank500plus',
+        ext: '.png',
+        url: '//yun.duiba.com.cn/spark/assets/rank8.5e23864e930fcb53c9ee861c8fc9a60241b237cc.png',
+        uuid: '2232e52e-fcf1-4d0b-859a-7f53148367ad'
+      },
+      '3202ce2d-89f6-4b02-ba30-8eb0d163d757': {
+        name: 'rankplus',
+        ext: '.png',
+        url: '//yun.duiba.com.cn/spark/assets/rankplus.41fdb644cd6d89a7835757cb15787385912bae97.png',
+        uuid: '3202ce2d-89f6-4b02-ba30-8eb0d163d757'
+      },
 };
 export default resList;
\ No newline at end of file

taobao_jn/client/tbcc-sdk/lib/constants.js

@@ -34,5 +34,7 @@ export const modalType = {
     inviteList:2,
     invite:3,
     invitesuccess:4,
-    invitefail:5
+    invitefail:5,
+    ranknoprize:6,
+    rankprize:7
 }

taobao_jn/mocks/jn.getGameInfo.json

@@ -9,7 +9,7 @@
         "openId": -56636935.38550403,
         "rankPrize": {
             "name": "reprehenderit voluptate dolore Lorem pariatur",
-            "type": "ipsum velit",
+            "type": "5",
             "image": "Lorem irure sed"
         }
     }