You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
122 lines
2.0 KiB
122 lines
2.0 KiB
<template>
|
|
<!-- 修改成员 -->
|
|
<view class="page">
|
|
<navbar title="修改成员" leftClick @leftClick="$utils.navigateBack" />
|
|
|
|
<view class="box">
|
|
<view class="ChangeheadPortrait">
|
|
|
|
<view class="headPortrait">
|
|
</view>
|
|
<view class="Bo">
|
|
<uv-icon name="edit-pen" size="60"></uv-icon>
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<view class="ChangeAccountpassword">
|
|
|
|
<view class="ChangeName">
|
|
员工账号：
|
|
<uv-input placeholder="请输入员工账号" border="bottom"></uv-input>
|
|
<view class="Bo">
|
|
<uv-icon name="edit-pen" size="60"></uv-icon>
|
|
</view>
|
|
|
|
</view>
|
|
<view class="Changepassword">
|
|
员工密码：
|
|
<uv-input placeholder="请输入员工密码" border="bottom"></uv-input>
|
|
<view class="Bo">
|
|
<uv-icon name="edit-pen" size="60"></uv-icon>
|
|
</view>
|
|
|
|
</view>
|
|
</view>
|
|
|
|
<view class="preservation">
|
|
保存
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|
|
</template>
|
|
|
|
<script >
|
|
export default {
|
|
data() {
|
|
return {
|
|
value: ''
|
|
|
|
}
|
|
},
|
|
methods: {
|
|
change(e) {
|
|
console.log('change', e);
|
|
}
|
|
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
.page {
|
|
.box {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
justify-content: space-around;
|
|
height: 1300rpx;
|
|
|
|
.ChangeheadPortrait {
|
|
display: flex;
|
|
align-items: center;
|
|
|
|
.headPortrait {
|
|
height: 150rpx;
|
|
width: 150rpx;
|
|
background-color: yellowgreen;
|
|
|
|
.Bo{
|
|
margin-right: 50rpx;
|
|
}
|
|
|
|
}
|
|
}
|
|
|
|
.ChangeAccountpassword {
|
|
.ChangeName {
|
|
display: flex;
|
|
align-items: center;
|
|
margin: 25rpx 0rpx;
|
|
font-size: 35rpx;
|
|
|
|
.Bo {
|
|
margin-right: 50rpx;
|
|
}
|
|
}
|
|
|
|
.Changepassword {
|
|
display: flex;
|
|
align-items: center;
|
|
font-size: 35rpx;
|
|
|
|
.Bo {
|
|
margin-right: 50rpx;
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
.preservation {
|
|
background-color: #169bd5;
|
|
padding: 35rpx 70rpx;
|
|
border-radius: 20rpx;
|
|
|
|
|
|
}
|
|
|
|
}
|
|
}
|
|
</style>
|