meishidaQS/pages/tixian/Jioayimima.vue

<template>
	<view>
		<customNav :shownav="true" :title="$t('tixian.jiaoyimima')" tinColor="#006AFF" jiantou="0" titledetl=''></customNav>
		<view class="contenV">
			<view class="contentInRowL ItemContent">
				<image style="width: 40rpx;height: 40rpx;" src="/static/imags/mimatb.png" mode="scaleToFill"></image>
				<input type="safe-password" :placeholder="$t('user.qingshuyzfmm')" :password="true" @input="denglumima">
				<image style="width: 40rpx;height: 40rpx;margin-left: auto;" src="/static/imags/byanjing.png" mode="scaleToFill"></image>
			</view>
			<view class="contentInRowL ItemContent">
				<image style="width: 40rpx;height: 40rpx;" src="/static/imags/mimatb.png" mode="scaleToFill"></image>
				<input type="safe-password" :placeholder="$t('user.qingshezfmm')" :password="true" @input="denglumima">
				<image style="width: 40rpx;height: 40rpx;margin-left: auto;" src="/static/imags/byanjing.png" mode="scaleToFill"></image>
			</view>
			<view class="contentInRowL ItemContent">
				<image style="width: 40rpx;height: 40rpx;" src="/static/imags/mimatb.png" mode="scaleToFill"></image>
				<input type="safe-password" :placeholder="$t('user.qingzaisryc')" :password="true" @input="denglumima">
				<image style="width: 40rpx;height: 40rpx;margin-left: auto;" src="/static/imags/byanjing.png" mode="scaleToFill"></image>
			</view>
		</view>
		
		<view class="yzmctV">
			<label class="querenBt" @click="loginAC">{{$t('index.queren')}}</label>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				mima:''
			}
		},
		methods: {
			denglumima(event){
				this.mima = event.target.value;
			},
		}
	}
</script>

<style lang="scss">
	@import '@/common/common.scss';
	
	page{
		background-color: whitesmoke;
	}
.contenV{
	margin-top: 40rpx;
	width: 94%;
	margin-left: 3%;
	background-color: white;
}
.ItemContent{
	padding: 24rpx;
	border: solid whitesmoke;
	border-width: 0px 0px 2rpx 0px;
}

.yzmctV{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content:flex-start;
	margin-top: 30rpx;
	width: 94%;
	margin-left: 3%;
}

.querenBt{
	margin-top: 30rpx;
	width: 100%;
	height: 60rpx;
	line-height: 60rpx;
	padding: 10rpx;
	border-radius: 20rpx;
	text-align: center;
	justify-content: center;
	background-color: #006AFF;
	color: white;
	box-shadow: 0px 0rpx 10rpx 0rpx #006AFF;
}

</style>