LK/income_payments_applet
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

登录，设置密码，修改密码，我的，首页，会议列表（接口逻辑已写，差加密文件的完善，代联调）

Browse Source
This commit is contained in:
姚亚男
2021-09-30 16:13:12 +08:00
parent d46f96d263
commit 8a2500b5a5
75 changed files with 1532 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/mine/mine.js
+23 -2
View File
@@ -5,9 +5,30 @@ Page({
* 页面的初始数据
*/
data: {
},
// 修改密码
upDateInfo(){
wx.navigateTo({
url: '../upDateInfo/upDateInfo',
})
},
// 个人信息
mineInfo(){
wx.navigateTo({
url: '../mineInfo/mineInfo',
})
},
// 扫码签到
scanCode(){
wx.scanCode({
onlyFromCamera: false,
scanType: [],
success: (result) => {},
fail: (res) => {},
complete: (res) => {},
})
},
/**
* 生命周期函数--监听页面加载
*/
pages/mine/mine.json
+2 -1
View File
@@ -1,3 +1,4 @@
{
"usingComponents": {}
"usingComponents": {},
"navigationStyle": "custom"
}
pages/mine/mine.wxml
+76 -1
View File
@@ -1,2 +1,77 @@
<!--pages/mine/mine.wxml-->
<text>pages/mine/mine.wxml</text>
<view class="mine-bg">
<!-- 顶部背景图 mode="scaleToFill" 按照宽高填充，忽略图片原比例-->
<image mode="scaleToFill" src="../../assets/images/mine-bg.png"></image>
<!-- 顶部选项栏 -->
<view class="select-box">
<view class="avator">
<image src="../../assets/images/mine.png"></image>
<view class="info">
<text>昵称</text>
<text>185-2207-4910</text>
</view>
<image src="../../assets/images/to-right.png"></image>
</view>
<view class="select">
<view class="select-item">
<text>412</text>
<text>我的项目</text>
</view>
<view class="select-item">
<text>2</text>
<text>我的会议</text>
</view>
</view>
</view>
<!-- 列表信息栏 -->
<view class="list-info">
<view class="info-content">
<view class="title list-item">我的服务</view>
<view class="list-item" bindtap="mineInfo">
<view class="item-title">
<image src="../../assets/images/follow.png"></image>
<text>个人信息</text>
</view>
<image src="../../assets/images/more.png"></image>
</view>
<view class="list-item" bindtap="upDateInfo">
<view class="item-title">
<image src="../../assets/images/follow.png"></image>
<text>修改密码</text>
</view>
<image src="../../assets/images/more.png"></image>
</view>
<view class="list-item" bindtap="scanCode">
<view class="item-title">
<image src="../../assets/images/sign.png"></image>
<text>扫码签到</text>
</view>
<image src="../../assets/images/more.png"></image>
</view>
<view class="list-item">
<view class="item-title">
<image src="../../assets/images/data.png"></image>
<text>我的资料</text>
</view>
<image src="../../assets/images/more.png"></image>
</view>
<view class="list-item">
<view class="item-title">
<image src="../../assets/images/contract.png"></image>
<text>我的合同</text>
</view>
<image src="../../assets/images/more.png"></image>
</view>
<view class="list-item">
<view class="item-title">
<image src="../../assets/images/setting.png"></image>
<text>设置</text>
</view>
<image src="../../assets/images/more.png"></image>
</view>
</view>
</view>
<view class="logout">
<text>退出登录</text>
</view>
</view>
pages/mine/mine.wxss
+125 -1
View File
@@ -1 +1,125 @@
/* pages/mine/mine.wxss */
/* pages/mine/mine.wxss */
page{
background-color: #F5F5F5;
}
.mine-bg{
height: 200pt;
}
.select-box{
transform: translateY(-100pt);
padding: 0 15pt;
}
.select-box .avator{
height: 68px;
width: 100%;
display: flex;
align-items: center;
margin-bottom: 10px;
}
.select-box .avator image:nth-child(1){
width: 68px;
height: 68px;
background-color: #333;
border-radius: 50%;
margin-right: 20px;
}
.select-box .avator .info{
flex: 1;
display: flex;
height: 68px;
flex-direction: column;
justify-content: space-around;
}
.avator .info text:nth-child(1){
color: #fff;
font-size: 18px;
}
.avator .info text:nth-child(2){
color: #fff;
font-size: 11px;
width: 100px;
height: 18px;
background-color: rgba(255,255,255,0.3);
line-height: 18px;
text-align: center;
border-radius: 9px;
}
.select-box .avator image:nth-child(3){
width: 35px;
height: 35px;
}
.select-box .select{
height: 90pt;
background-color: #fff;
border-radius: 10px;
display: flex;
justify-content: space-around;
align-items: center;
}
.select-item{
flex: 1;
height: 60pt;
font-size: 10pt;
color: #666666;
flex-direction: column;
display: flex;
justify-content: space-around;
align-items: center;
}
.select-item text:nth-child(1){
color: #333;
font-size: 24px;
}
.select-item text:nth-child(2){
color: #333;
font-size: 12px;
}
/* 个人信息选项栏 */
.list-info{
margin-top: -100pt;
padding: 15pt;
}
.list-info .title{
font-size: 16px;
font-weight: 500;
}
.list-info .info-content{
padding: 0 15pt 0 15pt;
background-color: #fff;
border-radius: 10px;
}
.info-content .list-item{
height: 45px;
display: flex;
justify-content: space-between;
align-items: center;
}
.list-item .item-title{
color: #333;
font-size: 15px;
display: flex;
align-items: center;
}
.info-content .list-item image:nth-child(1){
width: 18px;
height: 18px;
margin-right: 10px;
}
.info-content .list-item image:nth-child(2){
width: 6px;
height: 10px;
}
.logout{
padding: 0 15px;
margin-top: 10px;
}
.logout text{
display: flex;
justify-content: center;
align-items: center;
height: 45px;
background-color: #fff;
border-radius: 5px;
font-size: 13px;
color: #069F99;
}