优化用户体验

主页按钮重新设计,注册界面新增报错入口,反馈界面更新措辞,
This commit is contained in:
Rain Sun 2018-10-02 15:38:08 +08:00
parent 3b4ba85b9d
commit bbccd24425
10 changed files with 78 additions and 14 deletions

View File

@ -1,11 +1,11 @@
{
"pages": [
"welcome/login/login",
"pages/post/post",
"pages/feedBack/feedBack",
"manage/show/show",
"manage/manage",
"manage/absent/absent",
"pages/post/post",
"manage/select/select",
"manage/rollcall/rollcall",
"pages/post/QRcode/QRcode",

View File

@ -12,8 +12,8 @@ Page({
feedBack: "",
qqNum: "",
feedBack_error: false,
qqNum_error: false
qqNum_error: false,
placeholder:"首先恭喜你遇到了Bug我们一起来干掉它如何"
},
/**
@ -76,7 +76,8 @@ Page({
box_1_style: true,
box_2_style: false,
box_3_style: false,
type: "程序错误"
type: "程序错误",
placeholder:"首先恭喜你遇到了Bug我们一起来干掉它如何"
})
console.log(this.data.type)
},
@ -85,7 +86,9 @@ Page({
box_1_style: false,
box_2_style: true,
box_3_style: false,
type: "优化改进"
type: "优化改进",
placeholder: "觉得界面太丑你有好的点子欢迎成为我们的UI设计师"
})
console.log(this.data.type)
},
@ -94,7 +97,9 @@ Page({
box_1_style: false,
box_2_style: false,
box_3_style: true,
type: "新功能"
type: "新功能",
placeholder: "Come on! 来点紧张刺激的怎么样~"
})
console.log(this.data.type)
},

View File

@ -15,7 +15,7 @@
<view class="{{feedBack_error?'showError':'showNormal'}}">请输入内容</view>
</view>
<textarea class="item" placeholder="请输入反馈,我们将为您不断改进" bindinput="fankui"></textarea>
<textarea class="item" placeholder="{{placeholder}}" bindinput="fankui"></textarea>
<view class="title">
<view>联系方式(选填)</view>
<view class="{{qqNum_error?'showError':'showNormal'}}">请输入正确的qq号</view>

View File

@ -5,7 +5,7 @@
</view>
<view class='btn'>
<view class="btn-area" id="buttonContainer">
<button type="warn" bindtap='sumit' style='opacity: {{opacity}};background-color: #139aec;'>完成签到</button>
<button type="warn" bindtap='sumit' style='opacity: {{opacity}};background-color: #0061bf;'>完成签到</button>
</view>
</view>
</view>

View File

@ -2,8 +2,5 @@
<image class='postImgXH' catchtap='guanli' src='http://supcache.wanyuanyin.cn/data/maoye.club/yingbo/rcs/images/xiaohui1.png'></image>
<image class='postImgCLT' src='http://supcache.wanyuanyin.cn/data/maoye.club/yingbo/rcs/images/changliText.png'></image>
<image class='postImgXXT' src='http://supcache.wanyuanyin.cn/data/maoye.club/yingbo/rcs/images/xuexibu.png'></image>
<view class='callNameView' catchtap='sumit'>
<text class='callNameText'>立即签到</text>
</view>
</view>
<button class='box_1' catchtap='sumit'>戳我签到</button>
</view>

View File

@ -45,3 +45,30 @@ page {
border:none;
background-color: #003b97;
}
.box_1 {
height:100rpx;
width:300rpx;
background:rgba(43, 107, 243, 0.4);
border-radius:10rpx;
box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.301);
margin-top:200rpx;
text-align: center;
line-height: 100rpx;
font-size: 30rpx;
color: #fff;
letter-spacing:2px;
}
.box_1:active{
height:100rpx;
width:320rpx;
background:rgba(43, 106, 243, 0.6);
box-shadow: 0px 0px 0px rgba(255, 255, 255, 0.301);
border-radius:10rpx;
margin-top:210rpx;
text-align: center;
line-height: 100rpx;
font-size: 30rpx;
color: #fff;
}

View File

@ -11,7 +11,7 @@
"newFeature": true
},
"compileType": "miniprogram",
"libVersion": "2.2.5",
"libVersion": "2.3.0",
"appid": "wx0df150c438e4c8f0",
"projectname": "studyPlus",
"isGameTourist": false,

View File

@ -463,6 +463,30 @@ Page({
console.log('上传学号为', this.data.newxuehao)
console.log(this.data.openid)
},
lostXueHaoError() {
wx.showModal({
title: '联系客服',
content: 'QQ1144131090',
confirmText: '复制',
confirmColor: '#10aeff',
success: function (res) {
if (res.confirm) {
wx.setClipboardData({
data: '1144131090',
success: function (res) {
wx.showToast({
title: '复制成功',
icon: 'success'
})
}
})
console.log('用户点击确定')
} else if (res.cancel) {
console.log('用户点击取消')
}
}
})
}

View File

@ -17,4 +17,5 @@
<view class="btn-area" id="buttonContainer">
<button type="warn" bindtap='sumit' disabled="{{disabled}}" style='opacity: {{opacity}};background-color: #10aeff;'>完成注册</button>
</view>
<view class='foot' bindtap='lostXueHaoError'>没有自己的学号?!快速戳我!</view>
</view>

View File

@ -85,4 +85,14 @@ page {
}
.kongbai{
margin-top: 170rpx;
}
.foot {
font-size: 25rpx;
color: #10aeff;
text-align: center;
height: 50rpx;
line-height: 50rpx;
position: fixed;
bottom: 15px;
width:100%;
}