JP-ChargeTeam51/pages/user/car/carAdd.vue

<template>
	<view>
		<u-navbar title="车辆管理">
			<view class="slot-wrap">
				<span class="navBtn">删除车辆</span>
			</view>
		</u-navbar>
		<view class="carDet">
			<u-form :model="form" ref="uForm">
				<u-form-item label="姓名"><u-input v-model="form.name" /></u-form-item>
				<u-form-item label="简介"><u-input v-model="form.intro" /></u-form-item>
				<u-form-item label="开关"><u-switch slot="right" v-model="switchVal"></u-switch></u-form-item>
			</u-form>
		</view>
		<u-button class="login-btn" type="success" shape="circle">保存</u-button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				form: {
					name: '',
					intro: '',
				},
				switchVal: false
			}
		},
		methods: {

		}
	}
</script>
<style>
	page{
		background: #fff;
	}
</style>
<style lang="scss" scoped>
	.slot-wrap{
		flex: 1;
	}
	.navBtn{
		float: right;
		margin-right: 15px;
		color:#FF6666;
	}
	.carDet{
		padding: 0 16px;
	}
	
	.login-btn {
		margin: 28px ;
		background-color:#00B962!important;
		border-color: #00B962!important;
		color:#fff!important;
	}
</style>