| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162 |
- <template>
- <view class="pages">
- <image src="../../static/img/logo.png" class="logo" mode="widthFix"></image>
- <view class="title">企业用户登陆</view>
- <view class="login-form">
- <view class="login-form-item">
- <view class="login-form-item-til">账号</view>
- <view class="login-form-item-con">
- <input type="text" value="" placeholder="请输入账号" />
- </view>
- </view>
- <view class="login-form-item">
- <view class="login-form-item-til">密码</view>
- <view class="login-form-item-con">
- <input type="password" value="" placeholder="请输入密码" />
- </view>
- </view>
- </view>
- <view class="wrap">
- <view class="full-btn">登录</view>
- </view>
- <view class="bottom-btn-wrap">
- <view class="bottom-btn forgetpass">忘记密码</view>
- </view>
- </view>
- </template>
- <script>
- export default {
- data() {
- return {
- params:{
- token:'',
- }
-
- }
- },
- onShow() {
-
- },
- onLoad() {
- },
- methods: {
- }
- }
- </script>
- <style scoped>
- /* @import url("./index.css"); */
- .logo{display: block;margin: 128rpx auto 26rpx;width: 99rpx;height: 99rpx;}
- .title{margin-bottom: 80rpx;font-size: 36rpx;color: #333;line-height: 50rpx;font-weight: bold;text-align: center;}
- .login-form{margin-bottom: 40rpx;border-top: 1px solid #eee;border-bottom: 1px solid #eee;}
- .login-form-item{display: flex;position: relative;height: 96rpx;align-items: center;border-bottom: 1px solid #eee;}
- .login-form-item::before{content: '';width: 24rpx;height: 1px;background-color: #fff;position: absolute;left: 0;bottom: -1px;}
- .login-form .login-form-item:last-of-type{border-bottom: 0;}
- .login-form .login-form-item:last-of-type::before{height: 0;}
- .login-form-item-til{margin-left: 24rpx;padding-left: 16rpx;}
- .login-form-item-con{padding-left: 100rpx;}
- .forgetpass{font-size: 30rpx;color: #999;}
- </style>
|
