/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22[0].rules[0].use[1]!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??clonedRuleSet-22[0].rules[0].use[2]!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22[0].rules[0].use[3]!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js??clonedRuleSet-22[0].rules[0].use[4]!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??clonedRuleSet-22[0].rules[0].use[5]!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!./node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./src/pages/login/index.vue?vue&type=style&index=0&id=4586967a&scoped=true&lang=scss& ***! \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @charset "UTF-8"; /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ page.data-v-4586967a { height: 100vh; } .img-a.data-v-4586967a { width: 100%; } .img-b.data-v-4586967a { width: 100%; height: 45px; bottom: 0; position: absolute; } .login-bg.data-v-4586967a { height: 100vh; background-image: url("https://pic1.imgdb.cn/item/6a2a4e396dfdab59f429605b.jpg"); background-repeat: no-repeat; background-size: 100% 100%; } .t-login.data-v-4586967a { margin: 0 auto; font-size: 28rpx; border-radius: 20rpx; z-index: 9; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -100%); transform: translate(-50%, -100%); width: 600rpx; } .t-login button.data-v-4586967a { font-size: 28rpx; background: linear-gradient(to right, #081776, #4682B4); color: #fff; height: 90rpx; line-height: 90rpx; border-radius: 50rpx; } .t-login input.data-v-4586967a { padding: 0 20rpx 0 200rpx; height: 90rpx; line-height: 90rpx; margin-bottom: 50rpx; background: #f6f6f6; border: 1px solid #f6f6f6; font-size: 28rpx; border-radius: 50rpx; } .t-login .t-a.data-v-4586967a { position: relative; } .data-v-4586967a .t-login .t-a-name .u-icon .u-icon__label { letter-spacing: 1em; } .t-login .t-a image.data-v-4586967a { width: 40rpx; height: 40rpx; position: absolute; left: 40rpx; top: 28rpx; } .data-v-4586967a .t-login .t-a .u-icon { height: 40rpx; position: absolute; left: 40rpx; top: 28rpx; width: 200rpx; } .data-v-4586967a .t-login .t-a .u-icon .u-icon__icon { font-size: 40rpx !important; width: 40rpx; } .data-v-4586967a .t-login .t-a .u-icon > text { width: calc(100% - 40rpx); text-align: justify; } .t-login .t-b.data-v-4586967a { text-align: left; font-size: 46rpx; color: #ff939b; font-weight: bold; margin: 0 0 50rpx 20rpx; } .t-login .t-d.data-v-4586967a { text-align: center; color: #999; margin: 80rpx 0; } .t-login .t-c.data-v-4586967a { text-align: right; color: #c0c0c0; margin: -20rpx 30rpx 40rpx 0; } .t-login .t-f.data-v-4586967a { text-align: center; margin: 200rpx 0 0 0; color: #666; } .t-login .t-f text.data-v-4586967a { margin-left: 20rpx; color: #aaaaaa; font-size: 27rpx; } .t-login .uni-input-placeholder.data-v-4586967a { color: #aeaeae; } .cl.data-v-4586967a { zoom: 1; } .cl.data-v-4586967a:after { clear: both; display: block; visibility: hidden; height: 0; content: " "; } .cardBox.data-v-4586967a { flex-direction: row; align-items: center; padding: 5rpx; background: #ffffff; opacity: 0.9; border-radius: 0 0 20rpx 20rpx; height: 70rpx; width: 600rpx; margin: 0 auto; position: relative; text-align: center; line-height: 70rpx; color: #aaa; font-size: 28rpx; } .cardBox .txt.data-v-4586967a { margin-left: 10rpx; }