月兑活动修改为红色
This commit is contained in:
@@ -1,13 +1,13 @@
|
||||
<template>
|
||||
<template>
|
||||
<view class="content">
|
||||
<view class="campus-header">
|
||||
<view class="logo">
|
||||
<image src="@/static/img/campus_logo.jpg" mode="aspectFill"></image>
|
||||
<image src="@/static/img/campusLogin_logo.png" mode="aspectFill"></image>
|
||||
<view class="title">设置新密码</view>
|
||||
</view>
|
||||
<image class="cover" src="@/static/img/campusLogin_back_01.png" mode="aspectFill"></image>
|
||||
<image class="cover" src="@/static/img/campusLogin_back_red.png" mode="aspectFill"></image>
|
||||
</view>
|
||||
<view class="campus-cont">
|
||||
<view class="campus-cont">
|
||||
<form @submit="forgetlogin">
|
||||
<view class="campus-inputs">
|
||||
<input class="campus-form-input" type="password" placeholder="设置新的登录密码" name="password"></input>
|
||||
@@ -15,23 +15,23 @@
|
||||
<view class="campus-inputs">
|
||||
<input class="campus-form-input" type="password" placeholder="确认新的登录密码" name="newpassword"></input>
|
||||
</view>
|
||||
<button class="campus-form-btn" form-type="submit">确定</button>
|
||||
<button class="campus-form-btn" form-type="submit">确定</button>
|
||||
</form>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { passSetup } from '@/apis/interfaces/auth'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
}
|
||||
},
|
||||
<script>
|
||||
import { passSetup } from '@/apis/interfaces/auth'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
// 立即登录
|
||||
// 立即登录
|
||||
forgetlogin(e){
|
||||
let newPass = e.detail.value.newpassword || '',
|
||||
let newPass = e.detail.value.newpassword || '',
|
||||
password = e.detail.value.password || ''
|
||||
|
||||
passSetup({
|
||||
@@ -51,15 +51,16 @@
|
||||
icon : 'none'
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.content{
|
||||
min-height: 100vh;
|
||||
background-image: linear-gradient(to top right, #cbaf7f, #fcf4cb);
|
||||
// background-image: linear-gradient(to top right, #cbaf7f, #fcf4cb);
|
||||
background-image: linear-gradient(to top right, #fff9f9, #fff9f9);
|
||||
}
|
||||
.campus-cont{
|
||||
padding: 40rpx 60rpx;
|
||||
@@ -67,7 +68,8 @@
|
||||
position: relative;
|
||||
padding-left: 30rpx;
|
||||
padding-right: 30rpx;
|
||||
background-image: linear-gradient(to right, #575a85, #252f4b);
|
||||
// background-image: linear-gradient(to right, #575a85, #252f4b);
|
||||
background-image: linear-gradient(to right, #f4eeee, #f4eeee);
|
||||
height: 90rpx;
|
||||
line-height: 90rpx;
|
||||
border-radius: 45rpx;
|
||||
@@ -85,7 +87,7 @@
|
||||
font-size: 30rpx;
|
||||
height: 90rpx;
|
||||
line-height: 90rpx;
|
||||
color: white;
|
||||
color: #f25448;
|
||||
&::after{
|
||||
border: none;
|
||||
}
|
||||
@@ -104,7 +106,7 @@
|
||||
}
|
||||
.campus-form-input{
|
||||
height: 90rpx;
|
||||
color: white;
|
||||
color: #000000;
|
||||
font-size: 32rpx;
|
||||
}
|
||||
|
||||
@@ -119,8 +121,9 @@
|
||||
height: 90rpx;
|
||||
line-height: 90rpx;
|
||||
padding: 0;
|
||||
border-radius: 45rpx;
|
||||
background-image: linear-gradient(to right, #575a85, #252f4b);
|
||||
border-radius: 45rpx;
|
||||
background-image: linear-gradient(to right, #f25448, #fe786d);
|
||||
// background-image: linear-gradient(to right, #575a85, #252f4b);
|
||||
font-size: 32rpx;
|
||||
color: white;
|
||||
}
|
||||
@@ -157,7 +160,7 @@
|
||||
width: 160rpx;
|
||||
height: 160rpx;
|
||||
vertical-align: top;
|
||||
margin-bottom: 30rpx;
|
||||
margin-bottom: 30rpx;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.title{
|
||||
|
||||
Reference in New Issue
Block a user