long/mes_mobile
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

调整项目框架

Browse Source
This commit is contained in:
龙运模
2024-04-23 11:48:55 +08:00
parent 01ea333978
commit 2b8797a1ac
26 changed files with 962 additions and 352 deletions
Download Patch File Download Diff File Expand all files Collapse all files

73
pages/person/person.vue
View File

@ -2,11 +2,11 @@
<view class="person_page ">
<view class="person_top">
<view class="person_data">
<!-- <view class="person_logo"> -->
<view class="person_logo">
<!-- <button class="avatar-wrapper" open-type="chooseAvatar" bind:chooseavatar="onChooseAvatar"> -->
<image class="person_logo" :src="avatarUrl"></image>
<!-- </button> -->
<!-- </view> -->
<image class="img" :src="avatarUrl"></image>
<!-- </button> -->
</view>
<view class="person_name">
<view class="name">
<text class="font15">肖银奎</text>
@ -75,6 +75,9 @@
<view class="con_set">
<view class="t-icon t-icon-xitongshezhi-gerenzhongxin personicon"></view>
<view class="font13">系统设置</view>
</view>
<view class="login_out">
<view class="font13">退出登录</view>
</view>
</view>
<tab-bar :current-page="2"></tab-bar>
@ -83,7 +86,7 @@
<script>
import tabBar from "@/components/customTabBar/index";
const defaultAvatarUrl = 'https://mmbiz.qpic.cn/mmbiz/icTdbqWNOwNRna42FI242Lcia07jQodd2FJGIYQfG0LAJGFxM4FbnQP6yfMxBgJ0F3YRqJCJ1aPAK2dQagdusBZg/0';
const defaultAvatarUrl = 'https://dm-auto.oss-cn-shanghai.aliyuncs.com/mes_wechat/avatar.png';
export default {
components:{
tabBar
@ -137,7 +140,18 @@
.person_page{ padding: 14px;
.person_top{margin-bottom:33px ;
.person_data{display: flex;align-items: center;
.person_logo{border-radius: 50%;width: 54px;height: 54px;margin:0 6px 0 4px;}
.person_logo{
border-radius: 50%;width: 54px;height: 54px;margin:0 6px 0 4px;position: relative;
.img{
height: 100%;width: 100%;
}
}
.person_logo::before{
content: '';position: absolute;right: 2px;bottom: 1px;z-index: 10;border: 1px solid $uni-bg-color-default; background: $uni-bg-color-whith;width: 10px;height: 10px;border-radius: 50%;
}
.person_logo::after{
content: '';position: absolute;right: 4px;bottom: 3px;z-index: 20;background: $uni-bg-color-success;width: 8px;height: 8px;border-radius: 50%;
}
.person_name{
.name{display: flex;align-items: center;margin-bottom: 2px;
@ -147,20 +161,26 @@
}
}
}
.person_content{
.con_backlog{padding: 14px 10px 14px 15px;background: #1C2755;border-radius: 8px;margin-bottom: 12px;
.backlog_data{display: flex; flex-wrap: wrap;margin-top: 7px;
.backlog_module{width: 93px;height: 76px;display: flex;justify-content: center;flex-direction: column;align-items: center;border-radius: 8px;
background: #6576B7;margin: 5px 6px;}
.person_content{
padding-bottom: 100px;
.con_backlog{padding: 14px 10px;background: $uni-bg-color-primary;border-radius: 8px;margin-bottom: 12px;
.backlog_data{
display: flex;flex-wrap:wrap;margin-top:7px;
.backlog_module{
width: calc(33.33% - 12px);height: 76px;display: flex;justify-content: center;flex-direction: column;align-items: center;border-radius: 8px;
background: $uni-color-info;margin: 5px 6px;
box-sizing: border-box;
}
.backlogicon{width: 32px;height: 32px;}
.backlogname{
font-size: $uni-font-size-sm;
padding-top: 5px;}
padding-top: 5px;
}
}
}
.con_account{
border-radius: 8px;
background: #1C2755;
background: $uni-bg-color-primary;
display: flex;
height: 52px;
align-items: center;
@ -169,19 +189,32 @@
}
.personicon{width: 24px;height: 24px;margin-right: 15px;}
.con_data{border-radius: 8px;
background: #1C2755;
.con_data{
border-radius: 8px;
background: $uni-bg-color-primary;
padding: 0 14px;
margin-bottom: 12px;
.con_module{display: flex;height: 49px;align-items: center;border-bottom: 1px solid #2D3A6F;}
.con_module{display: flex;height: 49px;align-items: center;border-bottom: 1px solid $uni-border-color-primary;}
}
.con_set{border-radius: 8px;
background: #1C2755;
.con_set{
border-radius: 8px;
background: $uni-bg-color-primary;
display: flex;
height: 48px;
align-items: center;
padding: 0 14px;
}
padding: 0 14px;
margin-bottom: 12px;
}
.login_out{
border-radius: 8px;
background: $uni-bg-color-primary;
display: flex;
height: 48px;
align-items: center;
justify-content: center;
padding: 0 14px;
color: $uni-text-color-danger;
}
}
}
</style>