OfficeApp/subpkg/personnel/personnel.vue

91 lines
1.7 KiB
Vue
Raw Normal View History

2023-07-19 11:58:18 +08:00
<template>
<view class="personnel">
<button class="new_btn">创建</button>
<view class="personnel_item">
<view class="type">
<image src="../../static/icons/err.png"></image>
<text>未签约</text>
</view>
<view class="top">
<view class="left"></view>
<view class="right"></view>
</view>
</view>
</view>
</template>
<script>
export default {
onReady() {
uni.setNavigationBarColor({
frontColor: '#ffffff',
backgroundColor: '#3175f9'
})
},
data() {
return {
}
},
onLoad() {},
onShow() {},
methods: {},
onPullDownRefresh() {
uni.stopPullDownRefresh()
}
}
</script>
<style lang="scss">
.personnel{
display: flex;
flex-direction: column;
align-items: center;
.new_btn{
margin-top: 32rpx;
margin-bottom: 40rpx;
width: 694rpx;
height: 84rpx;
background: #3274F9;
border-radius: 42rpx 42rpx 42rpx 42rpx;
color: #fff;
line-height: 80rpx;
text-align: center;
}
.personnel_item{
width: 694rpx;
height: 407rpx;
background: #FFFFFF;
border-radius: 14rpx 14rpx 14rpx 14rpx;
margin-bottom: 32rpx;
overflow: hidden;
position: relative;
.type{
width: 137rpx;
height: 53rpx;
background-color: #F02828;
border-radius: 0rpx 14rpx 0rpx 14rpx;
font-size: 25rpx;
font-weight: 400;
color: #FFFFFF;
line-height: 35rpx;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: 0;
right: 0;
image{
width: 18rpx;
height: 18rpx;
margin-right: 9rpx;
}
}
.top{
// background-color: #3274F9;
}
}
}
</style>