这个作业的要求是: https://bbs.csdn.net/topics/608215808
我提问的开源项目是:https://gitcode.net/ViewDesign/view-design
该仓库只有ViewDesign开源项目的介绍文档,在了解 View Design 设计体系后我找到了View UI Plus 的GitHub仓库https://github.com/view-design/ViewUIPlus 并克隆代码到本地进行了一些研究,也有一些问题。
问题1
我在尝试View UI Plus 的layout组件时,运行了部分官网示例代码,这时我遇到了一个问题,即content组件的背景色没有铺满该区域,而只是铺满了文字所在区域,以下是关键部分的代码
<div class="layout-base">
<Layout>
<Header class="layout-header">Header</Header>
<Content class="layout-content">
Content</Content>
<Footer class="layout-footer">Footer</Footer>
</Layout>
</div>
.layout-header,
.layout-footer{
background: #7CBCE9;
color: white;
}
.layout-content{
background: #0F8DE9;
min-height: 120px;
line-height: 120px;
}
下图是我得出的网页效果,想问一下这个问题该如何解决呢?
问题2
我在源码中找到了table-body.vue文件,在其中发现了有rowKey这一属性,基于我在小学期时使用vue开发的经验,想问一下View UI Plus在使用表格组件时是否能够在鼠标悬停于表格的某一行时返回该行的数据对象呢?
问题3
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>View UI Plus example</title>
<link rel="stylesheet" type="text/css" href="https://unpkg.com/view-ui-plus/dist/styles/viewuiplus.css">
<script type="text/javascript" src="https://unpkg.com/vue@next"></script>
<script type="text/javascript" src="https://unpkg.com/view-ui-plus"></script>
</head>
<body>
<div id="app">
<i-button @click="show">Click me!</i-button>
<Modal v-model="visible" title="Welcome">Welcome to View UI Plus</Modal>
</div>
<script>
const app = Vue.createApp({
data () {
return {
visible: false
}
},
methods: {
show () {
this.visible = true;
}
}
});
app.use(ViewUIPlus);
app.mount("#app");
</script>
</body>
</html>
在运行了上述官网给出的实例代码后,我得到的界面如下
不知道该示例界面是否可以进行美化一下呢,例如Vue的欢迎界面就比较美观,这可能也会帮助改善用户体验。
问题4
目前经过短时间的上手感觉View UI Plus与vue2、vue3,包括element-ui有很多相似之处,比如一些组件的样式、官网教程等,可能是我的使用时间过短,暂时还未发现View UI Plus隐藏的优势,想知道这个项目未来会向取代vue的方向发展还是向类似vue的一个扩展包的方向发展呢?该项目要如何宣传来获取更多用户青睐呢?
问题5
续问题2,参考源码中提交pr的模板md文件,如果我想参与开发该功能的话,是否需要先在贵司的在线编辑代码网站写好代码提交一个链接?我会承担怎样的责任与义务呢,如果该代码出现bug或与其他功能冲突,我是否有责任参与维护呢?