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

10
apis/interfaces/auth.js
View File

@@ -59,11 +59,19 @@ const unicom = (data) => {
}) })
} }
// 获取短信前图形验证码
const Captcha = () =>{
return request({
url: "auth/captcha",
})
}
export { export {
auth, auth,
passSetup, passSetup,
passlogin, passlogin,
register, register,
send, send,
unicom unicom,
Captcha
} }

10
apis/interfaces/rights.js
View File

@@ -75,6 +75,15 @@ const wpayH5Info = (data) => {
}) })
} }
// h5掉起微信授权的前置获取相关的签名信息前置
const cjsubscribeUrl = (data) => {
return request({
url: 'auth/cjjssdk',
data: data
})
}
//获取openid地址-web //获取openid地址-web
const unionpay = (data) => { const unionpay = (data) => {
return request({ return request({
@@ -136,6 +145,7 @@ export {
washcarCreate, washcarCreate,
getAuthUrl, getAuthUrl,
wpayH5Info, wpayH5Info,
cjsubscribeUrl,
unionpay, unionpay,
unionCode, unionCode,
rightsSingle, rightsSingle,

5
manifest.json
View File

@@ -82,10 +82,11 @@
"usingComponents" : true, "usingComponents" : true,
"permission" : { "permission" : {
"scope.userLocation" : { "scope.userLocation" : {
"desc" : "你的位置信息将用于小程序位置接口的效果展示" "desc" : "测试"
}
} }
}, },
"requiredPrivateInfos" : [ "getLocation", "chooseAddress", "chooseLocation" ]
},
"mp-alipay" : { "mp-alipay" : {
"usingComponents" : true "usingComponents" : true
}, },

88
pages/business/business.vue
View File

@@ -3,14 +3,14 @@
<view class="pack-center pages-hint showActive" v-if="showDt"> <view class="pack-center pages-hint showActive" v-if="showDt">
<image src="/static/img/null_icon.png"></image> <image src="/static/img/null_icon.png"></image>
<view>查看附近营业厅，需要获取您的地理位置</view> <view>查看附近营业厅，需要获取您的地理位置</view>
<!-- <button class="location-btn" size="mini" open-type="openSetting"> <!-- <button class="showActive-go" size="mini" open-type="openSetting">
开启定位服务 开启定位服务
</button> --> </button> -->
<view class="showActive-go" @tap="showTap">获取</view> <view class="showActive-go" @tap="openSetting">获取</view>
</view> </view>
<view class="showDt" v-else> <view class="showDt" v-else>
<view class="top"> <view class="top">
<view class="top-left nowrap">{{locationData.address}}</view> <view class="top-left nowrap">{{locatResaa}}</view>
<view class="top-picker"> <view class="top-picker">
<picker @change="screenOrders" :value="ordersIndex" :range-key="'name'" :range="ordersWay"> <picker @change="screenOrders" :value="ordersIndex" :range-key="'name'" :range="ordersWay">
{{ ordersWay[ordersIndex].name }} {{ ordersWay[ordersIndex].name }}
@@ -23,8 +23,11 @@
<image :src="item.cover" mode="aspectFill" class="item-logo"></image> <image :src="item.cover" mode="aspectFill" class="item-logo"></image>
<view class="item-cont"> <view class="item-cont">
<view class="item-name nowrap">{{item.title}}</view> <view class="item-name nowrap">{{item.title}}</view>
<view class="item-address nowrap">{{item.address}}</view> <view class="item-address">
<view class="item-distance nowrap"> <view class="item-address-tel">{{item.address}}</view>
<image @tap="tel(item.mobile)" src="/static/icon/tel.png"></image>
</view>
<view class="item-distance">
<view class="item-distance-left">{{item.distance}}</view> <view class="item-distance-left">{{item.distance}}</view>
<view class="item-distance-go" @tap="siteMap(item.latitude, item.longitude)">去导航</view> <view class="item-distance-go" @tap="siteMap(item.latitude, item.longitude)">去导航</view>
</view> </view>
@@ -42,12 +45,17 @@
</view> </view>
</template> </template>
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
<script> <script>
import { hallsIndex } from '@/apis/interfaces/index' import { hallsIndex } from '@/apis/interfaces/index'
import { cjsubscribeUrl } from '@/apis/interfaces/rights'
import wx from 'weixin-js-sdk'
import QQMapWX from '@/utils/qqmap-wx-jssdk.min.js' import QQMapWX from '@/utils/qqmap-wx-jssdk.min.js'
export default { export default {
data() { data() {
return { return {
locatResaa : '',
showDt : false, showDt : false,
latitude : '', latitude : '',
longitude : '', longitude : '',
@@ -72,14 +80,31 @@
if(this.latitude == '') { if(this.latitude == '') {
this.showDt = true this.showDt = true
} }
}, },
onShow() {}, onShow() {
// 获取营业厅列表
this.regilist();
},
methods:{ methods:{
showTap() { openSetting() {
this.showDt = false
// 获取定位 - 使用腾讯地图sdk // 获取定位 - 使用腾讯地图sdk
uni.getLocation({ cjsubscribeUrl({
url: location.href.split('#')[0]
}).then(wechatConfig => {
let wxConfig = JSON.parse(wechatConfig)
console.log(wxConfig)
wx.config({
appId: wxConfig.appId,
jsApiList : ['scanQRCode','closeWindow','chooseWXPay','getLocation'],
debug: false,
signature: wxConfig.signature,
nonceStr: wxConfig.nonceStr,
timestamp: wxConfig.timestamp,
openTagList : wxConfig.openTagList
})
wx.ready(() => {
wx.getLocation({
type: 'gcj02', //返回可以用于wx.openLocation的经纬度
success: res=> { success: res=> {
// 调用接口 // 调用接口
this.qqMap.reverseGeocoder({ this.qqMap.reverseGeocoder({
@@ -88,17 +113,25 @@
longitude: res.longitude longitude: res.longitude
}, },
success: locatRes => { success: locatRes => {
this.locatResaa= locatRes.result.formatted_addresses.recommend
this.latitude = locatRes.result.location.lat this.latitude = locatRes.result.location.lat
this.longitude = locatRes.result.location.lng this.longitude = locatRes.result.location.lng
this.showDt = false
// 获取营业厅列表 // 获取营业厅列表
this.regilist(this.latitude, this.longitude); this.regilist();
}, },
fail: res => {}, fail: res => {},
complete: res => {} complete: res => {}
}); });
},
cancel: res=> {
// 获取营业厅列表
this.regilist();
} }
}) })
})
})
}, },
// 营业厅列表 // 营业厅列表
@@ -129,6 +162,7 @@
this.page = res.halls.page this.page = res.halls.page
this.lodingStats = false this.lodingStats = false
uni.stopPullDownRefresh() uni.stopPullDownRefresh()
}) })
}, },
@@ -165,8 +199,22 @@
window.location.href = "http://uri.amap.com/marker?position="+ longitude +","+latitude +"&name="+ name +"&coordinate=gaode&callnative=1"; window.location.href = "http://uri.amap.com/marker?position="+ longitude +","+latitude +"&name="+ name +"&coordinate=gaode&callnative=1";
},
// 拨打电话
tel(e) {
uni.showActionSheet({
itemList : ['呼叫商家电话'],
success : res =>{
if(res.tapIndex==0){
uni.makePhoneCall({
phoneNumber: e
})
} }
} }
})
},
}
} }
</script> </script>
@@ -231,7 +279,7 @@
box-sizing: border-box; box-sizing: border-box;
border-radius: 10rpx; border-radius: 10rpx;
margin-bottom: 30rpx; margin-bottom: 30rpx;
position: relative; display: flex;
} }
.item-logo { .item-logo {
width: 180rpx; width: 180rpx;
@@ -239,11 +287,8 @@
border-radius: 10rpx; border-radius: 10rpx;
} }
.item-cont { .item-cont {
width: 100%; width: calc(100% - 180rpx);
position: absolute; padding-left: 30rpx;
left: 0;
top: 0;
padding: 30rpx 30rpx 30rpx 240rpx;
box-sizing: border-box; box-sizing: border-box;
} }
@@ -253,6 +298,15 @@
} }
.item-address { .item-address {
margin: 10rpx 0 30rpx; margin: 10rpx 0 30rpx;
display: flex;
}
.item-address image {
width: 44rpx;
height: 44rpx;
margin-left: 20rpx;
}
.item-address-tel {
width: calc(100% - 64rpx);
} }
.item-distance { .item-distance {
display: flex; display: flex;

8
pages/campus/index.vue
View File

@@ -31,7 +31,7 @@
</view> </view>
<!-- 39元套餐包年兑换480元消费金 --> <!-- 39元套餐包年兑换480元消费金 -->
<view class="film"> <view class="film" v-if="filmData.length > 0">
<view class="filmTitle"> <view class="filmTitle">
39元套餐包年兑换480元消费金 39元套餐包年兑换480元消费金
</view> </view>
@@ -54,7 +54,7 @@
</view> </view>
<!-- 59元套餐包年兑换720元消费金 --> <!-- 59元套餐包年兑换720元消费金 -->
<view class="film"> <view class="film" v-if="bathData.length > 0">
<view class="filmTitle"> <view class="filmTitle">
59元套餐包年兑换720元消费金 59元套餐包年兑换720元消费金
</view> </view>
@@ -77,7 +77,7 @@
</view> </view>
<!-- 云盘套餐包年兑换180元消费金 --> <!-- 云盘套餐包年兑换180元消费金 -->
<view class="film"> <view class="film" v-if="marketData.length > 0">
<view class="filmTitle"> <view class="filmTitle">
云盘套餐包年兑换180元消费金 云盘套餐包年兑换180元消费金
</view> </view>
@@ -100,7 +100,7 @@
</view> </view>
<!-- 99元套餐包年兑换960元消费金 --> <!-- 99元套餐包年兑换960元消费金 -->
<view class="film"> <view class="film" v-if="repastData.length > 0">
<view class="filmTitle"> <view class="filmTitle">
99元套餐包年兑换960元消费金 99元套餐包年兑换960元消费金
</view> </view>

2
pages/campus/password.vue
View File

@@ -2,7 +2,7 @@
<view class="content"> <view class="content">
<view class="campus-header"> <view class="campus-header">
<view class="logo"> <view class="logo">
<image src="/static/img/campusLogin_logo.png" mode="aspectFill"></image> <image src="/static/img/campusRedLogin_logo.png" mode="aspectFill"></image>
<view class="title">身份验证</view> <view class="title">身份验证</view>
</view> </view>
<image class="cover" src="/static/img/campus_nologo.png" mode="aspectFill"></image> <image class="cover" src="/static/img/campus_nologo.png" mode="aspectFill"></image>

2
pages/campus/register.vue
View File

@@ -2,7 +2,7 @@
<view class="content"> <view class="content">
<view class="campus-header"> <view class="campus-header">
<view class="logo"> <view class="logo">
<image src="@/static/img/campusLogin_logo.png" mode="aspectFill"></image> <image src="@/static/img/campusRedLogin_logo.png" mode="aspectFill"></image>
<view class="title">用户注册</view> <view class="title">用户注册</view>
</view> </view>
<image class="cover" src="@/static/img/campus_nologo.png" mode="aspectFill"></image> <image class="cover" src="@/static/img/campus_nologo.png" mode="aspectFill"></image>

2
pages/campus/setPassword.vue
View File

@@ -2,7 +2,7 @@
<view class="content"> <view class="content">
<view class="campus-header"> <view class="campus-header">
<view class="logo"> <view class="logo">
<image src="@/static/img/campusLogin_logo.png" mode="aspectFill"></image> <image src="@/static/img/campusRedLogin_logo.png" mode="aspectFill"></image>
<view class="title">设置新密码</view> <view class="title">设置新密码</view>
</view> </view>
<image class="cover" src="@/static/img/campus_nologo.png" mode="aspectFill"></image> <image class="cover" src="@/static/img/campus_nologo.png" mode="aspectFill"></image>

2
pages/campus/signin.vue
View File

@@ -2,7 +2,7 @@
<view class="content"> <view class="content">
<view class="campus-header"> <view class="campus-header">
<view class="logo"> <view class="logo">
<image src="@/static/img/campusLogin_logo.png" mode="aspectFill"></image> <image src="@/static/img/campusRedLogin_logo.png" mode="aspectFill"></image>
<view class="title">消费金兑换活动登录</view> <view class="title">消费金兑换活动登录</view>
</view> </view>
<image class="cover" src="@/static/img/campus_nologo.png" mode="aspectFill"></image> <image class="cover" src="@/static/img/campus_nologo.png" mode="aspectFill"></image>

4
pages/couponDetails/couponDetails.vue
View File

@@ -113,8 +113,8 @@
barcode : '', //条形码 barcode : '', //条形码
}, },
location : { location : {
latitude : 126.66837, // 纬度 latitude : '', // 纬度
longitude: 45.76021 // 经度 longitude: '' // 经度
} }
} }
}, },

31
pages/giftPack/index.vue
View File

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

11
pages/giftPack/logs.vue
View File

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

21
pages/giftPack/password.vue
View File

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

21
pages/giftPack/register.vue
View File

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

21
pages/giftPack/setPassword.vue
View File

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

94
pages/giftPack/signin.vue
View File

@@ -5,13 +5,14 @@
<image src="@/static/img/campusLogin_logo.png" mode="aspectFill"></image> <image src="@/static/img/campusLogin_logo.png" mode="aspectFill"></image>
<view class="title">联通全额消费金活动登录</view> <view class="title">联通全额消费金活动登录</view>
</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>
<view class="campus-cont"> <view class="campus-cont">
<form @submit="forgetlogin"> <form @submit="forgetlogin">
<view class="campus-inputs"> <view class="campus-inputs">
<!-- <image class="campus-form-icon" src="/static/img/campus_login_02.png" mode="aspectFill"></image> --> <!-- <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>
<view class="campus-inputs inputs-code" v-if="!passwordLogin"> <view class="campus-inputs inputs-code" v-if="!passwordLogin">
<!-- <image class="campus-form-icon" src="/static/img/campus_login_03.png" mode="aspectFill"></image> --> <!-- <image class="campus-form-icon" src="/static/img/campus_login_03.png" mode="aspectFill"></image> -->
@@ -22,6 +23,14 @@
<!-- <image class="campus-form-icon" src="/static/img/campus_login_03.png" mode="aspectFill"></image> --> <!-- <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> <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"> <view class="resPassword">
<navigator url="password">忘记密码</navigator> <navigator url="password">忘记密码</navigator>
</view> </view>
@@ -36,7 +45,7 @@
</template> </template>
<script> <script>
import { send, auth, passlogin } from '@/apis/interfaces/auth' import { send, auth, passlogin, Captcha } from '@/apis/interfaces/auth'
export default { export default {
data() { data() {
return { return {
@@ -45,10 +54,38 @@
code : '', // 验证码 code : '', // 验证码
passwordLogin: true, // 登录方式 passwordLogin: true, // 登录方式
disabled : false, 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(){ onCutLogin(){
this.passwordLogin = !this.passwordLogin this.passwordLogin = !this.passwordLogin
@@ -58,6 +95,11 @@
this.mobileNo = e.detail.value this.mobileNo = e.detail.value
}, },
// captcha
getCaptchaValue(e) {
this.captcha = e.detail.value
},
// 获取code // 获取code
getCode(){ getCode(){
let mobileNo = this.mobileNo, let mobileNo = this.mobileNo,
@@ -117,17 +159,23 @@
let mobileNo = e.detail.value.mobile || '', let mobileNo = e.detail.value.mobile || '',
code = this.code || '', code = this.code || '',
password = e.detail.value.password || '', password = e.detail.value.password || '',
captchakey = this.captchaKey,
captcha = this.captcha || '',
loginFunction loginFunction
if(this.passwordLogin){ if(this.passwordLogin){
loginFunction = passlogin({ loginFunction = passlogin({
mobile : mobileNo, mobile : mobileNo,
password: password password: password,
captcha : captcha,
captcha_key: captchakey
}) })
}else{ }else{
loginFunction = auth({ loginFunction = auth({
mobile: mobileNo, mobile: mobileNo,
code: code, code: code,
captcha : captcha,
captcha_key: captchakey,
type: '' type: ''
}) })
} }
@@ -138,6 +186,9 @@
url: '/pages/giftPack/index' url: '/pages/giftPack/index'
}) })
}).catch(err =>{ }).catch(err =>{
// 获取图形码
this.captchaInfo()
uni.showToast({ uni.showToast({
title: err.message, title: err.message,
icon : 'none' icon : 'none'
@@ -151,9 +202,10 @@
<style lang="scss" scoped> <style lang="scss" scoped>
.content{ .content{
min-height: 100vh; min-height: 100vh;
background-image: linear-gradient(to top right, #fff9f9, #fff9f9); // 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, #cbaf7f, #fcf4cb);
} }
.campus-cont{ .campus-cont{
padding: 40rpx 60rpx; padding: 40rpx 60rpx;
.campus-inputs{ .campus-inputs{
@@ -161,8 +213,8 @@
padding-left: 30rpx; padding-left: 30rpx;
// padding-left: 90rpx; // padding-left: 90rpx;
padding-right: 30rpx; padding-right: 30rpx;
background-image: linear-gradient(to right, #f4eeee, #f4eeee); // background-image: linear-gradient(to right, #f4eeee, #f4eeee);
// background-image: linear-gradient(to right, #575a85, #252f4b); background-image: linear-gradient(to right, #575a85, #252f4b);
height: 90rpx; height: 90rpx;
line-height: 90rpx; line-height: 90rpx;
border-radius: 45rpx; border-radius: 45rpx;
@@ -180,12 +232,14 @@
font-size: 30rpx; font-size: 30rpx;
height: 90rpx; height: 90rpx;
line-height: 90rpx; line-height: 90rpx;
color: #f25448; color: #ffffff;
// color: #f25448;
&::after{ &::after{
border: none; border: none;
} }
&[disabled]{ &[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{ .campus-form-input{
height: 90rpx; height: 90rpx;
color: #000000; color: #ffffff;
// color: #000000;
font-size: 32rpx; font-size: 32rpx;
} }
@@ -218,8 +273,8 @@
line-height: 90rpx; line-height: 90rpx;
padding: 0; padding: 0;
border-radius: 45rpx; border-radius: 45rpx;
background-image: linear-gradient(to right, #f25448, #fe786d); // background-image: linear-gradient(to right, #f25448, #fe786d);
// background-image: linear-gradient(to right, #575a85, #252f4b); background-image: linear-gradient(to right, #575a85, #252f4b);
font-size: 32rpx; font-size: 32rpx;
color: #ffffff; color: #ffffff;
} }
@@ -266,4 +321,17 @@
} }
} }
} }
.captcha-inputs {
display: flex;
.campus-form-graph {
width: 220rpx;
margin-top: 10rpx;
}
.captcha-campus-inputs{
flex: 1;
margin-right: 20rpx;
}
}
</style> </style>

20
pages/giftPack/user.vue
View File

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

BIN
static/img/campusRedLogin_logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.9 KiB

BIN
static/img/giftPack-img01.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 32 KiB

After

Width:  |  Height:  |  Size: 36 KiB

BIN
static/img/giftPack-img03.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.8 KiB

After

Width:  |  Height:  |  Size: 3.0 KiB

BIN
static/img/giftPack-img04.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 3.3 KiB

BIN
static/img/giftPack-img05.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.6 KiB

After

Width:  |  Height:  |  Size: 8.3 KiB

BIN
static/img/giftPack-user00_active.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.2 KiB

After

Width:  |  Height:  |  Size: 3.4 KiB

BIN
static/img/giftPack-user01_active.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 3.1 KiB

BIN
static/img/giftPackArrow.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 2.6 KiB