NurseStationPersonApp/pages/taskReturn/taskReturn.vue

77 lines
1.2 KiB
Vue
Raw Normal View History

2022-11-03 18:16:30 +08:00
<template>
<view class="app">
<view class="return">
<view class="reason">
退回原因
</view>
<view class="reason" style="border: none;margin: 20rpx 0 0 50rpx;">
<input type="text" placeholder="请填写" />
</view>
</view>
<view class="submit">
<view class="finish">
去完成
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
}
}
</script>
<style lang="scss">
.app {
padding: 0;
// font-size: 35rpx;
height: 100vh;
padding: 3%;
.return {
width: 98%;
height: 342rpx;
background: #FFFFFF;
box-shadow: 0px 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
border-radius: 20rpx;
margin: 0 auto;
.reason {
width: 93%;
height: 80rpx;
font-size: 30rpx;
color: #030303;
line-height: 80rpx;
border-bottom: 1rpx solid #D8D4D4;
margin: 0 auto;
}
}
.submit{
height: 68rpx;
font-size: 32rpx;
color: #FFFFFF;
text-align: center;
position: fixed;
bottom: 80rpx;
left: 60%;
.finish{
width: 217rpx;
height: 68rpx;
line-height: 68rpx;
background: #4C7BC9;
border-radius: 26rpx;
margin-left: 30rpx;
}
}
}
</style>