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 {
auth,
passSetup,
passlogin,
register,
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
const unionpay = (data) => {
return request({
@@ -136,6 +145,7 @@ export {
washcarCreate,
getAuthUrl,
wpayH5Info,
cjsubscribeUrl,
unionpay,
unionCode,
rightsSingle,

5
manifest.json
View File

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

120
pages/business/business.vue
View File

@@ -3,14 +3,14 @@
<view class="pack-center pages-hint showActive" v-if="showDt">
<image src="/static/img/null_icon.png"></image>
<view>查看附近营业厅，需要获取您的地理位置</view>
<!-- <button class="location-btn" size="mini" open-type="openSetting">
<!-- <button class="showActive-go" size="mini" open-type="openSetting">
开启定位服务
</button> -->
<view class="showActive-go" @tap="showTap">获取</view>
<view class="showActive-go" @tap="openSetting">获取</view>
</view>
<view class="showDt" v-else>
<view class="top">
<view class="top-left nowrap">{{locationData.address}}</view>
<view class="top-left nowrap">{{locatResaa}}</view>
<view class="top-picker">
<picker @change="screenOrders" :value="ordersIndex" :range-key="'name'" :range="ordersWay">
{{ ordersWay[ordersIndex].name }}
@@ -23,8 +23,11 @@
<image :src="item.cover" mode="aspectFill" class="item-logo"></image>
<view class="item-cont">
<view class="item-name nowrap">{{item.title}}</view>
<view class="item-address nowrap">{{item.address}}</view>
<view class="item-distance nowrap">
<view class="item-address">
<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-go" @tap="siteMap(item.latitude, item.longitude)">去导航</view>
</view>
@@ -42,12 +45,17 @@
</view>
</template>
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
<script>
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'
export default {
data() {
return {
locatResaa : '',
showDt : false,
latitude : '',
longitude : '',
@@ -72,32 +80,57 @@
if(this.latitude == '') {
this.showDt = true
}
},
onShow() {},
onShow() {
// 获取营业厅列表
this.regilist();
},
methods:{
showTap() {
this.showDt = false
openSetting() {
// 获取定位 - 使用腾讯地图sdk
uni.getLocation({
success: res => {
// 调用接口
this.qqMap.reverseGeocoder({
location: {
latitude: res.latitude,
longitude: res.longitude
},
success: locatRes => {
this.latitude = locatRes.result.location.lat
this.longitude = locatRes.result.location.lng
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=> {
// 调用接口
this.qqMap.reverseGeocoder({
location: {
latitude: res.latitude,
longitude: res.longitude
},
success: locatRes => {
this.locatResaa= locatRes.result.formatted_addresses.recommend
this.latitude = locatRes.result.location.lat
this.longitude = locatRes.result.location.lng
this.showDt = false
// 获取营业厅列表
this.regilist();
},
fail: res => {},
complete: res => {}
});
},
cancel: res=> {
// 获取营业厅列表
this.regilist(this.latitude, this.longitude);
},
fail: res => {},
complete: res => {}
});
}
this.regilist();
}
})
})
})
},
@@ -129,6 +162,7 @@
this.page = res.halls.page
this.lodingStats = false
uni.stopPullDownRefresh()
})
},
@@ -165,7 +199,21 @@
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>
@@ -231,7 +279,7 @@
box-sizing: border-box;
border-radius: 10rpx;
margin-bottom: 30rpx;
position: relative;
display: flex;
}
.item-logo {
width: 180rpx;
@@ -239,11 +287,8 @@
border-radius: 10rpx;
}
.item-cont {
width: 100%;
position: absolute;
left: 0;
top: 0;
padding: 30rpx 30rpx 30rpx 240rpx;
width: calc(100% - 180rpx);
padding-left: 30rpx;
box-sizing: border-box;
}
@@ -253,6 +298,15 @@
}
.item-address {
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 {
display: flex;

8
pages/campus/index.vue
View File

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

2
pages/campus/password.vue
View File

@@ -2,7 +2,7 @@
<view class="content">
<view class="campus-header">
<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>
<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="campus-header">
<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>
<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="campus-header">
<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>
<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="campus-header">
<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>
<image class="cover" src="@/static/img/campus_nologo.png" mode="aspectFill"></image>

4
pages/couponDetails/couponDetails.vue
View File

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

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;
}

94
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> -->
@@ -22,6 +23,14 @@
<!-- <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 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: {
// 图形码
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
@@ -58,6 +95,11 @@
this.mobileNo = e.detail.value
},
// captcha
getCaptchaValue(e) {
this.captcha = e.detail.value
},
// 获取code
getCode(){
let mobileNo = this.mobileNo,
@@ -117,17 +159,23 @@
let mobileNo = e.detail.value.mobile || '',
code = this.code || '',
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{
loginFunction = auth({
mobile: mobileNo,
code: code,
captcha : captcha,
captcha_key: captchakey,
type: ''
})
}
@@ -138,6 +186,9 @@
url: '/pages/giftPack/index'
})
}).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;
}
@@ -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>

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;
}
}
}

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