zhangjing/ysdH5
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

[修改联通活动]

Browse Source
This commit is contained in:
张慢慢
2024-03-04 15:10:46 +08:00
parent 69824dedea
commit 3acc754890
25 changed files with 852 additions and 692 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
pages/giftPack/index.vue
View File

@@ -379,7 +379,8 @@
<style lang="scss" scoped>
.content {
background: linear-gradient(to bottom, #fff9f9, #fff9f9);
background: linear-gradient(to bottom, #fdf5cc, #cbaf7f);
// background: linear-gradient(to bottom, #fff9f9, #fff9f9);
padding-bottom: 40rpx;
height: 100vh;
overflow-y: scroll;
@@ -459,17 +460,19 @@
.filMargin {
padding: 0 0 30rpx;
}
.filmTitle {
.filmTitle {
// background: linear-gradient(to right, #fce1d6, #fce1d6);
background: linear-gradient(to right, #feefce, #fbe9c0, #e8d19b);
line-height: 80rpx;
box-shadow: -4px 0 10px rgba(134,97,33,.2);
text-align: center;
border-radius: 10rpx 10rpx 0 0;
border-radius: 10rpx 10rpx 0 0;
color: #a47d53;
margin: 0 20rpx;
}
.filmList {
position: relative;
position: relative;
// background: linear-gradient(to right, #f1824a, #fdbe71);
background: linear-gradient(to right, #494e75, #27314d);
box-shadow: 0px 6px 10px rgba(134,97,33,.1);
border-radius: 10rpx;
@@ -535,7 +538,7 @@
margin-bottom: 10rpx;
.filmList-top-name {
width: calc(100% - 140rpx);
margin-right: 20rpx;
margin-right: 20rpx;
color: #fce2ae;
font-size: 32rpx;
margin-top: 10rpx;
@@ -546,11 +549,13 @@
}
}
.filmList-top-price {
position: relative;
position: relative;
// background: linear-gradient(to right, #fff9f9, #fff9f9);
background: linear-gradient(to right, #d3ad68, #cda65f);
box-shadow: 0px 2px 10px rgba(249,228,129,.5);
width: 120rpx;
height: 120rpx;
border-radius: 50%;
border-radius: 50%;
color: #FFFFFF;
text-align: center;
padding-top: 20rpx;
@@ -563,7 +568,7 @@
display: block;
}
.filmList-tag{
position: absolute;
position: absolute;
background: #474d73;
color: white;
font-size: 20rpx;
@@ -587,7 +592,7 @@
}
}
.filmList-tips {
font-size: 24rpx;
font-size: 24rpx;
color: #c1c1c1;
margin-top: 30rpx;
}
@@ -720,7 +725,7 @@
.campusBtn-name {
color: #abaeb2;
}
&.active .campusBtn-name {
&.active .campusBtn-name {
color: #474d73;
}
}
@@ -747,10 +752,10 @@
background-color: transparent;
border-radius: 40rpx;
}
&.active::after {
&.active::after {
background-color: #474d73;
}
&.active {
&.active {
color: #474d73;
font-weight: 600;
}
@@ -831,7 +836,7 @@
}
.tipsWhite-name {
text-align: center;
text-align: center;
color: #474d73;
font-size: 34rpx;
font-weight: 600;

11
pages/giftPack/logs.vue
View File

@@ -156,7 +156,7 @@
position: relative;
width: 440rpx;
margin: 0 auto;
color: #f25448;
color: #27314d;
line-height: 60rpx;
&::after,
&::before {
@@ -181,7 +181,8 @@
}
.redBack {
background-image: linear-gradient(to top, #fe796f, #f25549);
// background-image: linear-gradient(to top, #fe796f, #f25549);
background-image: linear-gradient(to top, #494e75, #27314d);
border-radius: 30rpx;
padding: 30rpx 0 40rpx;
box-sizing: border-box;
@@ -196,7 +197,7 @@
border-radius: 0 0 20rpx 20rpx;
}
.redBack::after {
background-color: rgba(243, 85, 73, .4);
background-color: rgba(39,49,77,.4);
z-index: 2;
width: calc(100% - 40rpx);
left: 20rpx;
@@ -204,7 +205,7 @@
height: 14px;
}
.redBack::before {
background-color: rgba(243, 85, 73, .2);
background-color: rgba(39,49,77,.4);
z-index: 1;
width: calc(100% - 80rpx);
left: 40rpx;
@@ -305,7 +306,7 @@
position: absolute;
top: 50rpx;
right: 30rpx;
color: #f25448;
color: #27314d;
font-size: 38rpx;
}
}

21
pages/giftPack/password.vue
View File

@@ -5,7 +5,8 @@
<image src="/static/img/campusLogin_logo.png" mode="aspectFill"></image>
<view class="title">身份验证</view>
</view>
<image class="cover" src="/static/img/campusLogin_back_red.png" mode="aspectFill"></image>
<!-- <image class="cover" src="/static/img/campusLogin_back_red.png" mode="aspectFill"></image> -->
<image class="cover" src="@/static/img/campus_nologo.png" mode="aspectFill"></image>
</view>
<view class="campus-cont">
<form @submit="forgetlogin">
@@ -121,8 +122,8 @@
<style lang="scss">
.content{
min-height: 100vh;
// background-image: linear-gradient(to top right, #cbaf7f, #fcf4cb);
background-image: linear-gradient(to top right, #fff9f9, #fff9f9);
background-image: linear-gradient(to top right, #cbaf7f, #fcf4cb);
// background-image: linear-gradient(to top right, #fff9f9, #fff9f9);
}
.campus-cont{
padding: 40rpx 60rpx;
@@ -130,8 +131,8 @@
position: relative;
padding-left: 30rpx;
padding-right: 30rpx;
background-image: linear-gradient(to right, #f4eeee, #f4eeee);
// background-image: linear-gradient(to right, #575a85, #252f4b);
// background-image: linear-gradient(to right, #f4eeee, #f4eeee);
background-image: linear-gradient(to right, #575a85, #252f4b);
height: 90rpx;
line-height: 90rpx;
border-radius: 45rpx;
@@ -149,12 +150,14 @@
font-size: 30rpx;
height: 90rpx;
line-height: 90rpx;
color: #f25448;
color: #ffffff;
// color: #f25448;
&::after{
border: none;
}
&[disabled]{
color: rgba($color: #f25448, $alpha: .5);
color: rgba($color: #ffffff, $alpha: .5);
// color: rgba($color: #f25448, $alpha: .5);
}
}
}
@@ -184,8 +187,8 @@
line-height: 90rpx;
padding: 0;
border-radius: 45rpx;
background-image: linear-gradient(to right, #f25448, #fe786d);
// background-image: linear-gradient(to right, #575a85, #252f4b);
// background-image: linear-gradient(to right, #f25448, #fe786d);
background-image: linear-gradient(to right, #575a85, #252f4b);
font-size: 32rpx;
color: white;
}

21
pages/giftPack/register.vue
View File

@@ -5,7 +5,8 @@
<image src="@/static/img/campusLogin_logo.png" mode="aspectFill"></image>
<view class="title">联通全额消费金活动用户注册</view>
</view>
<image class="cover" src="@/static/img/campusLogin_back_red.png" mode="aspectFill"></image>
<!-- <image class="cover" src="@/static/img/campusLogin_back_red.png" mode="aspectFill"></image> -->
<image class="cover" src="@/static/img/campus_nologo.png" mode="aspectFill"></image>
</view>
<view class="campus-cont">
<form @submit="submitRegister">
@@ -132,8 +133,8 @@
<style lang="scss">
.content{
min-height: 100vh;
// background-image: linear-gradient(to top right, #cbaf7f, #fcf4cb);
background-image: linear-gradient(to top right, #fff9f9, #fff9f9);
background-image: linear-gradient(to top right, #cbaf7f, #fcf4cb);
// background-image: linear-gradient(to top right, #fff9f9, #fff9f9);
}
.campus-cont{
padding: 40rpx 60rpx;
@@ -142,8 +143,8 @@
position: relative;
padding-left: 30rpx;
padding-right: 30rpx;
background-image: linear-gradient(to right, #f4eeee, #f4eeee);
// background-image: linear-gradient(to right, #575a85, #252f4b);
// background-image: linear-gradient(to right, #f4eeee, #f4eeee);
background-image: linear-gradient(to right, #575a85, #252f4b);
height: 90rpx;
line-height: 90rpx;
border-radius: 45rpx;
@@ -161,12 +162,14 @@
font-size: 30rpx;
height: 90rpx;
line-height: 90rpx;
color: #f25448;
color: #ffffff;
// color: #f25448;
&::after{
border: none;
}
&[disabled]{
color: rgba($color: #f25448, $alpha: .5);
color: rgba($color: #ffffff, $alpha: .5);
// color: rgba($color: #f25448, $alpha: .5);
}
}
}
@@ -191,8 +194,8 @@
line-height: 90rpx;
padding: 0;
border-radius: 45rpx;
background-image: linear-gradient(to right, #f25448, #fe786d);
// background-image: linear-gradient(to right, #575a85, #252f4b);
// background-image: linear-gradient(to right, #f25448, #fe786d);
background-image: linear-gradient(to right, #575a85, #252f4b);
font-size: 32rpx;
color: white;
}

21
pages/giftPack/setPassword.vue
View File

@@ -5,7 +5,8 @@
<image src="@/static/img/campusLogin_logo.png" mode="aspectFill"></image>
<view class="title">设置新密码</view>
</view>
<image class="cover" src="@/static/img/campusLogin_back_red.png" mode="aspectFill"></image>
<!-- <image class="cover" src="@/static/img/campusLogin_back_red.png" mode="aspectFill"></image> -->
<image class="cover" src="@/static/img/campus_nologo.png" mode="aspectFill"></image>
</view>
<view class="campus-cont">
<form @submit="forgetlogin">
@@ -59,8 +60,8 @@
<style lang="scss">
.content{
min-height: 100vh;
// background-image: linear-gradient(to top right, #cbaf7f, #fcf4cb);
background-image: linear-gradient(to top right, #fff9f9, #fff9f9);
background-image: linear-gradient(to top right, #cbaf7f, #fcf4cb);
// background-image: linear-gradient(to top right, #fff9f9, #fff9f9);
}
.campus-cont{
padding: 40rpx 60rpx;
@@ -68,8 +69,8 @@
position: relative;
padding-left: 30rpx;
padding-right: 30rpx;
// background-image: linear-gradient(to right, #575a85, #252f4b);
background-image: linear-gradient(to right, #f4eeee, #f4eeee);
background-image: linear-gradient(to right, #575a85, #252f4b);
// background-image: linear-gradient(to right, #f4eeee, #f4eeee);
height: 90rpx;
line-height: 90rpx;
border-radius: 45rpx;
@@ -87,12 +88,14 @@
font-size: 30rpx;
height: 90rpx;
line-height: 90rpx;
color: #f25448;
color: #ffffff;
// color: #f25448;
&::after{
border: none;
}
&[disabled]{
color: rgba($color: #f25448, $alpha: .5);
color: rgba($color: #ffffff, $alpha: .5);
// color: rgba($color: #f25448, $alpha: .5);
}
}
}
@@ -122,8 +125,8 @@
line-height: 90rpx;
padding: 0;
border-radius: 45rpx;
background-image: linear-gradient(to right, #f25448, #fe786d);
// background-image: linear-gradient(to right, #575a85, #252f4b);
// background-image: linear-gradient(to right, #f25448, #fe786d);
background-image: linear-gradient(to right, #575a85, #252f4b);
font-size: 32rpx;
color: white;
}

110
pages/giftPack/signin.vue
View File

@@ -5,13 +5,14 @@
<image src="@/static/img/campusLogin_logo.png" mode="aspectFill"></image>
<view class="title">联通全额消费金活动登录</view>
</view>
<image class="cover" src="@/static/img/campusLogin_back_red.png" mode="aspectFill"></image>
<!-- <image class="cover" src="@/static/img/campusLogin_back_red.png" mode="aspectFill"></image> -->
<image class="cover" src="@/static/img/campus_nologo.png" mode="aspectFill"></image>
</view>
<view class="campus-cont">
<form @submit="forgetlogin">
<view class="campus-inputs">
<!-- <image class="campus-form-icon" src="/static/img/campus_login_02.png" mode="aspectFill"></image> -->
<input class="campus-form-input" type="number" placeholder="请输入手机号" @input="getNameValue" name="mobile"></input>
<input class="campus-form-input" type="number" maxlength="11" placeholder="请输入手机号" @input="getNameValue" name="mobile"></input>
</view>
<view class="campus-inputs inputs-code" v-if="!passwordLogin">
<!-- <image class="campus-form-icon" src="/static/img/campus_login_03.png" mode="aspectFill"></image> -->
@@ -21,7 +22,15 @@
<view class="campus-inputs" v-else>
<!-- <image class="campus-form-icon" src="/static/img/campus_login_03.png" mode="aspectFill"></image> -->
<input class="campus-form-input" type="password" placeholder="请输入登录密码" name="password"></input>
</view>
</view>
<!-- <view class="captcha-inputs">
<view class="captcha-campus-inputs campus-inputs">
<input class="campus-form-input" type="text" placeholder="请输入图文验证码" name="captcha" @input="getCaptchaValue"></input>
</view>
<image class="campus-form-graph" :src="captchaImg" mode="widthFix" @click="campusClick"></image>
</view> -->
<view class="resPassword">
<navigator url="password">忘记密码</navigator>
</view>
@@ -36,7 +45,7 @@
</template>
<script>
import { send, auth, passlogin } from '@/apis/interfaces/auth'
import { send, auth, passlogin, Captcha } from '@/apis/interfaces/auth'
export default {
data() {
return {
@@ -45,10 +54,38 @@
code : '', // 验证码
passwordLogin: true, // 登录方式
disabled : false,
captcha : '', // 输入图形码
captchaImg : '', // 图形码
captchaKey : ''
}
},
// 生命周期函数--监听页面显示
onShow() {
// 获取图形码
this.captchaInfo()
},
methods: {
methods: {
// 图形码
captchaInfo() {
Captcha().then(res=>{
this.captchaImg = res.img
this.captchaKey = res.key
}).catch(err=>{
uni.showToast({
title: err.message,
icon : 'none'
})
})
},
// 重新获取图形码
campusClick() {
// 获取图形码
this.captchaInfo()
},
// 切换登录方式
onCutLogin(){
this.passwordLogin = !this.passwordLogin
@@ -57,6 +94,11 @@
getNameValue(e) {
this.mobileNo = e.detail.value
},
// captcha
getCaptchaValue(e) {
this.captcha = e.detail.value
},
// 获取code
getCode(){
@@ -116,18 +158,24 @@
forgetlogin(e){
let mobileNo = e.detail.value.mobile || '',
code = this.code || '',
password = e.detail.value.password || '',
password = e.detail.value.password || '',
captchakey = this.captchaKey,
captcha = this.captcha || '',
loginFunction
if(this.passwordLogin){
loginFunction = passlogin({
mobile : mobileNo,
password: password
password: password,
captcha : captcha,
captcha_key: captchakey
})
}else{
}else{
loginFunction = auth({
mobile: mobileNo,
code: code,
code: code,
captcha : captcha,
captcha_key: captchakey,
type: ''
})
}
@@ -137,7 +185,10 @@
uni.reLaunch({
url: '/pages/giftPack/index'
})
}).catch(err =>{
}).catch(err =>{
// 获取图形码
this.captchaInfo()
uni.showToast({
title: err.message,
icon : 'none'
@@ -151,9 +202,10 @@
<style lang="scss" scoped>
.content{
min-height: 100vh;
background-image: linear-gradient(to top right, #fff9f9, #fff9f9);
// background-image: linear-gradient(to top right, #cbaf7f, #fcf4cb);
}
// background-image: linear-gradient(to top right, #fff9f9, #fff9f9);
background-image: linear-gradient(to top right, #cbaf7f, #fcf4cb);
}
.campus-cont{
padding: 40rpx 60rpx;
.campus-inputs{
@@ -161,8 +213,8 @@
padding-left: 30rpx;
// padding-left: 90rpx;
padding-right: 30rpx;
background-image: linear-gradient(to right, #f4eeee, #f4eeee);
// background-image: linear-gradient(to right, #575a85, #252f4b);
// background-image: linear-gradient(to right, #f4eeee, #f4eeee);
background-image: linear-gradient(to right, #575a85, #252f4b);
height: 90rpx;
line-height: 90rpx;
border-radius: 45rpx;
@@ -180,12 +232,14 @@
font-size: 30rpx;
height: 90rpx;
line-height: 90rpx;
color: #f25448;
color: #ffffff;
// color: #f25448;
&::after{
border: none;
}
&[disabled]{
color: rgba($color: #f25448, $alpha: .5);
// color: rgba($color: #f25448, $alpha: .5);
color: rgba($color: #ffffff, $alpha: .5);
}
}
}
@@ -199,7 +253,8 @@
}
.campus-form-input{
height: 90rpx;
color: #000000;
color: #ffffff;
// color: #000000;
font-size: 32rpx;
}
@@ -218,8 +273,8 @@
line-height: 90rpx;
padding: 0;
border-radius: 45rpx;
background-image: linear-gradient(to right, #f25448, #fe786d);
// background-image: linear-gradient(to right, #575a85, #252f4b);
// background-image: linear-gradient(to right, #f25448, #fe786d);
background-image: linear-gradient(to right, #575a85, #252f4b);
font-size: 32rpx;
color: #ffffff;
}
@@ -265,5 +320,18 @@
font-size: 40rpx;
}
}
}
}
.captcha-inputs {
display: flex;
.campus-form-graph {
width: 220rpx;
margin-top: 10rpx;
}
.captcha-campus-inputs{
flex: 1;
margin-right: 20rpx;
}
}
</style>

20
pages/giftPack/user.vue
View File

@@ -215,7 +215,8 @@
}
.user {
background-image: linear-gradient(to right, #f25448, #fe786d);
background-image: linear-gradient(to right, #ecdec4, #f6eee1);
// background-image: linear-gradient(to right, #f25448, #fe786d);
border-radius: 10rpx;
padding: 30rpx;
box-sizing: border-box;
@@ -227,7 +228,8 @@
width: 190rpx;
}
.userTop {
color: #ffffff;
// color: #ffffff;
color: #796230;
.userTop-name {
display: flex;
font-size: 46rpx;
@@ -246,7 +248,8 @@
}
.userItem {
margin: 30rpx 0;
background-image: linear-gradient(to right, #fce1d6, #fce1d6);
// background-image: linear-gradient(to right, #fce1d6, #fce1d6);
background-image: linear-gradient(to right, #f5f1e5, #f5f1e5);
border-radius: 10rpx;
display: flex;
padding: 30rpx 0;
@@ -266,21 +269,22 @@
}
}
.userItem-label-text {
color: #ea7e4d;
color: #796230;
font-size: 26rpx;
padding-top: 10rpx;
}
}
}
.userList {
background: linear-gradient(to right, #fce1d6, #fce1d6);
background: linear-gradient(to right, #f5f1e5, #f5f1e5);
border-radius: 10rpx;
display: flex;
padding: 30rpx 20rpx;
line-height: 60rpx;
box-sizing: border-box;
font-size: 32rpx;
color: #ea7e4d;
// color: #ea7e4d;
color: #000000;
.userList-img {
width: 60rpx;
margin-right: 20rpx;
@@ -289,7 +293,7 @@
}
.userTips {
width: 100%;
color: #ffffff;
color: #796230;
display: flex;
font-size: 28rpx;
margin-top: 30rpx;
@@ -399,7 +403,7 @@
color: #abaeb2;
}
&.active .campusBtn-name {
color: #f55249;
color: #474d73;
}
}
}