JLNTV_IPD/vue-admin-beautiful
4
0
Fork 0
mirror of https://gitee.com/chu1204505056/vue-admin-beautiful.git synced 2025-04-06 03:58:00 +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 {
font-size: 30px;
font-size: 24px;
font-weight: bolder;
}

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

@ -12,66 +12,74 @@
/>
<a-card class="version-information">
<template v-slot:title>
<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:title>系统信息</template>
<template v-slot:extra>
<a href="#">部署时间:{{ updateTime }}</a>
<a href="#">部署时间{{ updateTime }}</a>
</template>
<table class="table">
<tr>
<td>vue</td>
<td>{{ dependencies["vue"] }}</td>
<td>@vue/cli</td>
<td>{{ devDependencies["@vue/cli-service"] }}</td>
</tr>
<tr>
<td>vuex</td>
<td>{{ dependencies["vuex"] }}</td>
<td>vue-router</td>
<td>{{ dependencies["vue-router"] }}</td>
</tr>
<tr>
<td>eslint-plugin-vue</td>
<td>{{ devDependencies["eslint-plugin-vue"] }}</td>
<td>axios</td>
<td>{{ dependencies["axios"] }}</td>
</tr>
<tr>
<td>babel-eslint</td>
<td>{{ devDependencies["babel-eslint"] }}</td>
<td>ant-design-vue</td>
<td>{{ dependencies["ant-design-vue"] }}</td>
</tr>
<tr>
<td>v2.x版演示地址（MIT协议，商用免费）</td>
<td colspan="3">
<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 class="version-information-table">
<table>
<tr>
<td>标星</td>
<td>
<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>
</td>
<td>下载量统计</td>
<td>敬请期待！</td>
</tr>
<tr>
<td>vue</td>
<td>{{ dependencies["vue"] }}</td>
<td>@vue/cli</td>
<td>{{ devDependencies["@vue/cli-service"] }}</td>
</tr>
<tr>
<td>vuex</td>
<td>{{ dependencies["vuex"] }}</td>
<td>vue-router</td>
<td>{{ dependencies["vue-router"] }}</td>
</tr>
<tr>
<td>eslint-plugin-vue</td>
<td>{{ devDependencies["eslint-plugin-vue"] }}</td>
<td>axios</td>
<td>{{ dependencies["axios"] }}</td>
</tr>
<tr>
<td>babel-eslint</td>
<td>{{ devDependencies["babel-eslint"] }}</td>
<td>ant-design-vue</td>
<td>{{ dependencies["ant-design-vue"] }}</td>
</tr>
<tr>
<td>v2.x版演示地址（MIT协议，商用免费）</td>
<td colspan="3">
<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>
</template>
<script>
@ -90,23 +98,27 @@
<style lang="less" scoped>
.version-information {
margin-top: @vab-margin;
.table {
&-table {
width: 100%;
color: #666;
border-collapse: collapse;
background-color: #fff;
overflow: scroll;
table {
width: 100%;
color: #666;
border-collapse: collapse;
background-color: #fff;
td {
position: relative;
padding: 9px 15px;
font-size: 14px;
line-height: 20px;
border: 1px solid #e6e6e6;
td {
position: relative;
padding: 9px 15px;
font-size: 14px;
line-height: 20px;
border: 1px solid #e6e6e6;
&:nth-child(odd) {
width: 20%;
text-align: right;
background-color: #f7f7f7;
&:nth-child(odd) {
width: 20%;
text-align: right;
background-color: #f7f7f7;
}
}
}
}