<template>
|
<view class="head">
|
<view class="logo">
|
<image src="../../static/img/logo.png" mode="aspectFit"></image>
|
</view>
|
</view>
|
<view class="content">
|
<view class="input shadow-warp">
|
|
|
</view>
|
|
<!-- <view class="">
|
|
</view>
|
<view class="">
|
<input type="text">
|
</view> -->
|
</view>
|
<view class="submit">
|
<view class="" style="width: 400rpx;">
|
<button type="primary" size="default">登录</button>
|
</view>
|
|
</view>
|
</template>
|
|
<script setup lang="ts">
|
// 这里编写ts代码
|
</script>
|
|
<style lang="less">
|
.display-grid {
|
display: grid;
|
}
|
|
.head {
|
height: 400rpx;
|
width: 100%;
|
display: grid;
|
grid-template-columns: 1fr;
|
// background-color: aqua;
|
justify-items: center;
|
align-items: center;
|
|
.logo {
|
image {
|
height: 300rpx;
|
}
|
}
|
}
|
|
.content {
|
height: 400rpx;
|
width: 100%;
|
// background-color: bisque;
|
display: grid;
|
grid-template-columns: 1fr;
|
justify-items: center;
|
align-items: center;
|
|
.input {
|
padding: 50rpx;
|
border-radius: 6rpx;
|
background-color: #ffffff;
|
color: #666666;
|
margin-top: 30rpx;
|
width: 60%;
|
height: 0rpx;
|
}
|
}
|
|
.submit {
|
position: fixed;
|
width: 100%;
|
bottom: 200rpx;
|
display: grid;
|
grid-template-columns: 1fr;
|
justify-items: center;
|
}
|
</style>
|
