JLNTV_IPD/vue-admin-beautiful
4
0
Fork 0
mirror of https://gitee.com/chu1204505056/vue-admin-beautiful.git synced 2025-04-29 20:06:33 +08:00
Code Issues Projects Releases Wiki Activity

✨1.首页表格支持手机端 2.修改雪花屏文字大小

Browse Source
This commit is contained in:
chuzhixin 2020-10-05 23:43:20 +08:00
parent c7a0c40bab
commit f7d960e8c3
2 changed files with 85 additions and 73 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/static/css/loading.css
View File

@ -8,7 +8,7 @@
} }
.first-loading-wrp > h1 { .first-loading-wrp > h1 {
font-size: 30px; font-size: 24px;
font-weight: bolder; font-weight: bolder;
} }

156
src/views/index/components/VersionInformation.vue
View File

@ -12,66 +12,74 @@
/> />
<a-card class="version-information"> <a-card class="version-information">
<template v-slot:title> <template v-slot:title>系统信息</template>
<a
target="_blank"
href="https://github.com/chuzhixin/vue-admin-beautiful/tree/vue3.0-antdv"
>
<img
style="margin-right: 10px"
src="https://img.shields.io/github/stars/chuzhixin/vue-admin-beautiful?style=flat-square&label=Stars&logo=github"
/>
</a>
</template>
<template v-slot:extra> <template v-slot:extra>
<a href="#">部署时间:{{ updateTime }}</a> <a href="#">部署时间{{ updateTime }}</a>
</template> </template>
<table class="table"> <div class="version-information-table">
<tr> <table>
<td>vue</td> <tr>
<td>{{ dependencies["vue"] }}</td> <td>标星</td>
<td>@vue/cli</td> <td>
<td>{{ devDependencies["@vue/cli-service"] }}</td> <a
</tr> target="_blank"
<tr> href="https://github.com/chuzhixin/vue-admin-beautiful/tree/vue3.0-antdv"
<td>vuex</td> >
<td>{{ dependencies["vuex"] }}</td> <img
<td>vue-router</td> style="margin-right: 10px"
<td>{{ dependencies["vue-router"] }}</td> src="https://img.shields.io/github/stars/chuzhixin/vue-admin-beautiful?style=flat-square&label=Stars&logo=github"
</tr> />
<tr> </a>
<td>eslint-plugin-vue</td> </td>
<td>{{ devDependencies["eslint-plugin-vue"] }}</td> <td>下载量统计</td>
<td>axios</td> <td>敬请期待！</td>
<td>{{ dependencies["axios"] }}</td> </tr>
</tr> <tr>
<tr> <td>vue</td>
<td>babel-eslint</td> <td>{{ dependencies["vue"] }}</td>
<td>{{ devDependencies["babel-eslint"] }}</td> <td>@vue/cli</td>
<td>ant-design-vue</td> <td>{{ devDependencies["@vue/cli-service"] }}</td>
<td>{{ dependencies["ant-design-vue"] }}</td> </tr>
</tr> <tr>
<tr> <td>vuex</td>
<td>v2.x版演示地址（MIT协议，商用免费）</td> <td>{{ dependencies["vuex"] }}</td>
<td colspan="3"> <td>vue-router</td>
<a href="https://chu1204505056.gitee.io/vue-admin-beautiful/"> <td>{{ dependencies["vue-router"] }}</td>
https://chu1204505056.gitee.io/vue-admin-beautiful/ </tr>
</a> <tr>
</td> <td>eslint-plugin-vue</td>
</tr> <td>{{ devDependencies["eslint-plugin-vue"] }}</td>
<tr> <td>axios</td>
<td>PRO版演示地址</td> <td>{{ dependencies["axios"] }}</td>
<td colspan="3"> </tr>
<a href="https://chu1204505056.gitee.io/vue-admin-beautiful-pro/"> <tr>
https://chu1204505056.gitee.io/vue-admin-beautiful-pro/ <td>babel-eslint</td>
</a> <td>{{ devDependencies["babel-eslint"] }}</td>
</td> <td>ant-design-vue</td>
</tr> <td>{{ dependencies["ant-design-vue"] }}</td>
<tr> </tr>
<td>官方QQ群</td> <tr>
<td colspan="3">972435319、1139183756</td> <td>v2.x版演示地址（MIT协议，商用免费）</td>
</tr> <td colspan="3">
</table> <a href="https://chu1204505056.gitee.io/vue-admin-beautiful/">
https://chu1204505056.gitee.io/vue-admin-beautiful/
</a>
</td>
</tr>
<tr>
<td>PRO版演示地址</td>
<td colspan="3">
<a href="https://chu1204505056.gitee.io/vue-admin-beautiful-pro/">
https://chu1204505056.gitee.io/vue-admin-beautiful-pro/
</a>
</td>
</tr>
<tr>
<td>官方QQ群</td>
<td colspan="3">972435319、1139183756</td>
</tr>
</table>
</div>
</a-card> </a-card>
</template> </template>
<script> <script>
@ -90,23 +98,27 @@
<style lang="less" scoped> <style lang="less" scoped>
.version-information { .version-information {
margin-top: @vab-margin; margin-top: @vab-margin;
.table { &-table {
width: 100%; width: 100%;
color: #666; overflow: scroll;
border-collapse: collapse; table {
background-color: #fff; width: 100%;
color: #666;
border-collapse: collapse;
background-color: #fff;
td { td {
position: relative; position: relative;
padding: 9px 15px; padding: 9px 15px;
font-size: 14px; font-size: 14px;
line-height: 20px; line-height: 20px;
border: 1px solid #e6e6e6; border: 1px solid #e6e6e6;
&:nth-child(odd) { &:nth-child(odd) {
width: 20%; width: 20%;
text-align: right; text-align: right;
background-color: #f7f7f7; background-color: #f7f7f7;
}
} }
} }
} }