chuangte/bick_back
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

首页修改

Browse Source
This commit is contained in:
tx 2024-08-21 18:02:28 +08:00
parent 266493081c
commit 7f2c968e00
4 changed files with 73 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
.env.development
View File

@ -5,7 +5,9 @@ VUE_APP_TITLE = 共享电动车管理系统
ENV = 'development'
# 共享电动车管理系统/开发环境
VUE_APP_BASE_API = 'https://dche.ccttiot.com/prod-api'
# VUE_APP_BASE_API = 'https://dche.ccttiot.com/prod-api'
VUE_APP_BASE_API = 'https://che.chuangtewl.com/prod-api'
# VUE_APP_BASE_API = 'http://192.168.2.75:8088'
# 路由懒加载

3
.env.production
View File

@ -5,7 +5,8 @@ VUE_APP_TITLE = 共享电动车管理系统
ENV = 'production'
# 共享电动车管理系统/生产环境
VUE_APP_BASE_API = 'https://dche.ccttiot.com/prod-api'
# VUE_APP_BASE_API = 'https://dche.ccttiot.com/prod-api'
VUE_APP_BASE_API = 'https://che.chuangtewl.com/prod-api'
# 小程序外链跳转设备
VUE_APP_WX_DEVICE_URL = 'weixin://dl/business/?appid=wx4d178f8c80348214&env_version=release'

1
.env.staging
View File

@ -5,6 +5,7 @@ NODE_ENV = production
# 测试环境配置
ENV = 'staging'
# VUE_APP_BASE_API = 'https://dche.ccttiot.com/prod-api'
VUE_APP_BASE_API = 'https://che.chuangtewl.com/prod-api'
# 共享电动车管理系统/测试环境
# VUE_APP_BASE_API = 'https://dianche.chuantewulian.cn/stage-api'

55
src/views/index.vue
View File

@ -1,5 +1,6 @@
<template>
<div class="page" v-if="userName == 'admin'">
<div class="left">
<div class="info_li">
<div class="card1">
<div class="txt">运营商数</div>
@ -208,6 +209,10 @@
</div>
</div>
</div>
<div class="right">
1
</div>
</div>
</template>
<script>
@ -333,8 +338,17 @@ export default {
width: 100%;
// height: 100vh;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
flex-direction: row;
.right{
width: 24%;
display: flex;
flex-wrap: nowrap;
background: #fff;
}
.left{
width: 75%;
.cont_box {
width: 100%;
margin-top: 1.33rem;
@ -392,30 +406,34 @@ export default {
.txt {
font-weight: 500;
font-size: 1.33rem;
font-size: 1rem;
color: #1D252F;
z-index: 1;
}
.num {
margin-top: 1.08rem;
margin-bottom: 0.44rem;
font-weight: 500;
font-size: 2rem;
font-size: 1.5rem;
color: #1D252F;
z-index: 1;
}
.txt1 {
font-size: 1.17rem;
font-size: 1rem;
color: #1D252F;
line-height: 1.58rem;
z-index: 1;
}
img {
position: absolute;
right: 2.75rem;
right: 1.75rem;
top: 1.42rem;
width: 4.5rem;
height: 4.5rem;
z-index: 0;
}
}
@ -452,6 +470,7 @@ export default {
width: 1.33rem;
height: 1.33rem;
margin-right: 0.58rem;
z-index: -1;
}
display: flex;
@ -460,7 +479,7 @@ export default {
align-items: center;
width: 100%;
font-weight: 500;
font-size: 1.33rem;
font-size: 1rem;
color: #757575;
}
@ -541,7 +560,7 @@ export default {
flex-wrap: nowrap;
// justify-content: space-between;
height: 10.42rem;
width: 100%;
.card2 {
margin-right: 1%;
padding: 1.42rem 1.75rem 1.33rem;
@ -551,35 +570,39 @@ export default {
background: #fff;
border-radius: 0rem 0rem 0rem 0rem;
.txt {
.txt, .num, .txt1 {
font-weight: 500;
font-size: 1.33rem;
position: relative; // 确保文字相对于父容器定位
z-index: 10; // 确保文字在图片上方
color: #1D252F;
}
.txt {
font-size: 1rem;
}
.num {
margin-top: 1.08rem;
margin-bottom: 0.44rem;
font-weight: 500;
font-size: 2rem;
color: #1D252F;
font-size: 1.5rem;
}
.txt1 {
font-size: 1.17rem;
color: #1D252F;
font-size: 1rem;
line-height: 1.58rem;
}
img {
position: absolute;
right: 2.75rem;
right: 1.75rem;
top: 1.42rem;
width: 4.5rem;
height: 4.5rem;
z-index: 0; // 确保图片在文字下方
}
}
.card1 {
margin-right: 1%;
padding: 1.42rem 1.75rem 1.33rem;
@ -620,4 +643,6 @@ export default {
}
}
}
</style>