Coder Social home page Coder Social logo

fb's Introduction

副本栏目

版本迭代

  • setting.json 修改默认资料片+副本值
  • 手动修订map_tree.json(jx3-icon)

fb's People

Contributors

dependabot[bot] avatar fakedestinyck avatar fifththirteen avatar iruxu avatar kaviilee avatar kuguats avatar m-ls avatar tyguigui avatar x3zvawq avatar zixuan1986 avatar

Watchers

 avatar  avatar  avatar  avatar

fb's Issues

精简血蓝数值提高可读性

举例英雄范阳夜变的厌夜,其数值显示如下
血量:261440000
内力:54009806

建议学习游戏自己的精简血蓝显示方式,显示为为下面的样式
血量:2亿6144万
内力:5400万9806

单位以万、亿分隔即可。

副本3.0

cba4bb9c3b2817bb52598839f90271a7

路由模式

参考macro和bps

  • router中改为history模式
  • post.js和post.vue变成single.vue
  • layouts
  • 已完成

百战Bug与优化

处于技能详情页时
image

这个侧边栏要自动收起,不然会一直抖出现异常。

  • 已完成

百战优化以及BUG

百战地图

1.上衫勇刀的攻略没有正常获取
↑应该是直接查找的 文字:上衫勇刀,但文章的首领tag文字为上杉勇刀。【衫】和【杉】的问题
2.恶战日轮山城和恶战灵霄峡的攻略没有正常获取
↑应该是【恶战·日轮山城】和【恶战日轮山城】文字不匹配的问题。
3.手机导出地图的层数效果有文字每行宽度过小而导致占用过多行数的问题
IMG_8713

副本栏目右侧

1.每10层的鼠标移入效果,变换的背景颜色改为#A361E4
2.快速跳转层数的按钮缩短到3个,文本变为1-20,20-40,40-60,对应跳到第1层,第20层,第40层,宽度拉长为76.67px

百战的优化项

南宫伯那个帖子

你自己和不咕评估

根据你自己的百战习惯优化

不合理的可以不用管

副本掉落BUG

除武器和特殊掉落外,其余的物品无法预览

  • 武器
    image

  • 其余物品
    image


  • 已完成

建议修改筛选功能的样式

Snipaste_2020-05-25_19-18-05.png

也许这个做的并不是按钮而是背景,但是容易让用户误解它就是按钮。
然而按钮内存在勾选项,确实有些违和,建议去掉这个背景。

副本板块BOSS排序需要修正

按照官方的设定,副本BOSS的排序应该为【周贽、厌夜、迟驻、白某、安小逢】
技能数据板块的【潜行】属于副本的跳老1剧情任务物品的任务,应该排序在最前面。

Snipaste_2020-05-28_22-52-53.png
Snipaste_2020-05-28_22-50-31.png
Snipaste_2020-05-28_22-52-29.png
Snipaste_2020-05-28_22-58-05.png

百战技能

  1. 百战技能
    image
  2. 百战BOSS,等新设计稿
  3. 百战评论

【文档】百战相关接口

新增地图
需要站内权限 开发组(Developer)

host: https://cms.jx3box.com
POST /api/cms/app/monster/map
payload

{
    "data": [
        {
            "bCanGetBuff": true,
            "dwBossID": 107365,
            "nEffectID": 0,
            "nLevelState": 1
        },
        ...
    ],
    "now": 1688952447,
}

data 必须是一个数组,数组内的内容随意
now 必须是一个unix是时间戳,保存的时候会保存为当天的0点

新版副本掉落大全

为解决推栏掉落时效性以及数据分组异常等问题
构建了新的副本掉落数据表和接口

前端文件:src/views/drop_v2.vue
访问地址:/#/drop_v2 (线上还是旧版本,本地需要访问这个新版地址才是)

搜索优化统一

搜索优化

image

改成回车或需要点击搜索按钮才能触发,所有cms栏目一起优化一下

  • 已完成

新版百战

说明

百战出一个玩家可以每周看一眼的东西
之前群里 还有茶馆有很多玩家写过一些东西
都可以参考一下

具体你自己写好后端
前端不想写的话,写一个需求文档,由牧野完成

  • 已完成

一点优化

副本选择下面固定加第一个【全部】

image

百战更新

将百战工具重新定义。

  • 地图功能
    1.快速了解本周精英BOSS
    2.快速识别本周特殊格子
    3.快速了解本周特殊格子效果
    4.一键导出图片(看看要不要做) @iRuxu
    5.筛选功能(特殊格子,特殊BOSS)
    6.可自由放大缩小的百战地图,参考([https://map.caimogu.cc/d4.html])主要用于自适应各种PC端显示器分辨率

  • 技能数据
    罗列百战的技能等之类的数据,和现有的一致即可

  • 首领数据
    1.展现首领的信息
    2.展现首领的技能(看看是否能通过阶级区分技能信息)
    3.展现首领在本周地图的位置
    4.添加短评论功能,和奇遇宠物百科一样,人人都可以短暂评论(利用短评论快速让用户了解BOSS打法,节省看大型攻略的时间),点赞
    5.新增按钮导入到现有的百战攻略文章列表页

百战(副本栏目右侧)

副本栏目右侧改为展示本周百战层数

布局

标题

1.将现有的图标和秘境百强榜,更改为百战异闻录
2.取消掉查看更多按钮

内容

1.下拉框更改为标签页形式,每个标签页展示对应15层的内容
2.看看是否需要根据4k屏吧单页展示翻倍
3.每行内容为【层数】+【BOSS头像】+【名字】+【空白】+【特殊层图标】
4.单击后跳转到百战工具,地图对应层
具体样式看下面

Figma

设计稿(详细数值):https://www.figma.com/file/28OnUWgiItEcGEBP0daWnL/%E7%99%BE%E6%88%98?type=design&node-id=454%3A1894&mode=design&t=sI1Kf1Irn8qjQM8H-1

原型稿(展示交互):https://www.figma.com/proto/28OnUWgiItEcGEBP0daWnL/%E7%99%BE%E6%88%98?page-id=454%3A1894&type=design&node-id=455-1895&viewport=486%2C741%2C1.6&t=Pmd8JQK8wyfn9Fa4-1&scaling=min-zoom&mode=design

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.