jobslink-user-clent/pageMy/federation/forMembership/forBook.vue

<template>
	<view>
		<view  class="bookBox">
			<view class="title">入会申请书</view>
			<view class="content">{{content}}</view>
			<view class="time people">申请人：</view>
			<view class="time">
				<view class="day">日期：</view>
				<view class="year"> 年    <view>月</view>    日</view>
			</view>
		</view>
		<view style="height: 49rpx;"></view>
		<view class="nextBtn" @click="submit">
			确定入会
		</view>
		
	</view>
	
</template>

<script>
	import {contract} from '@/api/federation.js'
	export default{
		data(){
			return{
				password: false,
				maxlength: 6,
				content: ''
			}
		},
		
		methods:{
			submit(){
				uni.showLoading({
					title:'请求中'
				})
				contract().then(e => {
					uni.hideLoading()
					uni.switchTab({
						url: '/pages/my/my'
					})
				})
			},
			go(url) {
				uni.navigateTo({
					url
				})
			}
		}
	}
</script>

<style lang="scss">
	page{
		background: #F6F6F6;
	}
	.bookBox{
		width: 630rpx;
		height: 691rpx;
		background: #FFFFFF;
		margin: 53rpx 30rpx;
		padding: 60rpx 30rpx 0 30rpx;
		position: relative;
		.title{
			font-size: 40rpx;
			font-weight: 500;
			color: #333333;
			line-height: 56rpx;
			text-align: center;
			margin-bottom: 47rpx;
		}
		.content{
			font-size: 28rpx;
			font-weight: 400;
			color: #333333;
			line-height: 50rpx;
			text-indent:2em;
		}
		.people{
			position: absolute;
			bottom: 203rpx;
			right: 223rpx;
		}
		.time{
			font-size: 32rpx;
			font-weight: 500;
			color: #333333;
			line-height: 45rpx;
			.day{
				position: absolute;
				bottom: 128rpx;
				right: 255rpx;
			}
			.year{
				width: 192rpx;
				display: flex;
				justify-content: space-between;
				position: absolute;
				bottom: 128rpx;
				right: 30rpx;
			}
		}
	}
	.nextBtn{
		margin: 50rpx 30rpx;
		height: 80rpx;
		background: #1B66FF;
		border-radius: 8rpx;
		font-size: 30rpx;
		font-weight: 400;
		color: #FFFFFF;
		line-height: 80rpx;
		text-align: center;
	}
</style>