#

whycq

2023-03-17 d8f42079a0e308f84f47cdaf344e18d2b9019e76

#

 pages.json

@@ -3,7 +3,7 @@
        {
            "path": "pages/login/login",
            "style": {
                "navigationBarTitleText": "uni-app"
                "navigationBarTitleText": "登 录"
            }
        }
    ],

 pages/index/index.vue

File was deleted

 pages/login/login.vue

New file
@@ -0,0 +1,128 @@
<template>
    <view>
        <!-- 设置 -->
        <label class="settings">
            <uni-icons type="gear" size="30" color="#707070" @click="settings"></uni-icons>
        </label>
        <!-- logo -->
        <view class="head">
            <view class="logo">
                <image src="../../static/img/logo.png" mode="aspectFit"></image>
            </view>
        </view>
        <view class="content">
            <!-- 账号 -->
            <view class="box shadow-warp">
                <view class="box-icon">
                    <uni-icons type="person" size="20" color="#707070"></uni-icons>
                </view>
                <view class="box-text">账号:</view>
                <view class="box-input">
                    <input type="text">
                </view>
                <view class="box-show"></view>
            </view>
            <!-- 密码 -->
            <view class="box shadow-warp">
                <view class="box-icon">
                    <uni-icons type="locked" size="20" color="#707070"></uni-icons>
                </view>
                <view class="box-text">密码:</view>
                <view class="box-input">
                    <input type="text">
                </view>
                <view class="box-show">
                    <uni-icons type="eye-filled" size="20" color="#707070"></uni-icons>
                </view>
            </view>
            <!-- 记住密码 -->
            <view class="check">
                <view class="check-left">
                    <view>记住密码</view>
                </view>
                <view class="check-right">
                    <switch checked color="#FFCC33" style="zoom:.5"/>
                </view>
            </view>
        </view>
        <!-- 登录按钮 -->
        <view class="submit">
            <view class="" style="width: 400rpx;">
                <button type="primary" size="default">登录</button>
            </view>
		
        </view>
		
        <!-- 设置弹窗区域 -->
        <view>
            <uni-popup ref="inputDialog" type="dialog">
                <view class="popup">
                    <!-- 标题 -->
                    <view class="title title-font">配置</view>
                    <view class="input">
                        <view class="input-left">ip:</view>
                        <view class="input-right"><input type="text"></view>
                    </view>
                    <view class="input">
                        <view class="input-left">端口:</view>
                        <view class="input-right"><input type="text"></view>
                    </view>
                    <view class="input">
                        <view class="input-left">项目:</view>
                        <view class="input-right"><input type="text"></view>
                    </view>
                    <view class="btn">
                        <view class="btn-left" @click="close">取消</view>
                        <view class="btn-right">确认</view>
                    </view>
                </view>
            </uni-popup>
        </view>
		
		
        <!-- 版本号 -->
        <!-- #ifdef APP-PLUS -->
        <view class="version">
            当前版本:{{version}}
        </view>
        <!-- #endif -->
    </view>
</template>

<script>
    export default {
        data() {
            return {
                version: '',
                value: ''
            }
        },
        onLoad() {
            // 手机端版本号
            // #ifdef APP-PLUS
            var that = this
            plus.runtime.getProperty(plus.runtime.appid, function(wgtinfo) {
                that.version = wgtinfo.version
            });
            // #endif
        },
        methods: {
            // 设置窗口开启按钮
            settings() {
                this.$refs.inputDialog.open()
            },
            // 设置窗口确认修改按钮
            dialogInputConfirm() {
                this.$refs.inputDialog.close()
            },
            // 设置窗口关闭按钮
            close() {
                this.$refs.inputDialog.close()
            }
        }
    }
</script>

<style>
	
</style>

 static/img/logo.png

 static/logo.png

Binary files differ