From 07bb8511cdd2bb78db9ed8ead08f9ad7d0e4c95e Mon Sep 17 00:00:00 2001 From: kgdxpr Date: Tue, 9 Jan 2024 14:03:41 +0800 Subject: [PATCH] 'commit' --- WebRoot/view/tb/index.css | 82 +++++++++++++++++++++++++++++++++++++++ WebRoot/view/tb/test.html | 38 ++++++++++++++++++ 2 files changed, 120 insertions(+) create mode 100644 WebRoot/view/tb/index.css create mode 100644 WebRoot/view/tb/test.html diff --git a/WebRoot/view/tb/index.css b/WebRoot/view/tb/index.css new file mode 100644 index 00000000..595b435a --- /dev/null +++ b/WebRoot/view/tb/index.css @@ -0,0 +1,82 @@ +@import url(./base.less); /* 引入全局样式 */ + +body { + background: url('../images/bg.png') no-repeat top / 10rem; +} + +.layout { + .box { + width: 8.5rem; + height: 10.5rem; + background-color: #fff; + margin: 5rem auto 0; + border: 1px solid #f7f7f7; + border-radius: .4rem; + .user { + margin: 1.1rem .5rem .75rem; + input { + width: 7.5rem; + height: 1.25rem; + border-radius: .2rem; + font-size: .3rem; + text-indent: 1.22rem; + &:first-child { + margin-bottom: .4rem; + } + } + .usn { + background: #f8f8f8 url("../images/user.png") no-repeat 0.48rem ~"/"0.4rem; + } + .psw { + background: #f8f8f8 url("../images/lock.png") no-repeat 0.48rem ~"/"0.4rem; + } + } + .login { + margin: 0 .5rem .6rem; + width: 7.5rem; + height: 1.25rem; + border-radius: .65rem; + background-image: linear-gradient(to right, #a14ff2, #6e80ec); + } + .other { + display: flex; + justify-content: space-around; + font-size: .3rem; + margin-bottom: 1rem; + .register { + margin-left: -1.2rem; + } + .forget { + margin-right: -1.2rem; + } + } + + .devision { + position: relative; + width: 6.8rem; + height: 1px; + background-color: #ccc; + margin: 0 auto; + &::after { + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + color: #ccc; + font-size: .32rem; + background-color: #fff; + padding: 0 .15rem; + content: '第三方账号登录'; + } + } + .outreach { + display: flex; + justify-content: space-around; + margin-top: .8rem; + width: 100%; + > img { + width: 1.2rem; + } + } + } +} diff --git a/WebRoot/view/tb/test.html b/WebRoot/view/tb/test.html new file mode 100644 index 00000000..898e3ecb --- /dev/null +++ b/WebRoot/view/tb/test.html @@ -0,0 +1,38 @@ + + + + + + Document + + + + +
+
+
+ + +
+ + +
+ 注册账号 + 忘记密码 +
+ +
+
+ + + +
+
+
+ + +