uniapp按钮margin不了是什么问题?

Question

<template>
	<view>
		<view>
	<view style="border-bottom: 1px solid #B2B2B2;">
			<view class="margin-top-lg margin-left-xl" >
				<h3 class="text-orange">图片上传</h3>
				<h4 class="text-grey">请上传真实图片信息</h4>
			</view>
	</view>
				
	    <view class="cu-custom"> 
			<view style="float: left;">
				<h4 class="margin-left-xl margin-top-lg" >车辆照片</h4>
				<view class="margin-left-xl">
						<image src="../../static/5.png" style="width: 300rpx;height: 200rpx;"@click="uploadImg" mode="aspectFit"></image>
				</view>
			</view>
			<view style="float: left;">
				<h4 class="margin-left-xl margin-top-lg" >车辆旁实时照片</h4>
				<view class="margin-left-xl">
						<image src="../../static/5.png" style="width: 300rpx;height: 200rpx;"@click="uploadImg" mode="aspectFit"></image>
				</view>
			</view>
			<view style="float: left;">
				<h4 class="margin-left-xl margin-top-lg" >行驶证正本正面</h4>
				<view class="margin-left-xl">
						<image src="../../static/4.png" style="width: 300rpx;height: 200rpx;"@click="uploadImg" mode="aspectFit"></image>
				</view>
			</view>
			<view style="float: left;">
				<h4 class="margin-left-xl margin-top-lg" >行驶证副本</h4>
				<view class="margin-left-xl">
						<image src="../../static/4.png" style="width: 300rpx;height: 200rpx;"@click="uploadImg" mode="aspectFit"></image>
				</view>
			</view>
			
				</view>
				<view class=" text-center radius  margin-top-xl ">
					<button class="margin-top-xl cu-btn-lg bg-orange text-white sans-serif" style="border-radius: 10px;" >提交</button>
				</view>
				 </view>
				 </view>
				
			
				
</template>


<script>
	export default {
		data() {
			return {
				
		

		}
		},
		methods: {
			
		}
	}
</script>
<style>
	@import "../../common/common.css";
</style>

Answer 1