<template>
	<niu-page>
		<niu-navbar fixed color="white" middleLayout='left' bg="#39b54a">
			Tabs
		</niu-navbar>
		<view class="">
			<text style="font-size:12rpx;">sadsa</text>
			<niu-image circle border="1px solid red" mode="aspectFill" inline rect="100rpx" preview
				src="https://i.loli.net/2021/08/02/PEKnxSkbAHdtFfi.png"></niu-image>
		</view>
		<view style="margin: 24rpx;">
			<niu-grid :num="4">
				<niu-grid-item circle icon="https://i.loli.net/2021/08/02/PEKnxSkbAHdtFfi.png" text="1231"></niu-grid-item>
				<niu-grid-item icon="https://i.loli.net/2021/08/02/PEKnxSkbAHdtFfi.png">阿三大苏打萨达萨达是阿萨大</niu-grid-item>
				<niu-grid-item>11</niu-grid-item>
				<niu-grid-item>11</niu-grid-item>
				<niu-grid-item>11</niu-grid-item>
				<niu-grid-item>11</niu-grid-item>
			</niu-grid>
		</view>
		<view>{{$n.data.navbarTop}}px</view>
		<view>{{$n.data.navbarTop }}</view>
		<view :style="{backgroundColor: 'red', height: $n.data.navbarTop +'px'}"></view>
		<view style="padding: 15rpx;background-color: white;">
			<niu-input leftText="账号" arraw border closeable focus></niu-input>
			<niu-input leftText="密码" border rightText="$" closeable></niu-input>
			<niu-input leftText="验证码" @send="sendCode" sendcode closeable border sendcodeBorder></niu-input>
			<niu-input border></niu-input>
			<niu-input border></niu-input>
			<niu-input border></niu-input>
			<niu-input border></niu-input>
			<niu-input border></niu-input>
			<niu-input border></niu-input>
			<niu-input border></niu-input>
		</view>
	</niu-page>
</template>

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

			};
		}
	}
</script>

<style lang="scss">

</style>