#

whycq

2023-02-09 ac1710f669c5c3416c63ec014e58f310b78dd483

#

 App.vue

@@ -14,4 +14,5 @@

<style>
    /*每个页面公共css */
    @import url("static/css/main.css");
</style>

 pages.json

@@ -14,10 +14,11 @@
        }
    ],
    "globalStyle": {
        "navigationBarTextStyle": "black",
        "navigationBarTitleText": "uni-app",
        "navigationBarBackgroundColor": "#F8F8F8",
        "backgroundColor": "#F8F8F8"
        "navigationBarTextStyle": "white",
        "navigationBarTitleText": "PDA终端",
        // 导航栏样式, custom 即取消默认的原生导航栏
        "navigationStyle": "custom"
        // "backgroundColor": "#F8F8F8"
    },
    "uniIdRouter": {}
}

 pages/login/login.vue

@@ -5,26 +5,17 @@
        </view>
    </view>
    <view class="content">
        <view class="input">
            <view class="">
        <view class="input shadow-warp">

            </view>
            <view class="">
                <input type="text">
            </view>

        </view>

        <view class="input">
            <view class="">

            </view>
            <view class="">
                <input type="text">
            </view>
        <!-- <view class="">

        </view>

        <view class="">
            <input type="text">
        </view> -->
    </view>
    <view class="submit">
        <view class="" style="width: 400rpx;">
@@ -42,6 +33,7 @@
    .display-grid {
        display: grid;
    }

    .head {
        height: 400rpx;
        width: 100%;
@@ -50,16 +42,17 @@
        // background-color: aqua;
        justify-items: center;
        align-items: center;

        .logo {
            image {
                height: 300rpx;
            }
        }
    }

    .content {
        height: 400rpx;
        width: 100%;
        margin-top: 10rpx;
        // background-color: bisque;
        display: grid;
        grid-template-columns: 1fr;
@@ -67,15 +60,16 @@
        align-items: center;

        .input {
            width: 50%;
            height: 30%;
            background-color: #fff;
            display: grid;
            grid-template-columns: 1fr;
            justify-items: center;
            align-items: center;
            padding: 50rpx;
            border-radius: 6rpx;
            background-color: #ffffff;
            color: #666666;
            margin-top: 30rpx;
            width: 60%;
            height: 0rpx;
        }
    }

    .submit {
        position: fixed;
        width: 100%;