#

whycq

2023-10-08 75252c6ad38784d0d753344dba37057e852df189

#

 components/My-input/My-input.vue

@@ -50,14 +50,15 @@
<style lang="scss">
    .my-input {
        width: 100%;
        height: 3rem;
        height: 45px;
        display: flex;
        color: #606164;
        align-items: center;
        background-color:  #ECF0F1;
        border-radius: 14rpx;
        box-shadow: inset 8rpx 8rpx 8rpx rgba(0,0,0,.3),
                    inset -8rpx -8rpx 8rpx rgba(255,255,255,.7),
                    -8rpx -8rpx 10rpx rgba(0,0,0,.4);
        border-radius: 7px;
        box-shadow: inset 4px 4px 4px rgba(0,0,0,.3),
                    inset -4px -4px 4px rgba(255,255,255,.7),
                    -4px -4px 5px rgba(0,0,0,.4);
    }
    .title-icon {
        margin: 0 8px 0 8px;

 pages.json

@@ -1,18 +1,18 @@
{
    "pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
        {
            "path": "pages/component/demo",
            "style": {
                "navigationBarTitleText": "测试"
            }
        },
        {
            "path": "pages/LoginDemo/LoginDemo",
            "style": {
                "navigationBarTitleText": "登录"
            }
        },
        {
            "path": "pages/component/demo",
            "style": {
                "navigationBarTitleText": "测试"
            }
        },
        {
            "path": "pages/common/data-list/dataDetail",
            "style": {
                "navigationBarTitleText": "明细"

 pages/LoginDemo/LoginDemo.vue

@@ -63,12 +63,12 @@
<style lang="scss" scoped>
    .setting {
        position: absolute;
        top: 16rpx;
        right: 16rpx;
        border-radius: 40rpx;
        box-shadow: inset 4rpx 4rpx 4rpx rgba(0,0,0,.3),
                    inset -4rpx -4rpx 4rpx rgba(255,255,255,.7),
                    -4rpx -4rpx 4rpx rgba(0,0,0,.4);
        top: 8px;
        right: 8px;
        border-radius: 10px;
        box-shadow: inset 2px 2px 2px rgba(0,0,0,.3),
                    inset -2px -2px 2px rgba(255,255,255,.7),
                    -2px -2px 2px rgba(0,0,0,.4);
    }
    .main {
        height: 100%;
@@ -84,7 +84,7 @@
    }
    .logo-box {
        background-color:  #ECF0F1;
        border-radius: 40rpx;
        border-radius: 15px;
        box-shadow: inset 8px 8px 8px rgba(0,0,0,.3),
                    inset -8px -8px 8px rgba(255,255,255,.7),
                    -8px -8px 10px rgba(0,0,0,.4);
@@ -103,7 +103,7 @@
    }
    .my-input {
        width: 80%;
        margin: 32rpx 10% 32rpx 10%;
        margin: 16px 10% 16px 10%;
    }
    .rember-password {
        width: 78%;
@@ -119,16 +119,16 @@
    .button {
        width: 40%;
        margin: 0 auto;
        height: 100rpx;
        height: 50px;
        text-align: center;
        line-height: 100rpx;
        line-height: 50px;
        font-size: 20px;
        background-color:  #409EFF;
        color: #ECF0F1;
        border-radius: 14rpx;
        box-shadow: inset 8rpx 8rpx 8rpx rgba(0,0,0,.3),
                    inset -8rpx -8rpx 8rpx rgba(255,255,255,.4),
                    -8rpx -8rpx 10rpx rgba(0,0,0,.4);
        border-radius: 7px;
        box-shadow: inset 4px 4px 4px rgba(0,0,0,.3),
                    inset -4px -4px 4px rgba(255,255,255,.4),
                    -4px -4px 5px rgba(0,0,0,.4);
    }
    @media screen and (orientation: portrait) {
        /* 竖屏 */