51 lines
1.6 KiB
51 lines
1.6 KiB
<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>
|