From d8f42079a0e308f84f47cdaf344e18d2b9019e76 Mon Sep 17 00:00:00 2001
From: whycq <10027870+whycq@user.noreply.gitee.com>
Date: 星期五, 17 三月 2023 09:41:01 +0800
Subject: [PATCH] #
---
/dev/null | 0
pages/login/login.vue | 128 ++++++++++++++++++++++++++++++++++++++++++
pages.json | 2
static/img/logo.png | 0
4 files changed, 129 insertions(+), 1 deletions(-)
diff --git a/pages.json b/pages.json
index 7c92dc8..02f54fa 100644
--- a/pages.json
+++ b/pages.json
@@ -3,7 +3,7 @@
{
"path": "pages/login/login",
"style": {
- "navigationBarTitleText": "uni-app"
+ "navigationBarTitleText": "鐧� 褰�"
}
}
],
diff --git a/pages/index/index.vue b/pages/index/index.vue
deleted file mode 100644
index ec0ec26..0000000
--- a/pages/index/index.vue
+++ /dev/null
@@ -1,52 +0,0 @@
-<template>
- <view class="content">
- <image class="logo" src="/static/logo.png"></image>
- <view class="text-area">
- <text class="title">{{title}}</text>
- </view>
- </view>
-</template>
-
-<script>
- export default {
- data() {
- return {
- title: 'Hello'
- }
- },
- onLoad() {
-
- },
- methods: {
-
- }
- }
-</script>
-
-<style>
- .content {
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- }
-
- .logo {
- height: 200rpx;
- width: 200rpx;
- margin-top: 200rpx;
- margin-left: auto;
- margin-right: auto;
- margin-bottom: 50rpx;
- }
-
- .text-area {
- display: flex;
- justify-content: center;
- }
-
- .title {
- font-size: 36rpx;
- color: #8f8f94;
- }
-</style>
diff --git a/pages/login/login.vue b/pages/login/login.vue
new file mode 100644
index 0000000..abcaddd
--- /dev/null
+++ b/pages/login/login.vue
@@ -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>
\ No newline at end of file
diff --git a/static/img/logo.png b/static/img/logo.png
new file mode 100644
index 0000000..e2fc662
--- /dev/null
+++ b/static/img/logo.png
Binary files differ
diff --git a/static/logo.png b/static/logo.png
deleted file mode 100644
index b5771e2..0000000
--- a/static/logo.png
+++ /dev/null
Binary files differ
--
Gitblit v1.9.1