jxred/pages/applic/contribution.vue

<template>
	<view class="content">
		<view class="box">
			<view class="box">
				<view class="box-item">
					<view class="box-left">
						捐款意向
					</view>
					<view class="box-right">
						<input type="text" value="" />
					</view>
				</view>
			</view>
		</view>

		<view class="buttom" :class="{ action: loding }" @click="!loding?join():''">
			提交
		</view>
	</view>
</template>

<script>
	import {
		joinSec
	} from '@/api/index.js';
	import {
		upload
	} from '@/api/ask.js';
	export default {
		data() {
			return{}
		},
		computed: {},
		methods: {}
	}
</script>

<style lang="scss">
	page {
		background-color: #f8f8f8
	}
	.content {
		.box{
			.box-item{
				display: flex;
				align-items: center;
				border-bottom: 1rpx solid #f2f2f2;
			}
		}
		
		.buttom {
			width: 660rpx;
			height: 100rpx;
			background: linear-gradient(0deg, #C90F1B, #F14D33);
			border-radius: 50rpx;
			margin: 50rpx auto;
			font-size: 36rpx;
			font-weight: 400;
			color: #FFFFFF;
			line-height: 100rpx;
			text-align: center;
		
			&.action {
				background: #999999;
			}
		}
	}
</style>