| | |
| | | <template> |
| | | <view class="main"> |
| | | <view class="head"> |
| | | <view class="logo"> |
| | | <image src="../../static/img/logo.png" mode="aspectFit"></image> |
| | |
| | | </view> |
| | | |
| | | </view> |
| | | </view> |
| | | </template> |
| | | |
| | | <script lang="ts"> |
| | | <script setup lang="ts"> |
| | | // 这里编写ts代码 |
| | | let s:string = "123" |
| | | console.log(s) |
| | | </script> |
| | | |
| | | <style lang="less"> |
| | | .display-grid { |
| | | display: grid; |
| | | } |
| | | .main { |
| | | height: 100%; |
| | | width: 100%; |
| | | display: grid; |
| | | grid-template-columns: 1fr; |
| | | justify-items: center; |
| | | } |
| | | .head { |
| | | min-height: 400rpx; |
| | | 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%; |
| | | margin-top: 10rpx; |
| | | background-color: bisque; |
| | | // background-color: bisque; |
| | | display: grid; |
| | | grid-template-columns: 1fr; |
| | | justify-items: center; |
| | | align-items: center; |
| | | |
| | | .input { |
| | | width: 50%; |
| | | height: 30%; |
| | |
| | | .submit { |
| | | position: fixed; |
| | | width: 100%; |
| | | bottom: 100rpx; |
| | | bottom: 200rpx; |
| | | display: grid; |
| | | grid-template-columns: 1fr; |
| | | justify-items: center; |