GithubHelp home page GithubHelp logo

pixiu-io / dashboard Goto Github PK

View Code? Open in Web Editor NEW
53.0 8.0 47.0 2.45 MB

The web-based dashboard for Pixiu

JavaScript 10.13% HTML 0.03% Vue 88.90% CSS 0.80% Dockerfile 0.05% Makefile 0.05% Shell 0.03%
pixiu dashboard

dashboard's Issues

pod 的页面交互操作

页面点一下,弹一个黑框出来,可以占大半个屏幕,右上角有个x可以关闭,然后在黑框内可以进行pod内部命令行操作

image
image

概览遗留问题处理

1.动画效果的问题,检查看看,我记得vue的动画组件应该是跟v-if或者v-show的指令去绑定的
2.这里几个内容实际上数据应该是动态变化的,而且样式内容是重复的,所以考虑用reactive去包裹json数据体,在这里用v-for去循环出来,避免过多的冗余代码
3.国际化内容的修改方案:
a.在language文件夹下分别找到en/zh这两个下面的index
b.在zh和en下面添加一个内容作为标识,例如
home: {
general_view: "概览",
cloud_count: "集群总数",
}
c.在对应的位置上用{{$t(home.general_view)}}的方式去使用,就能保证页面中正常显示并且兼容了国际化,en下的内容也可以对应添加

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.