recruitment-wechat-uniapp-241012/pages_order/mine/redeemCode.vue

<template>
	<view class="page">
		<navbar
		title="兑换码"
		leftClick 
		@leftClick="$utils.navigateBack"
		/>
		
		<view class="input">
			<input type="text" v-model="form.title"
			placeholder="请输入兑换码"/>
			<view class="btn">
				兑换
			</view>
		</view>
		
		<view class="list">
			<view class="item"
			v-for="(item, index) in 10"
			:key="index">
				<view class="title">
					1.用户是否能通过兑换码
				</view>
				<view class="info">
					答：兑换码仅能够
				</view>
			</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				form : {
					code : '',
				},
			}
		},
		methods: {
			
		},
	}
</script>

<style scoped lang="scss">
.page{
	.input{
		display: flex;
		width: 690rpx;
		margin: 30rpx;
		margin-top: 80rpx;
		input{
			height: 50rpx;
			padding: 10rpx 20rpx;
			flex: 1;
			border: 1px solid $uni-color;
			border-radius: 15rpx;
			margin-right: 20rpx;
			background-color: #fff;
		}
		.btn{
			width: 100rpx;
			height: 70rpx;
			text-align: center;
			line-height: 70rpx;
			background-color: $uni-color;
			color: #fff;
			border-radius: 15rpx;
		}
	}
	.list{
		margin: 30rpx;
		.item{
			margin: 30rpx 0;
			.title{
				margin-bottom: 10rpx;
			}
			.info{
				color: #f40;
			}
		}
	}
}
</style>