Widget:SpcComp

支援卡对比

<tbody data-bind='foreach: table_lines'> </tbody>

	<img class="cardpic" data-bind="attr:{src: selected_cards()[0].scard.图标;}">	<img class="cardpic" data-bind="attr:{src: selected_cards()[1].scard.图标;}">	<img class="cardpic" data-bind="attr:{src: selected_cards()[2].scard.图标;}">
突破	<select class="textsm" data-bind="options: limit_break, value: selected_cards()[0].level, optionsText: 'lv'"></select>	<select class="textsm" data-bind="options: limit_break, value: selected_cards()[1].level, optionsText: 'lv'"></select>	<select class="textsm" data-bind="options: limit_break, value: selected_cards()[2].level, optionsText: 'lv'"></select>

<script src="https://wiki.biligame.com/ys/MediaWiki:Knockout.js?action=raw&ctype=text/javascript"></script> <script> function fixedBody () { let scrollTop = document.body.scrollTop || document.documentElement.scrollTop; document.body.style.cssText += 'position:fixed;width:100%;top:-' + scrollTop + 'px;'; }

var sspcard = "";

var ViewModel = function() { var self=this; var card_count=0; self.card_effects = JSON.parse(document.getElementById("card_effects").innerHTML); self.effects=[ {type:1,text:"友情加成"}, {type:2,text:"干劲效果提升"}, {type:3,text:"速度加成"}, {type:4,text:"耐力加成"}, {type:5,text:"力量加成"}, {type:6,text:"毅力加成"}, {type:7,text:"智力加成"}, {type:8,text:"训练效果提升"}, {type:9,text:"初期速度提升"}, {type:10,text:"初期耐力提升"}, {type:11,text:"初期力量提升"}, {type:12,text:"初期毅力提升"}, {type:13,text:"初期智力提升"}, {type:14,text:"初期羁绊计量格提升"}, {type:15,text:"赛后加成"}, {type:16,text:"粉丝数加成"}, {type:17,text:"启发等级提升"}, {type:18,text:"启发发生率提升"}, {type:19,text:"得意率提升"}, {type:20,text:"速度最大值提升"}, {type:21,text:"耐力最大值提升"}, {type:22,text:"力量最大值提升"}, {type:23,text:"毅力最大值提升"}, {type:24,text:"智力最大值提升"}, {type:25,text:"事件回复量提升"}, {type:26,text:"事件效果提升"}, {type:27,text:"失败率下降"}, {type:28,text:"体力消费下降"}, {type:29,text:"迷你游戏效果提升"}, {type:30,text:"技能Pt加成"}, {type:31,text:"智力友情回复量提升"} ]; self.limit_break={ "SSR":[ {lb:0,lv:30}, {lb:1,lv:35}, {lb:2,lv:40}, {lb:3,lv:45}, {lb:4,lv:50} ], "SR":[ {lb:0,lv:25}, {lb:1,lv:30}, {lb:2,lv:35}, {lb:3,lv:40}, {lb:4,lv:45} ], "R":[ {lb:0,lv:20}, {lb:1,lv:25}, {lb:2,lv:30}, {lb:3,lv:35}, {lb:4,lv:40} ]};

function selected_card(num){ var selfc=this; //init selfc.card_no=num; selfc.scard=ko.observable(spcard[0]); selfc.level=ko.observable(self.limit_break[selfc.scard()["稀有度"]][0]); selfc.etable=ko.computed(function(){ var temp=[]; if(selfc.scard().id==00000) temp.push({type:1,value:0}); else{ for(x in self.card_effects){ if(x.id==selfc.scard().id){ for(y in x.effects){ temp.push({type:y.type,value:y.value[selfc.level().lb]}) } break; } } } return temp; }); selfc.unique_lv=ko.computed(function(){ var temp=0; if(selfc.scard().id==00000) temp=0; else{ for(x in self.card_effects){ if(x.id==selfc.scard().id){ temp=x.unique_lv break; } } } return temp; }); selfc.select_box=function(){ //借用 $("#mb-uma-sel").show(200); $("#hover-1").show(); fixedBody(); card_count=selfc.card_no; } } self.selected_cards = ko.observableArray([new selected_card(0),new selected_card(1),new selected_card(2)]); if(sspcard){ for(xp in spcard){ if(xp.id==sspcard){ self.selected_cards()[0].scard(xp); break; } } }

function card(item){ var selfs=this; selfs.id=item.id; selfs.图标=item.图标; selfs.稀有度=item.稀有度; selfs.名称=item.名称; selfs.类型图标=item.类型图标; selfs.稀有度图标=item.稀有度图标; selfs.select=function(item1){ self.selected_cards()[card_count].scard(item1); $("#hover-1").hide(); $("#mb-uma-sel").hide(200); } }

self.sp_card=ko.observableArray([]);; self.Populate_spc = ko.computed(function() {

       ko.utils.arrayForEach(spcard, function(item) {
           self.sp_card.push(new card(item));
       });
   });

self.SSRc=self.SRc=self.Rc=[]; for(card1 in self.sp_card){ if(card1["稀有度"]=="SSR"){ self.SSRc.push(card1); } else if(card1["稀有度"]=="SR"){ self.SRc.push(card1); } else{ self.Rc.push(card1); } }

self.table_lines = ko.computed(function(){ var namelist = []; var lines = []; for(var i=0;i<=3;i++){ for(x in self.selected_cards()[i].etable()){ if(!namelist.includes(x.type)) namelist.push(x.type); } } namelist.sort(); for(var j=0;j<namelist.length;j++){ var line = new Object(); line.name=self.effects[namelist[j]-1].text; for(var k=0;k<=3;k++){ var notfound = true; for(l in self.selected_cards()[k].etable()){ if(l.type==namelist[j]){ line['card'+k]=l.value; found=false; break; } } if(notfound) line['card'+k]=' '; } lines.push(line); } return lines; });

} ko.applyBindings(new ViewModel());

</script>