ssm41471/src/main/webapp/front/pages/login/login.vue

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<template>
	<view class="content">
		<view class="logo">
			<image :style='{"boxShadow":"0 0 8rpx #ffaa33","borderColor":"#ccc","borderRadius":"20rpx","borderWidth":"0px","width":"160rpx","borderStyle":"solid","url":"http://codegen.caihongy.cn/20210327/7498aa8e3dbe4329b7b7a8caeae478cf.png","isShow":true,"height":"160rpx"}' src='http://codegen.caihongy.cn/20210327/7498aa8e3dbe4329b7b7a8caeae478cf.png' mode="aspectFill"></image>
		</view>
		<view class="uni-form-item uni-column">
			<input v-model="username" :style='{"borderColor":"rgba(255, 170, 51, 1)","backgroundColor":"#fff","borderRadius":"8rpx","color":"rgba(0, 0, 0, 1)","textAlign":"left","borderWidth":"2rpx","fontSize":"28rpx","borderStyle":"solid","height":"80rpx"}' type="text" class="uni-input" name="" placeholder="请输入账号" />
		</view>
		<view class="uni-form-item uni-column">
			<input v-model="password" :style='{"borderColor":"rgba(255, 170, 51, 1)","backgroundColor":"#fff","borderRadius":"8rpx","color":"rgba(0, 0, 0, 1)","textAlign":"left","borderWidth":"2rpx","fontSize":"28rpx","borderStyle":"solid","height":"80rpx"}' type="password" class="uni-input" name="" placeholder="请输入密码" />
		</view>
		<view class="uni-form-item uni-column">
			<picker @change="optionsChange" :value="index" :range="options">
				<view class="uni-picker-type" :style='{"lineHeight":"80rpx","fontSize":"28rpx","color":"rgba(255, 107, 19, 1)","textAlign":"left"}'>{{options[index]}}</view>
			</picker>
		</view>
		<view>
			<button @tap="onLoginTap" type="primary" :style='{"borderColor":"#ccc","backgroundColor":"rgba(255, 107, 19, 1)","borderRadius":"20rpx","color":"rgba(255, 255, 255, 1)","borderWidth":"0px","fontSize":"32rpx","borderStyle":"solid","height":"88rpx"}'>登录</button>
		</view>
		<view class="links">
            			            <view class="link-highlight" @tap="onRegisterTap('xuesheng')" :style='{"color":"rgba(255, 107, 19, 1)","fontSize":"24rpx"}'>注册学生</view>
            <view>|</view>
                        			            <view class="link-highlight" @tap="onRegisterTap('jiaoshi')" :style='{"color":"rgba(255, 107, 19, 1)","fontSize":"24rpx"}'>注册教师</view>
            <view>|</view>
                        			            			            			            			            			            			            			            			            			<view @tap="onForgetTap" :style='{"color":"rgba(255, 170, 51, 1)","fontSize":"24rpx"}'>忘记密码？</view>
		</view>
		<!-- <view class="links">
			<view @tap="onForgetTap" :style='{"color":"rgba(255, 170, 51, 1)","fontSize":"24rpx"}'>忘记密码？</view>
		</view> -->
	</view>
</template>

<script>
	import menu from '@/utils/menu'

	export default {
		data() {
			return {
				username: '',
				password: '',
				options: [
					'请选择登录用户类型'
				],
                optionsValues: [
					'',
                    'xuesheng',
                    'jiaoshi',
				],
				index: 0
			}
		},
		onLoad() {
			let options = ['请选择登录用户类型'];
			let menus = menu.list();
			this.menuList = menus;
			for(let i=0;i<this.menuList.length;i++){
				if(this.menuList[i].hasFrontLogin=='是'){
					options.push(this.menuList[i].roleName);
				}
			}