mirror of
https://github.com/yoimiya-kokomi/miao-plugin.git
synced 2024-11-21 22:48:13 +00:00
Implement basic functions of role challenge
This commit is contained in:
ZM.J
parent
d7c732d3aa
commit
c89db36e90
@ -5,6 +5,7 @@
|
|||||||
import { ConsStat, AbyssPct } from './stat/AbyssStat.js'
|
import { ConsStat, AbyssPct } from './stat/AbyssStat.js'
|
||||||
import { AbyssTeam } from './stat/AbyssTeam.js'
|
import { AbyssTeam } from './stat/AbyssTeam.js'
|
||||||
import { AbyssSummary } from './stat/AbyssSummary.js'
|
import { AbyssSummary } from './stat/AbyssSummary.js'
|
||||||
|
import { RoleCombatSummary } from './stat/RoleCombatSummary.js'
|
||||||
import { App } from '#miao'
|
import { App } from '#miao'
|
||||||
|
|
||||||
let app = App.init({
|
let app = App.init({
|
||||||
@ -32,6 +33,11 @@ app.reg({
|
|||||||
rule: /^#*(喵喵|上传|本期)*(深渊|深境|深境螺旋)[ |0-9]*(数据)?$/,
|
rule: /^#*(喵喵|上传|本期)*(深渊|深境|深境螺旋)[ |0-9]*(数据)?$/,
|
||||||
fn: AbyssSummary,
|
fn: AbyssSummary,
|
||||||
desc: '上传深渊'
|
desc: '上传深渊'
|
||||||
|
},
|
||||||
|
RoleCombatSummary: {
|
||||||
|
rule: /^#*(喵喵|上传|本期)*(幻想|剧诗|幻想真境剧诗)[ |0-9]*(数据)?$/,
|
||||||
|
fn: RoleCombatSummary,
|
||||||
|
desc: '上传幻想真境剧诗'
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
export default app
|
export default app
|
||||||
|
|||||||
145
apps/stat/RoleCombatSummary.js
Normal file
145
apps/stat/RoleCombatSummary.js
Normal file
@ -0,0 +1,145 @@
|
|||||||
|
import lodash from 'lodash'
|
||||||
|
import HutaoApi from './HutaoApi.js'
|
||||||
|
import { Cfg, Common, Data } from '#miao'
|
||||||
|
import { Role, Character, MysApi, Player } from '#miao.models'
|
||||||
|
|
||||||
|
export async function RoleCombatSummary (e) {
|
||||||
|
let isMatch = /^#(喵喵|上传)*(幻想|剧诗|幻想真境剧诗)(数据)?$/.test(e.original_msg || e.msg || '')
|
||||||
|
if (!Cfg.get('uploadRoleCombat', false) && !isMatch) {
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
let mys = await MysApi.init(e, 'all')
|
||||||
|
if (!mys || !mys.uid) {
|
||||||
|
if (isMatch) {
|
||||||
|
e.reply(`请绑定ck后再使用${e.original_msg || e.msg}`)
|
||||||
|
}
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
let ret = {}
|
||||||
|
let uid = mys.uid
|
||||||
|
let player = Player.create(e)
|
||||||
|
let resDetail, resRole
|
||||||
|
try {
|
||||||
|
resRole = await mys.getRoleCombat()
|
||||||
|
let lvs = Data.getVal(resRole, 'data.0')
|
||||||
|
// 检查是否查询到了幻想真境剧诗信息
|
||||||
|
if (!lvs || !lvs.has_data) {
|
||||||
|
e.reply('暂未获得本期幻想真境剧诗挑战数据...')
|
||||||
|
return true
|
||||||
|
}
|
||||||
|
// TODO: What if CK is not used?
|
||||||
|
// else if (lvs && lvs.battles && lvs.battles.length === 0) {
|
||||||
|
// if (!mys.isSelfCookie) {
|
||||||
|
// if (isMatch) {
|
||||||
|
// e.reply(`请绑定ck后再使用${e.original_msg || e.msg}`)
|
||||||
|
// }
|
||||||
|
// return false
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
|
||||||
|
resDetail = await mys.getCharacter()
|
||||||
|
if (!resDetail || !resRole || !resDetail.avatars || resDetail.avatars.length <= 3) {
|
||||||
|
e.reply('角色信息获取失败')
|
||||||
|
return true
|
||||||
|
}
|
||||||
|
delete resDetail._res
|
||||||
|
delete resRole._res
|
||||||
|
|
||||||
|
// TOOD: upload HuTao API
|
||||||
|
ret = lvs
|
||||||
|
// ret = await HutaoApi.uploadData({
|
||||||
|
// uid,
|
||||||
|
// resDetail,
|
||||||
|
// resRole: resRole
|
||||||
|
// })
|
||||||
|
} catch (err) {
|
||||||
|
// console.log(err);
|
||||||
|
}
|
||||||
|
// 更新player信息
|
||||||
|
player.setMysCharData(resDetail)
|
||||||
|
|
||||||
|
// TODO: HuTao API
|
||||||
|
// if (ret && ret.retcode === 0) {
|
||||||
|
// let stat = []
|
||||||
|
// if (ret.data) {
|
||||||
|
if (resRole.data.length === 0) {
|
||||||
|
e.reply('暂未获得本期深渊挑战数据...')
|
||||||
|
return true
|
||||||
|
}
|
||||||
|
let role = new Role(resRole.data[0])
|
||||||
|
let roleData = role.getData()
|
||||||
|
let ownAvatarIds = role.getOwnAvatars()
|
||||||
|
// let overview = ret.info || (await HutaoApi.getOverview())?.data || {}
|
||||||
|
// let addMsg = function (title, ds) {
|
||||||
|
// let tmp = {}
|
||||||
|
// if (!ds) {
|
||||||
|
// return false
|
||||||
|
// }
|
||||||
|
// if (!ds.avatarId && !ds.id) {
|
||||||
|
// return false
|
||||||
|
// }
|
||||||
|
// let char = Character.get(ds.avatarId || ds.id)
|
||||||
|
// tmp.title = title
|
||||||
|
// tmp.id = char.id
|
||||||
|
// tmp.value = `${(ds.value / 10000).toFixed(1)} W`
|
||||||
|
// let msg = []
|
||||||
|
// tmp.msg = msg
|
||||||
|
// let pct = (percent, name) => {
|
||||||
|
// if (percent < 0.2) {
|
||||||
|
// msg.push({
|
||||||
|
// title: '少于',
|
||||||
|
// value: (Math.max(0.1, 100 - percent * 100)).toFixed(1),
|
||||||
|
// name
|
||||||
|
// })
|
||||||
|
// } else {
|
||||||
|
// msg.push({
|
||||||
|
// title: '超过',
|
||||||
|
// value: (Math.min(99.9, percent * 100)).toFixed(1),
|
||||||
|
// name
|
||||||
|
// })
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// if (ds.percent) {
|
||||||
|
// pct(ds.percent, char.abbr)
|
||||||
|
// pct(ds.percentTotal, '总记录')
|
||||||
|
// } else {
|
||||||
|
// msg.push({
|
||||||
|
// txt: '暂无统计信息'
|
||||||
|
// })
|
||||||
|
// }
|
||||||
|
// stat.push(tmp)
|
||||||
|
// }
|
||||||
|
// addMsg('最强一击', ret.data?.damage || abyssData?.stat?.dmg || {})
|
||||||
|
// addMsg('最高承伤', ret.data?.takeDamage || abyssData?.stat.takeDmg || {})
|
||||||
|
// let abyssStat = abyssData?.stat || {}
|
||||||
|
// lodash.forEach({ defeat: '最多击破', e: '元素战技', q: '元素爆发' }, (title, key) => {
|
||||||
|
// if (abyssStat[key]) {
|
||||||
|
// stat.push({
|
||||||
|
// title,
|
||||||
|
// id: abyssStat[key]?.id || 0,
|
||||||
|
// value: `${abyssStat[key]?.value}次`
|
||||||
|
// })
|
||||||
|
// } else {
|
||||||
|
// stat.push({})
|
||||||
|
// }
|
||||||
|
// })
|
||||||
|
// await player.refreshTalent(avatarIds)
|
||||||
|
let ownAvatarData = player.getAvatarData(ownAvatarIds)
|
||||||
|
let otherAvatarData = role.getOtherAvatarsData()
|
||||||
|
|
||||||
|
let avatarData = lodash.merge(ownAvatarData, otherAvatarData)
|
||||||
|
return await Common.render('stat/role-summary', {
|
||||||
|
role: roleData,
|
||||||
|
avatars: avatarData,
|
||||||
|
save_id: uid,
|
||||||
|
uid
|
||||||
|
}, { e, scale: 1.2 })
|
||||||
|
// } else {
|
||||||
|
// e.reply('暂未获得本期深渊挑战数据...')
|
||||||
|
// return true
|
||||||
|
// }
|
||||||
|
// } else {
|
||||||
|
// e.reply(`${ret.message || '上传失败'}，请稍后重试...`)
|
||||||
|
// }
|
||||||
|
return true
|
||||||
|
}
|
||||||
@ -20,6 +20,12 @@ export const cfgSchema = {
|
|||||||
def: false,
|
def: false,
|
||||||
miao: true
|
miao: true
|
||||||
},
|
},
|
||||||
|
uploadRoleCombat: {
|
||||||
|
title: '#幻想',
|
||||||
|
key: '幻想真境剧诗',
|
||||||
|
def: false,
|
||||||
|
miao: true
|
||||||
|
},
|
||||||
profileStat: {
|
profileStat: {
|
||||||
title: '#练度统计',
|
title: '#练度统计',
|
||||||
key: '练度统计',
|
key: '练度统计',
|
||||||
|
|||||||
@ -132,6 +132,11 @@ class Character extends Base {
|
|||||||
return this.getImgs().face
|
return this.getImgs().face
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// 获取Q版头像
|
||||||
|
get qFace () {
|
||||||
|
return this.getImgs().qFace
|
||||||
|
}
|
||||||
|
|
||||||
// 获取侧脸图像
|
// 获取侧脸图像
|
||||||
get side () {
|
get side () {
|
||||||
if (this.isSr) {
|
if (this.isSr) {
|
||||||
|
|||||||
@ -145,6 +145,11 @@ export default class MysApi {
|
|||||||
return await this.getData('spiralAbyss', { schedule_type: type })
|
return await this.getData('spiralAbyss', { schedule_type: type })
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// 获取幻想真境剧诗信息
|
||||||
|
async getRoleCombat () {
|
||||||
|
return await this.getData('role_combat')
|
||||||
|
}
|
||||||
|
|
||||||
async getDetail (id) {
|
async getDetail (id) {
|
||||||
if (this.e.isSr) { return await this.getData('detail', { avatar_id: id, tab_from: 'TabOwned' }) }
|
if (this.e.isSr) { return await this.getData('detail', { avatar_id: id, tab_from: 'TabOwned' }) }
|
||||||
return await this.getData('detail', { avatar_id: id })
|
return await this.getData('detail', { avatar_id: id })
|
||||||
|
|||||||
98
models/Role.js
Normal file
98
models/Role.js
Normal file
@ -0,0 +1,98 @@
|
|||||||
|
/*
|
||||||
|
* Mys幻想真境剧诗数据处理
|
||||||
|
* */
|
||||||
|
|
||||||
|
import lodash from 'lodash'
|
||||||
|
import moment from 'moment'
|
||||||
|
import Base from '../models/Base.js'
|
||||||
|
import Character from '../models/Character.js'
|
||||||
|
import { Data } from '#miao'
|
||||||
|
|
||||||
|
moment.locale('zh-cn')
|
||||||
|
|
||||||
|
export default class Role extends Base {
|
||||||
|
constructor (data) {
|
||||||
|
super()
|
||||||
|
this.rounds = {}
|
||||||
|
lodash.forEach(data.detail.rounds_data, (round) => {
|
||||||
|
// TODO: Analyze Choice cards & buffs
|
||||||
|
let tmp = {
|
||||||
|
'is_get_medal': round.is_get_medal,
|
||||||
|
'choice_cards': round.choice_cards,
|
||||||
|
'buffs': round.buffs,
|
||||||
|
}
|
||||||
|
let time = moment(new Date(round.finish_time * 1000))
|
||||||
|
tmp.finish_time = time.format('MM-DD HH:mm:ss')
|
||||||
|
let avatars = []
|
||||||
|
lodash.forEach(round.avatars, (avatar) => {
|
||||||
|
avatars.push({
|
||||||
|
'avatar_id': avatar.avatar_id.toString(),
|
||||||
|
'name': avatar.name,
|
||||||
|
'avatar_type': avatar.avatar_type,
|
||||||
|
'level': avatar.level,
|
||||||
|
})
|
||||||
|
// avatar_type:
|
||||||
|
// - 1: self
|
||||||
|
// - 2: trial
|
||||||
|
// - 3: friend support
|
||||||
|
})
|
||||||
|
|
||||||
|
tmp.avatars = avatars
|
||||||
|
this.rounds[round.round_id] = tmp
|
||||||
|
})
|
||||||
|
this.stat = data.stat
|
||||||
|
this.schedule = data.schedule
|
||||||
|
let st = moment(new Date(data.schedule.start_time * 1000))
|
||||||
|
this.start_time = st.format('YYYY.MM.DD')
|
||||||
|
st = moment(new Date(data.schedule.end_time * 1000))
|
||||||
|
this.end_time = st.format('YYYY.MM.DD')
|
||||||
|
}
|
||||||
|
|
||||||
|
getData () {
|
||||||
|
return Data.getData(this, 'rounds,stat,schedule,start_time,end_time')
|
||||||
|
}
|
||||||
|
|
||||||
|
getOwnAvatars () {
|
||||||
|
let ret = {}
|
||||||
|
lodash.forEach(this.rounds, (round) => {
|
||||||
|
lodash.forEach(round.avatars || [], (avatar) => {
|
||||||
|
if (avatar.avatar_id && avatar.avatar_type == 1) {
|
||||||
|
ret[avatar.avatar_id] = true
|
||||||
|
}
|
||||||
|
})
|
||||||
|
})
|
||||||
|
return lodash.keys(ret)
|
||||||
|
}
|
||||||
|
|
||||||
|
getOtherAvatarsData () {
|
||||||
|
let ret = {}
|
||||||
|
lodash.forEach(this.rounds, (round) => {
|
||||||
|
lodash.forEach(round.avatars || [], (avatar) => {
|
||||||
|
if (avatar.avatar_id && avatar.avatar_type != 1) {
|
||||||
|
let character = new Character({
|
||||||
|
'id': +avatar.avatar_id,
|
||||||
|
'name': avatar.name
|
||||||
|
})
|
||||||
|
let detailInfo = character.getDetail()
|
||||||
|
ret[avatar.avatar_id] = {
|
||||||
|
id: +avatar.avatar_id,
|
||||||
|
name: avatar.name,
|
||||||
|
level: avatar.level,
|
||||||
|
star: detailInfo.star,
|
||||||
|
cons: {
|
||||||
|
2: '试用',
|
||||||
|
3: '助演'
|
||||||
|
}[avatar.avatar_type],
|
||||||
|
elem: detailInfo.elem,
|
||||||
|
abbr: detailInfo.abbr,
|
||||||
|
face: character.face,
|
||||||
|
qFace: character.qFace,
|
||||||
|
side: character.side,
|
||||||
|
gacha: character.gacha,
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
})
|
||||||
|
return ret
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -4,6 +4,7 @@ import Character from './Character.js'
|
|||||||
import Artifact from './Artifact.js'
|
import Artifact from './Artifact.js'
|
||||||
import ArtifactSet from './ArtifactSet.js'
|
import ArtifactSet from './ArtifactSet.js'
|
||||||
import Abyss from './Abyss.js'
|
import Abyss from './Abyss.js'
|
||||||
|
import Role from './Role.js'
|
||||||
import Player from './Player.js'
|
import Player from './Player.js'
|
||||||
import Avatar from './Avatar.js'
|
import Avatar from './Avatar.js'
|
||||||
import ProfileDmg from './ProfileDmg.js'
|
import ProfileDmg from './ProfileDmg.js'
|
||||||
@ -30,6 +31,7 @@ for (let game of ['gs', 'sr']) {
|
|||||||
export {
|
export {
|
||||||
Base,
|
Base,
|
||||||
Abyss,
|
Abyss,
|
||||||
|
Role,
|
||||||
Button,
|
Button,
|
||||||
Character,
|
Character,
|
||||||
Artifact,
|
Artifact,
|
||||||
|
|||||||
@ -189,6 +189,12 @@
|
|||||||
.avatar-card .cons.cons-0 {
|
.avatar-card .cons.cons-0 {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
.avatar-card .cons.cons-试用 {
|
||||||
|
background-color: #d9767c;
|
||||||
|
}
|
||||||
|
.avatar-card .cons.cons-助演 {
|
||||||
|
background-color: #4889bf;
|
||||||
|
}
|
||||||
.avatar-card .avatar-talent {
|
.avatar-card .avatar-talent {
|
||||||
height: 30px;
|
height: 30px;
|
||||||
padding: 4.5px 7.5px 3px;
|
padding: 4.5px 7.5px 3px;
|
||||||
@ -353,4 +359,3 @@
|
|||||||
.item-list .item {
|
.item-list .item {
|
||||||
width: 65px;
|
width: 65px;
|
||||||
}
|
}
|
||||||
/*# sourceMappingURL=tpl.css.map */
|
|
||||||
@ -1,57 +1,214 @@
|
|||||||
.avatar-card {
|
.avatar-card {
|
||||||
margin: 0 0 10px 10px;
|
margin: 4.5px;
|
||||||
border-radius: 7px;
|
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.8);
|
||||||
box-shadow: 0 2px 6px 0 rgba(132, 93, 90, 0.3);
|
font-size: 19.5px;
|
||||||
height: 88px;
|
border-radius: 10.5px;
|
||||||
|
}
|
||||||
|
.avatar-card .card {
|
||||||
|
border-radius: 10.5px;
|
||||||
|
box-shadow: 0 2px 9px 0 rgba(132, 93, 90, 0.3);
|
||||||
position: relative;
|
position: relative;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
background: #e7e5d9;
|
background: #e7e5d9;
|
||||||
|
width: 105px;
|
||||||
}
|
}
|
||||||
.avatar-card img {
|
.avatar-card .avatar-face {
|
||||||
width: 70px;
|
width: 105px;
|
||||||
height: 70px;
|
height: 105px;
|
||||||
border-radius: 7px 7px 20px 0;
|
border-radius: 10.5px 10.5px 22.5px 0;
|
||||||
}
|
background-size: 100% 100%;
|
||||||
.avatar-card.star5 img {
|
|
||||||
background-image: url(../common/item/bg5.png);
|
|
||||||
width: 100%;
|
|
||||||
height: 70px;
|
|
||||||
/*filter: brightness(1.1);*/
|
|
||||||
background-size: 100%;
|
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
|
position: relative;
|
||||||
|
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5);
|
||||||
}
|
}
|
||||||
.avatar-card.star4 img {
|
.avatar-card .avatar-face .img {
|
||||||
width: 100%;
|
background-position: center bottom;
|
||||||
height: 70px;
|
|
||||||
background-image: url(../common/item/bg4.png);
|
|
||||||
background-size: 100%;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
}
|
}
|
||||||
.avatar-card .num {
|
.avatar-card .avatar-face .avatar-level {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
bottom: 0;
|
||||||
right: 0;
|
background: rgba(0, 0, 0, 0.6);
|
||||||
z-index: 9;
|
|
||||||
font-size: 18px;
|
|
||||||
text-align: center;
|
|
||||||
color: #fff;
|
|
||||||
padding: 1px 5px;
|
|
||||||
border-radius: 4px;
|
|
||||||
background: rgba(0, 0, 0, 0.5);
|
|
||||||
}
|
|
||||||
.avatar-card .name,
|
|
||||||
.avatar-card .num_name {
|
|
||||||
position: absolute;
|
|
||||||
top: 70px;
|
|
||||||
left: 0;
|
left: 0;
|
||||||
z-index: 9;
|
padding: 3px 7.5px 3px 4.5px;
|
||||||
font-size: 12px;
|
border-radius: 0 6px 0 0;
|
||||||
text-align: center;
|
color: #fff;
|
||||||
width: 100%;
|
|
||||||
height: 16px;
|
|
||||||
line-height: 18px;
|
|
||||||
}
|
|
||||||
.avatar-card .num_name {
|
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
|
text-shadow: 0 0 1px #000;
|
||||||
|
}
|
||||||
|
.avatar-card .avatar-face .avatar-level span {
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
.avatar-card .cons {
|
||||||
|
border-radius: 0 0 0 7.5px;
|
||||||
|
padding: 3px 7.5px;
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
top: 0;
|
||||||
|
font-size: 16px;
|
||||||
|
text-shadow: 0 0 1px #000, 1px 1px 3px rgba(0, 0, 0, 0.8);
|
||||||
|
}
|
||||||
|
.avatar-card .cons.cons-0 {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.avatar-card .cons.cons-试用 {
|
||||||
|
background-color: #d9767c;
|
||||||
|
}
|
||||||
|
.avatar-card .cons.cons-助演 {
|
||||||
|
background-color: #4889bf;
|
||||||
|
}
|
||||||
|
.avatar-card .avatar-talent {
|
||||||
|
height: 30px;
|
||||||
|
padding: 4.5px 7.5px 3px;
|
||||||
|
font-size: 18px;
|
||||||
|
width: 100%;
|
||||||
|
color: #222;
|
||||||
|
text-align: center;
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
.avatar-card .avatar-talent .talent-item {
|
||||||
|
width: 30px;
|
||||||
|
height: 24px;
|
||||||
|
line-height: 25.5px;
|
||||||
|
margin: 0 3px;
|
||||||
|
text-align: center;
|
||||||
|
display: block;
|
||||||
|
background-size: contain;
|
||||||
|
opacity: 0.8;
|
||||||
|
position: relative;
|
||||||
|
border-radius: 4.5px;
|
||||||
|
box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5);
|
||||||
|
}
|
||||||
|
.avatar-card .avatar-talent .talent-item.talent-plus {
|
||||||
|
font-weight: bold;
|
||||||
|
color: #0284b9;
|
||||||
|
}
|
||||||
|
.avatar-card .avatar-talent .talent-item.talent-crown {
|
||||||
|
background: #d3bc8e;
|
||||||
|
color: #3a2702;
|
||||||
|
box-shadow: 0 0 3px 0 #000;
|
||||||
|
}
|
||||||
|
.avatar-card .avatar-talent.no-talent {
|
||||||
|
font-size: 18px;
|
||||||
|
color: rgba(100, 100, 100, 0.5);
|
||||||
|
text-align: center;
|
||||||
|
padding: 4.5px 0 3px;
|
||||||
|
}
|
||||||
|
.avatar-card .avatar-talent.no-talent span {
|
||||||
|
transform: scale(0.75);
|
||||||
|
white-space: nowrap;
|
||||||
|
margin-left: -1px;
|
||||||
|
}
|
||||||
|
.avatar-card.card-mini .wide,
|
||||||
|
.avatar-card.card-mini .line {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.avatar-card .avatar-name {
|
||||||
|
padding: 12px 0 0 7.5px;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
.avatar-card .avatar-name strong {
|
||||||
|
font-size: 30px;
|
||||||
|
display: block;
|
||||||
|
height: 34.5px;
|
||||||
|
line-height: 30px;
|
||||||
|
}
|
||||||
|
.avatar-card .avatar-name .cons {
|
||||||
|
position: initial;
|
||||||
|
border-radius: 4px;
|
||||||
|
padding: 1.5px 4.5px;
|
||||||
|
vertical-align: baseline;
|
||||||
|
}
|
||||||
|
.avatar-card.card-wide .mini {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.avatar-card.card-wide .card {
|
||||||
|
width: 219px;
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
.avatar-card.card-wide .avatar-face {
|
||||||
|
height: 189px;
|
||||||
|
width: 114px;
|
||||||
|
border-radius: 10.5px 0 0 10.5px;
|
||||||
|
}
|
||||||
|
.avatar-card.card-wide .avatar-face .img {
|
||||||
|
background-size: 100% auto;
|
||||||
|
background-position: 0 10%;
|
||||||
|
height: 202.5px;
|
||||||
|
margin-top: -13.5px;
|
||||||
|
}
|
||||||
|
.avatar-card.card-wide .avatar-info {
|
||||||
|
width: 105px;
|
||||||
|
}
|
||||||
|
.avatar-card.card-wide .avatar-info strong {
|
||||||
|
display: block;
|
||||||
|
height: 45px;
|
||||||
|
line-height: 45px;
|
||||||
|
}
|
||||||
|
.avatar-card.card-wide .avatar-info .lv-info {
|
||||||
|
height: 30px;
|
||||||
|
}
|
||||||
|
.avatar-card.card-wide .line {
|
||||||
|
display: block;
|
||||||
|
height: 1px;
|
||||||
|
width: 100%;
|
||||||
|
margin: 5px 0;
|
||||||
|
background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(100, 100, 100, 0.5) 20%, rgba(100, 100, 100, 0.5) 80%, rgba(0, 0, 0, 0));
|
||||||
|
transform: scale(0.8);
|
||||||
|
}
|
||||||
|
.avatar-card.wide2 .card {
|
||||||
|
width: 447px;
|
||||||
|
}
|
||||||
|
.avatar-card.wide2 .avatar-face {
|
||||||
|
width: 219px;
|
||||||
|
}
|
||||||
|
.avatar-card.wide2 .avatar-face .img {
|
||||||
|
margin-top: -75px;
|
||||||
|
height: 264px;
|
||||||
|
}
|
||||||
|
.avatar-card.wide2 .avatar-info {
|
||||||
|
width: 219px;
|
||||||
|
padding-left: 7.5px;
|
||||||
|
}
|
||||||
|
.avatar-card .avatar-detail {
|
||||||
|
display: flex;
|
||||||
|
padding: 0 1.5px 3px 3px;
|
||||||
|
}
|
||||||
|
.avatar-card .avatar-detail .item {
|
||||||
|
width: 46.5px;
|
||||||
|
height: 46.5px;
|
||||||
|
border-radius: 4.5px;
|
||||||
|
margin: 1.5px;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.avatar-card .avatar-weapon .icon {
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
.avatar-card .avatar-weapon .cons {
|
||||||
|
top: initial;
|
||||||
|
bottom: 0;
|
||||||
|
padding: 1.5px 4.5px;
|
||||||
|
border-radius: 4.5px 0 0 0;
|
||||||
|
}
|
||||||
|
.avatar-card .avatar-artis {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.avatar-card .avatar-artis.artis0 .item-icon {
|
||||||
|
background: url('./item/artifact-icon.webp') rgba(0, 0, 0, 0.3) center no-repeat;
|
||||||
|
background-size: auto 80%;
|
||||||
|
}
|
||||||
|
.avatar-card .avatar-artis .artis {
|
||||||
|
background: rgba(0, 0, 0, 0.4);
|
||||||
|
}
|
||||||
|
.avatar-card .avatar-artis.artis2 .img {
|
||||||
|
position: absolute;
|
||||||
|
transform: scale(0.7);
|
||||||
|
width: 92%;
|
||||||
|
height: 92%;
|
||||||
|
margin: 4%;
|
||||||
|
}
|
||||||
|
.avatar-card .avatar-artis.artis2 .img:first-child {
|
||||||
|
transform-origin: left top;
|
||||||
|
}
|
||||||
|
.avatar-card .avatar-artis.artis2 .img:last-child {
|
||||||
|
transform-origin: right bottom;
|
||||||
}
|
}
|
||||||
/*# sourceMappingURL=avatar-card.css.map */
|
|
||||||
@ -50,7 +50,7 @@
|
|||||||
<div class="item-info wide"></div>
|
<div class="item-info wide"></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
{{/if}}
|
{{/if}}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
@ -59,6 +59,13 @@
|
|||||||
&.cons-0 {
|
&.cons-0 {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&.cons-试用 {
|
||||||
|
background-color: rgb(217, 118, 124);
|
||||||
|
}
|
||||||
|
&.cons-助演 {
|
||||||
|
background-color: rgb(72, 137, 191);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.avatar-talent {
|
.avatar-talent {
|
||||||
|
|||||||
BIN
resources/stat/imgs/role/star/nostar.png
Normal file
BIN
resources/stat/imgs/role/star/nostar.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
BIN
resources/stat/imgs/role/star/star.png
Normal file
BIN
resources/stat/imgs/role/star/star.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1006 B |
319
resources/stat/role-summary.css
Normal file
319
resources/stat/role-summary.css
Normal file
@ -0,0 +1,319 @@
|
|||||||
|
.font-YS {
|
||||||
|
font-family: Number, "汉仪文黑-65W", YS, PingFangSC-Medium, "PingFang SC", sans-serif;
|
||||||
|
}
|
||||||
|
.font-NZBZ {
|
||||||
|
font-family: Number, "印品南征北战NZBZ体", NZBZ, "汉仪文黑-65W", YS, PingFangSC-Medium, "PingFang SC", sans-serif;
|
||||||
|
}
|
||||||
|
body,
|
||||||
|
.container {
|
||||||
|
width: 970px;
|
||||||
|
}
|
||||||
|
.container {
|
||||||
|
padding: 5px 0 10px 5px;
|
||||||
|
}
|
||||||
|
.head-box {
|
||||||
|
display: flex;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.head-box .title {
|
||||||
|
font-size: 45px;
|
||||||
|
padding-bottom: 10px;
|
||||||
|
width: 70%;
|
||||||
|
}
|
||||||
|
.head-box .title span {
|
||||||
|
font-size: 30px;
|
||||||
|
margin-left: 10px;
|
||||||
|
color: #d3bc8e;
|
||||||
|
}
|
||||||
|
.head-box .uid {
|
||||||
|
text-align: right;
|
||||||
|
width: 30%;
|
||||||
|
padding-top: 25px;
|
||||||
|
padding-right: 10px;
|
||||||
|
font-size: 25px;
|
||||||
|
}
|
||||||
|
.abyss-stat-cont {
|
||||||
|
display: flex;
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
|
.abyss-stat {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
.abyss-stat .cont {
|
||||||
|
margin: 5px 10px 5px 5px;
|
||||||
|
width: 175px;
|
||||||
|
height: 90px;
|
||||||
|
}
|
||||||
|
.abyss-stat .cont.best-record {
|
||||||
|
width: 120px;
|
||||||
|
}
|
||||||
|
.abyss-stat .cont.star-display {
|
||||||
|
width: 230px;
|
||||||
|
}
|
||||||
|
.abyss-stat strong {
|
||||||
|
text-shadow: 0 0 3px #000;
|
||||||
|
}
|
||||||
|
.abyss-stat .stat-title {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
background: rgba(0, 0, 0, 0.5);
|
||||||
|
padding: 5px 10px;
|
||||||
|
width: 100%;
|
||||||
|
text-shadow: 0 0 1px #000;
|
||||||
|
}
|
||||||
|
.abyss-stat .stat-title span {
|
||||||
|
display: block;
|
||||||
|
font-weight: normal;
|
||||||
|
font-family: Number, "印品南征北战NZBZ体", NZBZ, "汉仪文黑-65W", YS, PingFangSC-Medium, "PingFang SC", sans-serif;
|
||||||
|
font-size: 24px;
|
||||||
|
}
|
||||||
|
.abyss-stat .stat-title strong {
|
||||||
|
display: block;
|
||||||
|
font-size: 30px;
|
||||||
|
}
|
||||||
|
.abyss-stat .stat-msg {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
background: rgba(0, 0, 0, 0.55);
|
||||||
|
backdrop-filter: blur(2px);
|
||||||
|
padding: 5px 10px;
|
||||||
|
width: 100%;
|
||||||
|
text-shadow: 0 0 1px #000;
|
||||||
|
font-size: 30px;
|
||||||
|
height: 45px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
.abyss-stat .stat-msg .stat-star-container {
|
||||||
|
flex: 0 0 11%;
|
||||||
|
/* 23% 是为了在有间隙的情况下，四个元素一行 */
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
.abyss-stat .stat-msg .stat-star-container .stat-star {
|
||||||
|
width: 25px;
|
||||||
|
height: 25px;
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
.avatar-banner {
|
||||||
|
height: 100px;
|
||||||
|
width: 175px;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: 100% auto;
|
||||||
|
background-position: 0 10%;
|
||||||
|
}
|
||||||
|
.abyss-data {
|
||||||
|
display: flex;
|
||||||
|
padding: 0 6px;
|
||||||
|
}
|
||||||
|
.abyss-data .abyss-item {
|
||||||
|
color: #fff;
|
||||||
|
margin: 5px;
|
||||||
|
}
|
||||||
|
.abyss-data .abyss-item .info {
|
||||||
|
text-align: center;
|
||||||
|
text-shadow: 0 0 1px #000, 1px 1px 3px #000;
|
||||||
|
}
|
||||||
|
.abyss-data .abyss-item .info strong {
|
||||||
|
display: block;
|
||||||
|
font-weight: normal;
|
||||||
|
font-family: Number, "印品南征北战NZBZ体", NZBZ, "汉仪文黑-65W", YS, PingFangSC-Medium, "PingFang SC", sans-serif;
|
||||||
|
}
|
||||||
|
.abyss-data .abyss-item .info span {
|
||||||
|
font-size: 24px;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.abyss-data .abyss-item .info span:after {
|
||||||
|
content: "次";
|
||||||
|
font-size: 15px;
|
||||||
|
margin-left: 2px;
|
||||||
|
}
|
||||||
|
.abyss-title {
|
||||||
|
margin: -3px 0 8px;
|
||||||
|
display: flex;
|
||||||
|
align-items: flex-end;
|
||||||
|
}
|
||||||
|
.abyss-title strong {
|
||||||
|
color: #d3bc8e;
|
||||||
|
font-size: 18px;
|
||||||
|
font-family: Number, "印品南征北战NZBZ体", NZBZ, "汉仪文黑-65W", YS, PingFangSC-Medium, "PingFang SC", sans-serif;
|
||||||
|
font-weight: normal;
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
.abyss-title .abyss-star {
|
||||||
|
width: 25px;
|
||||||
|
height: 25px;
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
.abyss-floor-team {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
.abyss-floor-team .line {
|
||||||
|
width: 1px;
|
||||||
|
background: rgba(255, 255, 255, 0.5);
|
||||||
|
height: 80px;
|
||||||
|
vertical-align: middle;
|
||||||
|
margin: 15px 8px 0;
|
||||||
|
}
|
||||||
|
.abyss-team {
|
||||||
|
display: flex;
|
||||||
|
margin-right: -5px;
|
||||||
|
margin-left: -5px;
|
||||||
|
}
|
||||||
|
.role-buff {
|
||||||
|
display: flex;
|
||||||
|
margin-right: -5px;
|
||||||
|
margin-left: -5px;
|
||||||
|
flex-direction: column;
|
||||||
|
width: 50%;
|
||||||
|
}
|
||||||
|
.role-buff .role-choice-cards-container {
|
||||||
|
width: 100%;
|
||||||
|
height: 46%;
|
||||||
|
background-color: #e7e5d9;
|
||||||
|
display: flex;
|
||||||
|
border-radius: 10px;
|
||||||
|
overflow: hidden;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
.role-buff .role-choice-cards-container .role-choice-cards-header {
|
||||||
|
width: 100%;
|
||||||
|
height: 30px;
|
||||||
|
background-color: #8b8b83;
|
||||||
|
padding: 5px;
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
.role-buff .role-choice-cards-container .role-choice-cards-content {
|
||||||
|
width: 100%;
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
|
.role-buff .role-choice-cards-container + .role-choice-cards-container {
|
||||||
|
margin-top: 4%;
|
||||||
|
/* 两个子元素之间的间距4% */
|
||||||
|
}
|
||||||
|
.abyss-detail {
|
||||||
|
display: flex;
|
||||||
|
width: calc(100% + 40px);
|
||||||
|
margin: 10px -15px -10px;
|
||||||
|
}
|
||||||
|
.abyss-level {
|
||||||
|
padding: 5px 10px 7px;
|
||||||
|
width: 33%;
|
||||||
|
box-shadow: 0 0 1px 0 #fff;
|
||||||
|
}
|
||||||
|
.abyss-level:nth-child(even) {
|
||||||
|
background: rgba(255, 255, 255, 0.1);
|
||||||
|
}
|
||||||
|
.abyss-level .info {
|
||||||
|
margin-bottom: 5px;
|
||||||
|
display: flex;
|
||||||
|
padding-left: 8px;
|
||||||
|
}
|
||||||
|
.abyss-level .title {
|
||||||
|
font-size: 16px;
|
||||||
|
white-space: nowrap;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.abyss-level .star {
|
||||||
|
height: 18px;
|
||||||
|
display: inline-block;
|
||||||
|
background: url(./imgs/star.png);
|
||||||
|
background-size: 18px 18px;
|
||||||
|
margin-left: 5px;
|
||||||
|
}
|
||||||
|
.abyss-level .star.star1 {
|
||||||
|
width: 18px;
|
||||||
|
margin-right: 36px;
|
||||||
|
}
|
||||||
|
.abyss-level .star.star2 {
|
||||||
|
width: 36px;
|
||||||
|
margin-right: 18px;
|
||||||
|
}
|
||||||
|
.abyss-level .star.star3 {
|
||||||
|
width: 54px;
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
.abyss-level .time {
|
||||||
|
text-align: right;
|
||||||
|
width: 60%;
|
||||||
|
color: #aaa;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
.abyss-level .avatars {
|
||||||
|
display: flex;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.abyss-level .avatars .avatar-list {
|
||||||
|
display: flex;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.abyss-level .avatars .avatar-list.up {
|
||||||
|
padding-right: 15px;
|
||||||
|
}
|
||||||
|
.abyss-level .avatars .avatar-list.up:after {
|
||||||
|
content: "";
|
||||||
|
display: block;
|
||||||
|
position: absolute;
|
||||||
|
width: 1px;
|
||||||
|
height: 16px;
|
||||||
|
background: rgba(255, 255, 255, 0.3);
|
||||||
|
right: 8px;
|
||||||
|
top: 50%;
|
||||||
|
margin-top: -8px;
|
||||||
|
}
|
||||||
|
.abyss-level .avatars .avatar-icon {
|
||||||
|
width: 33px;
|
||||||
|
height: 33px;
|
||||||
|
border-radius: 50%;
|
||||||
|
margin-right: 2px;
|
||||||
|
}
|
||||||
|
.abyss-level .avatars .avatar-icon .img {
|
||||||
|
background-size: auto 100%;
|
||||||
|
background-position: center;
|
||||||
|
width: 29px;
|
||||||
|
height: 29px;
|
||||||
|
margin: 2px;
|
||||||
|
}
|
||||||
|
.abyss-notice .cont-body {
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
.avatar-banner.avatar-枫原万叶,
|
||||||
|
.img.wide.avatar-枫原万叶 {
|
||||||
|
background-position: 0 -13%;
|
||||||
|
}
|
||||||
|
.avatar-banner.avatar-九条裟罗,
|
||||||
|
.img.wide.avatar-九条裟罗 {
|
||||||
|
background-position: 0 0;
|
||||||
|
}
|
||||||
|
.avatar-banner.avatar-香菱,
|
||||||
|
.img.wide.avatar-香菱 {
|
||||||
|
background-position: 0 -16%;
|
||||||
|
}
|
||||||
|
.avatar-banner.avatar-行秋,
|
||||||
|
.img.wide.avatar-行秋 {
|
||||||
|
background-position: 0 -16%;
|
||||||
|
}
|
||||||
|
.avatar-banner.avatar-甘雨,
|
||||||
|
.img.wide.avatar-甘雨 {
|
||||||
|
background-position: 0 -8%;
|
||||||
|
}
|
||||||
|
.avatar-banner.avatar-刻晴,
|
||||||
|
.img.wide.avatar-刻晴 {
|
||||||
|
background-position: 0 -5%;
|
||||||
|
}
|
||||||
|
.avatar-banner.avatar-神里绫华,
|
||||||
|
.img.wide.avatar-神里绫华 {
|
||||||
|
background-position: 0 13%;
|
||||||
|
}
|
||||||
|
.avatar-banner.avatar-班尼特,
|
||||||
|
.img.wide.avatar-班尼特 {
|
||||||
|
background-position: 0 15%;
|
||||||
|
}
|
||||||
|
.avatar-banner.avatar-五郎,
|
||||||
|
.img.wide.avatar-五郎 {
|
||||||
|
background-position: 0 15%;
|
||||||
|
}
|
||||||
|
.avatar-banner.avatar-托马,
|
||||||
|
.img.wide.avatar-托马 {
|
||||||
|
background-position: 0 -5%;
|
||||||
|
}
|
||||||
144
resources/stat/role-summary.html
Normal file
144
resources/stat/role-summary.html
Normal file
@ -0,0 +1,144 @@
|
|||||||
|
<script src="../../../../../Yunzai-Botconfig/miao-diy/app/main.js"></script>{{extend defaultLayout}}
|
||||||
|
|
||||||
|
{{block 'css'}}
|
||||||
|
<link rel="stylesheet" type="text/css" href="{{_res_path}}/stat/common.css?v=1.0"/>
|
||||||
|
<link rel="stylesheet" type="text/css" href="{{_res_path}}/common/tpl.css?v=1.0"/>
|
||||||
|
<link rel="stylesheet" type="text/css" href="{{_res_path}}/stat/role-summary.css?v=1.0"/>
|
||||||
|
{{/block}}
|
||||||
|
|
||||||
|
{{block 'main'}}
|
||||||
|
{{ set upDown = {up:'上半', down:'下半'} }}
|
||||||
|
<div class="head-box type">
|
||||||
|
<div class="title">#上传幻想<span>{{role.start_time}}-{{role.end_time}}</span></div>
|
||||||
|
<div class="uid">UID:{{uid}}</div>
|
||||||
|
</div>
|
||||||
|
<div class="info_box">
|
||||||
|
|
||||||
|
<div class="abyss-stat-cont">
|
||||||
|
|
||||||
|
<div class="abyss-stat">
|
||||||
|
<div class="cont best-record">
|
||||||
|
<div class="stat-title">
|
||||||
|
<span>最佳纪录</span>
|
||||||
|
</div>
|
||||||
|
<div class="stat-msg">
|
||||||
|
<strong>第 {{role.stat.max_round_id}} 幕</strong>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="cont star-display">
|
||||||
|
<div class="stat-title">
|
||||||
|
<span>明星挑战星章</span>
|
||||||
|
</div>
|
||||||
|
<div class="stat-msg">
|
||||||
|
{{each role.stat.get_medal_round_list star}}
|
||||||
|
<div class="stat-star-container">
|
||||||
|
{{if star == 1}}
|
||||||
|
<div class="stat-star" style="background-image:url({{_res_path}}/stat/imgs/role/star/star.png)"></div>
|
||||||
|
{{else}}
|
||||||
|
<div class="stat-star" style="background-image:url({{_res_path}}/stat/imgs/role/star/nostar.png)"></div>
|
||||||
|
{{/if}}
|
||||||
|
</div>
|
||||||
|
{{/each}}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="cont">
|
||||||
|
<div class="stat-title">
|
||||||
|
<span>消耗幻剧之花</span>
|
||||||
|
</div>
|
||||||
|
<div class="stat-msg">
|
||||||
|
<strong>{{role.stat.coin_num}}</strong>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="cont">
|
||||||
|
<div class="stat-title">
|
||||||
|
<span>场外观众声援</span>
|
||||||
|
</div>
|
||||||
|
<div class="stat-msg">
|
||||||
|
<strong>{{role.stat.avatar_bonus_num}} 次</strong>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="cont">
|
||||||
|
<div class="stat-title">
|
||||||
|
<span>支援其他玩家</span>
|
||||||
|
</div>
|
||||||
|
<div class="stat-msg">
|
||||||
|
<strong>{{role.stat.rent_cnt}} 次</strong>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
{{set cardTypes={1:['wide wide2'],2:['wide','wide'],3:['wide','mini','mini'],4:['mini','mini','mini','mini']} }}
|
||||||
|
{{each role?.rounds round round_index}}
|
||||||
|
<div class="cont">
|
||||||
|
<div class="cont-body">
|
||||||
|
<div class="abyss-title">
|
||||||
|
{{if round.is_get_medal}}
|
||||||
|
<div class="abyss-star" style="background-image:url({{_res_path}}/stat/imgs/role/star/star.png)"></div>
|
||||||
|
{{else}}
|
||||||
|
<div class="abyss-star" style="background-image:url({{_res_path}}/stat/imgs/role/star/nostar.png)"></div>
|
||||||
|
{{/if}}
|
||||||
|
<strong>第 {{round_index}} 幕</strong>
|
||||||
|
<span>{{round?.finish_time}}</span>
|
||||||
|
</div>
|
||||||
|
<div class="abyss-floor-team">
|
||||||
|
<div class="abyss-team">
|
||||||
|
{{set current_avatars=round?.avatars||[] }}
|
||||||
|
{{each current_avatars avatar idx}}
|
||||||
|
<% include(_tpl_path+'/avatar-card.html', [avatars[avatar.avatar_id],{_res_path, cardType:cardTypes[current_avatars.length][idx]}]) %>
|
||||||
|
{{/each}}
|
||||||
|
</div>
|
||||||
|
<div class="line"></div>
|
||||||
|
<div class="role-buff">
|
||||||
|
{{set buffs=round?.buff }}
|
||||||
|
<div class="role-choice-cards-container">
|
||||||
|
<div class="role-choice-cards-header">奇妙助益</div>
|
||||||
|
<div class="role-choice-cards-content">等待实现</div>
|
||||||
|
</div>
|
||||||
|
{{set choice_cards=round?.choice_cards }}
|
||||||
|
<div class="role-choice-cards-container">
|
||||||
|
<div class="role-choice-cards-header">神秘收获</div>
|
||||||
|
<div class="role-choice-cards-content">等待实现</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- <div class="abyss-detail">
|
||||||
|
{{each floor?.levels level idx}}
|
||||||
|
<div class="abyss-level">
|
||||||
|
<div class="info">
|
||||||
|
<div class="title">
|
||||||
|
第{{idx}}间
|
||||||
|
</div>
|
||||||
|
<span class="star star{{level.star}}"></span>
|
||||||
|
<div class="time">{{level?.up?.time}}</div>
|
||||||
|
</div>
|
||||||
|
<div class="avatars">
|
||||||
|
{{each upDown v k}}
|
||||||
|
<div class="avatar-list {{k}}">
|
||||||
|
{{each level[k]?.avatars||[] id}}
|
||||||
|
{{set avatar = avatars[id] || {} }}
|
||||||
|
<div class="avatar-icon item-icon star{{avatar.star==4?4:5}}">
|
||||||
|
<span class="img"
|
||||||
|
style="background-image:url({{_res_path}}{{avatar.face}})"></span>
|
||||||
|
</div>
|
||||||
|
{{/each}}
|
||||||
|
</div>
|
||||||
|
{{/each}}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{{/each}}
|
||||||
|
</div> -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{{/each}}
|
||||||
|
|
||||||
|
<div class="cont abyss-notice">
|
||||||
|
<div class="cont-body">
|
||||||
|
<ul class="cont-msg">
|
||||||
|
<li><strong>#上传幻想</strong>不会上传你的角色列表及当期幻想真境剧诗挑战数据，喵~</li>
|
||||||
|
<li>角色装备与圣遗物为当前最新状态；排名会随时间而更新，数据排名仅供娱乐~</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{{/block}}
|
||||||
375
resources/stat/role-summary.less
Normal file
375
resources/stat/role-summary.less
Normal file
@ -0,0 +1,375 @@
|
|||||||
|
@import "../common/base.less";
|
||||||
|
|
||||||
|
@scale: 1.4;
|
||||||
|
body, .container {
|
||||||
|
width: 970px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container {
|
||||||
|
padding: 5px 0 10px 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.head-box {
|
||||||
|
display: flex;
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
|
.title {
|
||||||
|
font-size: 45px;
|
||||||
|
padding-bottom: 10px;
|
||||||
|
width: 70%;
|
||||||
|
|
||||||
|
span {
|
||||||
|
font-size: 30px;
|
||||||
|
margin-left: 10px;
|
||||||
|
color: #d3bc8e;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.uid {
|
||||||
|
text-align: right;
|
||||||
|
width: 30%;
|
||||||
|
padding-top: 25px;
|
||||||
|
padding-right: 10px;
|
||||||
|
font-size: 25px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.abyss-stat-cont {
|
||||||
|
display: flex;
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.abyss-stat {
|
||||||
|
display: flex;
|
||||||
|
|
||||||
|
.cont {
|
||||||
|
// position: relative;
|
||||||
|
margin: 5px 10px 5px 5px;
|
||||||
|
width: 175px;
|
||||||
|
height: 90px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cont.best-record {
|
||||||
|
width: 120px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cont.star-display {
|
||||||
|
width: 230px;
|
||||||
|
}
|
||||||
|
|
||||||
|
strong {
|
||||||
|
text-shadow: 0 0 3px #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.stat-title {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
background: rgba(0, 0, 0, 0.5);
|
||||||
|
padding: 5px 10px;
|
||||||
|
width: 100%;
|
||||||
|
text-shadow: 0 0 1px #000;
|
||||||
|
|
||||||
|
span {
|
||||||
|
display: block;
|
||||||
|
font-weight: normal;
|
||||||
|
.font-NZBZ;
|
||||||
|
font-size: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
strong {
|
||||||
|
display: block;
|
||||||
|
font-size: 30px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.stat-msg {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
background: rgba(0, 0, 0, 0.55);
|
||||||
|
backdrop-filter: blur(2px);
|
||||||
|
padding: 5px 10px;
|
||||||
|
width: 100%;
|
||||||
|
text-shadow: 0 0 1px #000;
|
||||||
|
font-size: 30px;
|
||||||
|
height: 45px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
|
||||||
|
.stat-star-container {
|
||||||
|
flex: 0 0 11%; /* 23% 是为了在有间隙的情况下，四个元素一行 */
|
||||||
|
margin-bottom: 10px;
|
||||||
|
|
||||||
|
.stat-star {
|
||||||
|
width: 25px;
|
||||||
|
height: 25px;
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.avatar-banner {
|
||||||
|
height: 100px;
|
||||||
|
width: 175px;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: 100% auto;
|
||||||
|
background-position: 0 10%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.abyss-data {
|
||||||
|
display: flex;
|
||||||
|
padding: 0 6px;
|
||||||
|
|
||||||
|
.abyss-item {
|
||||||
|
color: #fff;
|
||||||
|
margin: 5px;
|
||||||
|
|
||||||
|
.info {
|
||||||
|
text-align: center;
|
||||||
|
text-shadow: 0 0 1px #000, 1px 1px 3px #000;
|
||||||
|
|
||||||
|
strong {
|
||||||
|
display: block;
|
||||||
|
font-weight: normal;
|
||||||
|
.font-NZBZ;
|
||||||
|
}
|
||||||
|
|
||||||
|
span {
|
||||||
|
font-size: 24px;
|
||||||
|
display: block;
|
||||||
|
|
||||||
|
&:after {
|
||||||
|
content: "次";
|
||||||
|
font-size: 15px;
|
||||||
|
margin-left: 2px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.abyss-title {
|
||||||
|
margin: -3px 0 8px;
|
||||||
|
display: flex;
|
||||||
|
align-items: flex-end;
|
||||||
|
|
||||||
|
strong {
|
||||||
|
color: #d3bc8e;
|
||||||
|
font-size: 18px;
|
||||||
|
.font-NZBZ;
|
||||||
|
font-weight: normal;
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.abyss-star {
|
||||||
|
width: 25px;
|
||||||
|
height: 25px;
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.abyss-floor-team {
|
||||||
|
display: flex;
|
||||||
|
|
||||||
|
.line {
|
||||||
|
width: 1px;
|
||||||
|
background: rgba(255, 255, 255, .5);
|
||||||
|
height: 80px;
|
||||||
|
vertical-align: middle;
|
||||||
|
margin: 15px 8px 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.abyss-team {
|
||||||
|
display: flex;
|
||||||
|
margin-right: -5px;
|
||||||
|
margin-left: -5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.role-buff {
|
||||||
|
display: flex;
|
||||||
|
margin-right: -5px;
|
||||||
|
margin-left: -5px;
|
||||||
|
flex-direction: column;
|
||||||
|
width: 50%;
|
||||||
|
|
||||||
|
.role-choice-cards-container {
|
||||||
|
width: 100%;
|
||||||
|
height: 46%;
|
||||||
|
background-color: rgb(231, 229, 217);
|
||||||
|
display: flex;
|
||||||
|
border-radius: 10px;
|
||||||
|
overflow: hidden;
|
||||||
|
flex-direction: column;
|
||||||
|
|
||||||
|
.role-choice-cards-header {
|
||||||
|
width: 100%;
|
||||||
|
height: 30px;
|
||||||
|
background-color: rgb(139, 139, 131);
|
||||||
|
padding: 5px;
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.role-choice-cards-content {
|
||||||
|
width: 100%;
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.role-choice-cards-container + .role-choice-cards-container {
|
||||||
|
margin-top: 4%; /* 两个子元素之间的间距4% */
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.abyss-detail {
|
||||||
|
display: flex;
|
||||||
|
width: calc(100% + 40px);
|
||||||
|
margin: 10px -15px -10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.abyss-level {
|
||||||
|
padding: 5px 10px 7px;
|
||||||
|
width: 33%;
|
||||||
|
box-shadow: 0 0 1px 0 #fff;
|
||||||
|
|
||||||
|
&:nth-child(even) {
|
||||||
|
background: rgba(255, 255, 255, .1)
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.info {
|
||||||
|
margin-bottom: 5px;
|
||||||
|
display: flex;
|
||||||
|
padding-left: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title {
|
||||||
|
font-size: 16px;
|
||||||
|
white-space: nowrap;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.star {
|
||||||
|
@size: 18px;
|
||||||
|
|
||||||
|
height: @size;
|
||||||
|
display: inline-block;
|
||||||
|
background: url(./imgs/star.png);
|
||||||
|
background-size: @size @size;
|
||||||
|
margin-left: 5px;
|
||||||
|
|
||||||
|
&.star1 {
|
||||||
|
width: @size;
|
||||||
|
margin-right: @size * 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.star2 {
|
||||||
|
width: @size * 2;
|
||||||
|
margin-right: @size;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.star3 {
|
||||||
|
width: @size * 3;
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.time {
|
||||||
|
text-align: right;
|
||||||
|
width: 60%;
|
||||||
|
color: #aaa;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.avatars {
|
||||||
|
display: flex;
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
|
.avatar-list {
|
||||||
|
display: flex;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
&.up {
|
||||||
|
padding-right: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.up:after {
|
||||||
|
content: "";
|
||||||
|
display: block;
|
||||||
|
position: absolute;
|
||||||
|
width: 1px;
|
||||||
|
height: 16px;
|
||||||
|
background: rgba(255, 255, 255, .3);
|
||||||
|
right: 8px;
|
||||||
|
top: 50%;
|
||||||
|
margin-top: -8px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.avatar-icon {
|
||||||
|
width: 33px;
|
||||||
|
height: 33px;
|
||||||
|
border-radius: 50%;
|
||||||
|
margin-right: 2px;
|
||||||
|
|
||||||
|
.img {
|
||||||
|
background-size: auto 100%;
|
||||||
|
background-position: center;
|
||||||
|
width: 29px;
|
||||||
|
height: 29px;
|
||||||
|
margin: 2px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.abyss-notice {
|
||||||
|
.cont-body {
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.avatar-banner, .img.wide {
|
||||||
|
&.avatar-枫原万叶 {
|
||||||
|
background-position: 0 -13%;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.avatar-九条裟罗 {
|
||||||
|
background-position: 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.avatar-香菱 {
|
||||||
|
background-position: 0 -16%;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.avatar-行秋 {
|
||||||
|
background-position: 0 -16%;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.avatar-甘雨 {
|
||||||
|
background-position: 0 -8%;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.avatar-刻晴 {
|
||||||
|
background-position: 0 -5%;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.avatar-神里绫华 {
|
||||||
|
background-position: 0 13%;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.avatar-班尼特 {
|
||||||
|
background-position: 0 15%;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.avatar-五郎 {
|
||||||
|
background-position: 0 15%;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.avatar-托马 {
|
||||||
|
background-position: 0 -5%;
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue
Block a user