Commit 32323cd2 authored by 石盼盼's avatar 石盼盼

tabbar四个页面

parent 22e0a6a8
{ {
"pages":[ "pages":[
"pages/index/index", "pages/tabbar/index/index",
"pages/class/class", "pages/tabbar/class/class",
"pages/financial/financial", "pages/tabbar/financial/financial",
"pages/personal/personal" "pages/tabbar/personal/personal",
"pages/my/parents/parents"
], ],
"tabBar":{ "tabBar":{
"custom":false, "custom":false,
...@@ -13,25 +14,25 @@ ...@@ -13,25 +14,25 @@
"backgroundColor": "#fff", "backgroundColor": "#fff",
"list": [ "list": [
{ {
"pagePath": "pages/index/index", "pagePath": "pages/tabbar/index/index",
"iconPath": "images/tab/home_icon_01_nor.png", "iconPath": "images/tab/home_icon_01_nor.png",
"selectedIconPath": "images/tab/home_icon_01_sel.png", "selectedIconPath": "images/tab/home_icon_01_sel.png",
"text": "课表" "text": "课表"
}, },
{ {
"pagePath": "pages/class/class", "pagePath": "pages/tabbar/class/class",
"iconPath": "images/tab/home_icon_02_nor.png", "iconPath": "images/tab/home_icon_02_nor.png",
"selectedIconPath": "images/tab/home_icon_02_sel.png", "selectedIconPath": "images/tab/home_icon_02_sel.png",
"text": "抢班" "text": "抢班"
}, },
{ {
"pagePath": "pages/financial/financial", "pagePath": "pages/tabbar/financial/financial",
"iconPath": "images/tab/home_icon_03_nor.png", "iconPath": "images/tab/home_icon_03_nor.png",
"selectedIconPath": "images/tab/home_icon_03_sel.png", "selectedIconPath": "images/tab/home_icon_03_sel.png",
"text": "财务 " "text": "财务 "
}, },
{ {
"pagePath": "pages/personal/personal", "pagePath": "pages/tabbar/personal/personal",
"iconPath": "images/tab/home_icon_04_nor.png", "iconPath": "images/tab/home_icon_04_nor.png",
"selectedIconPath": "images/tab/home_icon_04_sel.png", "selectedIconPath": "images/tab/home_icon_04_sel.png",
"text": "我的 " "text": "我的 "
......
<!--pages/class/class.wxml-->
<text>pages/class/class.wxml</text>
/* pages/class/class.wxss */
\ No newline at end of file
<!--pages/financial/financial.wxml-->
<text>pages/financial/financial.wxml</text>
/* pages/financial/financial.wxss */
\ No newline at end of file
// pages/class/class.js // pages/my/parents/parents.js
Page({ Page({
/** /**
......
{ {
"usingComponents": {}, "usingComponents": {},
"navigationBarTitleText": "我的" "navigationBarTitleText": "家长回复"
} }
\ No newline at end of file
<view class="item">
<view class="top flex-h flex-vc flex-hb">
<view class="row">
<image src="../../../images/course_login.png"></image>
<view class="name">家长名字</view>
</view>
<view class="date">
<text>2020-10-28</text>
<text>10:00</text>
</view>
</view>
<view class="comments">谢谢教练~孩子非常喜欢上体育课!</view>
<view class="class">
<view class="evaluation">西西的运动评价</view>
<view class="row">
<image src="../../../images/course_login.png"></image>
<view class="column">
<text class="subject">篮球课</text>
<text class="date">2020-10-26 10:00~11:00</text>
</view>
</view>
</view>
</view>
<view class="item">
<view class="top flex-h flex-vc flex-hb">
<view class="row">
<image src="../../../images/course_login.png"></image>
<view class="name">家长名字</view>
</view>
<view class="date">
<text>2020-10-28</text>
<text>10:00</text>
</view>
</view>
<view class="comments">谢谢教练~孩子非常喜欢上体育课!</view>
<view class="class">
<view class="evaluation">西西的运动评价</view>
<view class="row">
<image src="../../../images/course_login.png"></image>
<view class="column">
<text class="subject">篮球课</text>
<text class="date">2020-10-26 10:00~11:00</text>
</view>
</view>
</view>
</view>
\ No newline at end of file
page{
background: #F7F8FA;
}
.item{
width: 750rpx;
height: 454rpx;
background: #FFFFFF;
margin-top: 20rpx;
padding: 30rpx;
margin-bottom: 20rpx;
}
.item .top{
height: 90rpx;
}
.item .top image{
width: 82rpx;
height: 90rpx;
border-radius: 50%;
margin-right: 28rpx;
}
.item .top .name{
color: #1A1A1A;
font-size: 26rpx;
line-height: 90rpx;
}
.item .top .date{
color: #999999;
font-size: 24rpx;
}
.item .top .date text:nth-child(1){
margin-right: 20rpx;
}
.item .comments{
color: #1A1A1A;
font-size: 26rpx;
margin-top: 28rpx;
margin-bottom: 30rpx;
}
.item .class{
width: 690rpx;
height: 224rpx;
background: #FAFBFC;
border-radius: 5px;
padding: 26rpx 28rpx;
}
.item .class .evaluation{
color: #999999;
font-size: 24rpx;
margin-bottom: 20rpx;
}
.item .class image{
width: 200rpx;
height: 131rpx;
margin-right: 28rpx;
}
.item .class .subject{
color: #1A1A1A;
font-size: 26rpx;
margin-top: 32rpx;
}
.item .class .date{
color: #999999;
font-size: 24rpx;
margin-top: 18rpx;
}
<!--pages/personal/personal.wxml-->
<text>pages/personal/personal.wxml</text>
/* pages/personal/personal.wxss */
\ No newline at end of file
// pages/class/class.js
Page({
/**
* 页面的初始数据
*/
data: {
activeIndex: 1,
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
changeTab(e) {
let index = e.currentTarget.dataset.index
if (this.data.activeIndex != index) {
this.setData({
activeIndex: index
})
}
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
\ No newline at end of file
<view>
<view class="tablist flex-vc flex-h">
<text class="{{activeIndex == 1 ? 'active': ''}}" catchtap="changeTab" data-index="1">抢班列表</text>
<text class="{{activeIndex == 2 ? 'active': ''}}" catchtap="changeTab" data-index="2">我的班级</text>
</view>
<view>
<view class="tabContent" wx:if="{{activeIndex == 1}}">
<view class="tab_item">
<view class="class-title">篮球班</view>
<view class="text column">
<text>所在区域:裕华区</text>
<text>上课场馆:新天际建华幼儿园</text>
<text>上课时间:周六 09:00~10:00</text>
</view>
<view class="goclass">我要上课</view>
</view>
<view class="tab_item">
<view class="class-title">篮球班</view>
<view class="text column">
<text>所在区域:裕华区</text>
<text>上课场馆:新天际建华幼儿园</text>
<text>上课时间:周六 09:00~10:00</text>
</view>
<view class="goclass">我要上课</view>
</view>
<view class="tab_item">
<view class="class-title">篮球班</view>
<view class="text column">
<text>所在区域:裕华区</text>
<text>上课场馆:新天际建华幼儿园</text>
<text>上课时间:周六 09:00~10:00</text>
</view>
<view class="goclass">我要上课</view>
</view>
</view>
<view class="tabContent1" wx:if="{{activeIndex == 2}}">
<view class="tab_item1">
<view class="top">
<view class="class-title">篮球班</view>
<view class="statue">学期中</view>
</view>
<view class="text column">
<text>所在区域:裕华区</text>
<text>上课场馆:新天际建华幼儿园</text>
<text>上课时间:周六 09:00~10:00</text>
</view>
</view>
<view class="tab_item1">
<view class="top">
<view class="class-close">篮球班</view>
<view class="close">已结课</view>
</view>
<view class="text column">
<text>所在区域:裕华区</text>
<text>上课场馆:新天际建华幼儿园</text>
<text>上课时间:周六 09:00~10:00</text>
</view>
</view>
</view>
</view>
</view>
\ No newline at end of file
.tablist {
width: 690rpx;
height: 68rpx;
line-height: 68rpx;
background: #FFFFFF;
border: 1px solid #FFC600;
border-radius: 15rpx;
text-align: center;
margin: 56rpx auto 30rpx;
overflow: hidden;
}
.tablist text{
width: 50%;
font-size: 26rpx;
color: #000000;
}
.tablist text.active {
background: #FFC600;
}
.tab_item{
width: 690rpx;
height: 250rpx;
background: #FFFFFF;
border-radius: 15px;
box-shadow: 0 10rpx 20rpx 10rpx rgba(239, 240, 241, 0.72);
margin: 30rpx auto 24rpx;
padding: 40rpx 18rpx;
position: relative;
}
.tab_item .class-title{
color: #000000;
font-size: 30rpx;
font-weight: bold;
margin-bottom: 33rpx;
}
.tab_item .text text{
color: #999999;
font-size: 24rpx;
line-height: 40rpx;
}
.tab_item .goclass{
width: 150rpx;
height: 48rpx;
background: linear-gradient(-70deg, #FFC600 0%, #FFD400 100%);
border-radius: 24px;
text-align: center;
line-height: 48rpx;
color: #000000;
font-size: 24rpx;
position: absolute;
top: 106rpx;
right: 20rpx;
}
.tab_item1{
width: 690rpx;
height: 250rpx;
background: #FFFFFF;
border-radius: 15px;
box-shadow: 0 10rpx 20rpx 10rpx rgba(239, 240, 241, 0.72);
margin: 30rpx auto 24rpx;
padding: 40rpx 18rpx;
}
.tab_item1 .top{
overflow: hidden;
}
.tab_item1 .top .class-title{
float: left;
color: #000000;
font-size: 30rpx;
font-weight: bold;
margin-bottom: 33rpx;
}
.tab_item1 .top .statue{
float: right;
color: #B4BC4D;
font-size: 24rpx;
}
/* 已结课样式 */
.tab_item1 .top .class-close{
float: left;
color: #808080;
font-size: 30rpx;
font-weight: bold;
margin-bottom: 33rpx;
}
.tab_item1 .top .close{
float: right;
color: #B3B3B3;
font-size: 24rpx;
}
.tab_item1 .text text{
color: #999999;
font-size: 24rpx;
line-height: 40rpx;
}
...@@ -5,8 +5,10 @@ Page({ ...@@ -5,8 +5,10 @@ Page({
* 页面的初始数据 * 页面的初始数据
*/ */
data: { data: {
activeIndex: 1,
}, },
/** /**
* 生命周期函数--监听页面加载 * 生命周期函数--监听页面加载
...@@ -14,6 +16,15 @@ Page({ ...@@ -14,6 +16,15 @@ Page({
onLoad: function (options) { onLoad: function (options) {
}, },
changeTab(e) {
let index = e.currentTarget.dataset.index
if (this.data.activeIndex != index) {
this.setData({
activeIndex: index
})
}
},
/** /**
* 生命周期函数--监听页面初次渲染完成 * 生命周期函数--监听页面初次渲染完成
......
<view class="tabs">
<view class="tablist flex-vc flex-h">
<text class="{{activeIndex == 1 ? 'active': ''}}" catchtap="changeTab" data-index="1">上课记录</text>
<text class="{{activeIndex == 2 ? 'active': ''}}" catchtap="changeTab" data-index="2">提现记录</text>
</view>
<view class="item_detail">
<view hidden="{{activeIndex == 1}}">
<view class="detailed flex-h">
<view class="item-one">
<view class="num">2200</view>
<view class="small">预计收益</view>
</view>
<view class="line"></view>
<view class="item-two">
<view class="num">1000</view>
<view class="small">已结算</view>
</view>
</view>
<van-icon class="question_icon" name="question-o" />
<view class="table">
<view class="table-tr">
<view class="table-th">日期</view>
<view class="table-th">结算金额</view>
<view class="table-th">说明</view>
</view>
<view class="table-tr">
<view class="table-td">2020-10-28</view>
<view class="table-td">10</view>
<view class="table-td">用户"西西"第一节课</view>
</view>
<view class="table-tr">
<view class="table-td">2020-10-28</view>
<view class="table-td">10</view>
<view class="table-td">用户"西西"第一节课</view>
</view>
<view class="table-tr">
<view class="table-td">2020-10-28</view>
<view class="table-td">10</view>
<view class="table-td">用户"西西"第一节课</view>
</view>
<view class="table-tr">
<view class="table-td">2020-10-28</view>
<view class="table-td">10</view>
<view class="table-td">用户"西西"第一节课</view>
</view>
<view class="table-tr">
<view class="table-td">2020-10-28</view>
<view class="table-td">10</view>
<view class="table-td">用户"西西"第一节课</view>
</view>
<view class="table-tr">
<view class="table-td">2020-10-28</view>
<view class="table-td">10</view>
<view class="table-td">用户"西西"第一节课</view>
</view>
<view class="table-tr">
<view class="table-td">2020-10-28</view>
<view class="table-td">10</view>
<view class="table-td">用户"西西"第一节课</view>
</view>
<view class="table-tr">
<view class="table-td">2020-10-28</view>
<view class="table-td">10</view>
<view class="table-td">用户"西西"第一节课</view>
</view>
</view>
</view>
<view hidden="{{activeIndex == 2}}">
<view class="detailed flex-h">
<view class="item-one">
<view class="num">2000</view>
<view class="small">预计收益</view>
</view>
<view class="line"></view>
<view class="item-two">
<view class="num">1520</view>
<view class="small">已结算</view>
</view>
</view>
<van-icon class="question_icon" name="question-o" />
<view class="table">
<view class="table-tr">
<view class="table-th">日期</view>
<view class="table-th">结算金额</view>
<view class="table-th">说明</view>
</view>
<view class="table-tr">
<view class="table-td">2020-10-28</view>
<view class="table-td">10</view>
<view class="table-td">用户"西西"第一节课</view>
</view>
<view class="table-tr">
<view class="table-td">2020-10-28</view>
<view class="table-td">10</view>
<view class="table-td">用户"西西"第一节课</view>
</view>
<view class="table-tr">
<view class="table-td">2020-10-28</view>
<view class="table-td">10</view>
<view class="table-td">用户"西西"第一节课</view>
</view>
<view class="table-tr">
<view class="table-td">2020-10-28</view>
<view class="table-td">10</view>
<view class="table-td">用户"西西"第一节课</view>
</view>
<view class="table-tr">
<view class="table-td">2020-10-28</view>
<view class="table-td">10</view>
<view class="table-td">用户"西西"第一节课</view>
</view>
<view class="table-tr">
<view class="table-td">2020-10-28</view>
<view class="table-td">10</view>
<view class="table-td">用户"西西"第一节课</view>
</view>
<view class="table-tr">
<view class="table-td">2020-10-28</view>
<view class="table-td">10</view>
<view class="table-td">用户"西西"第一节课</view>
</view>
<view class="table-tr">
<view class="table-td">2020-10-28</view>
<view class="table-td">10</view>
<view class="table-td">用户"西西"第一节课</view>
</view>
</view>
</view>
<view hidden="{{currentTabIndex != 2}}">
<view class="detailed flex-h">
<view class="item-one">
<view class="num">500</view>
<view class="small">预计收益</view>
</view>
<view class="line"></view>
<view class="item-two">
<view class="num">300</view>
<view class="small">已结算</view>
</view>
</view>
<van-icon class="question_icon" name="question-o" />
<view class="tx">全部提现</view>
<view class="tip">提示:每周二为提现日!其他日不支持提现</view>
<view class="table">
<view class="table-tr">
<view class="table-th">日期</view>
<view class="table-th">提现金额</view>
</view>
<view class="table-tr">
<view class="table-td">2020-10-28</view>
<view class="table-td">10</view>
</view>
<view class="table-tr">
<view class="table-td">2020-10-28</view>
<view class="table-td">10</view>
</view>
<view class="table-tr">
<view class="table-td">2020-10-28</view>
<view class="table-td">10</view>
</view>
<view class="table-tr">
<view class="table-td">2020-10-28</view>
<view class="table-td">10</view>
</view>
<view class="table-tr">
<view class="table-td">2020-10-28</view>
<view class="table-td">10</view>
</view>
<view class="table-tr">
<view class="table-td">2020-10-28</view>
<view class="table-td">10</view>
</view>
<view class="table-tr">
<view class="table-td">2020-10-28</view>
<view class="table-td">10</view>
</view>
<view class="table-tr">
<view class="table-td">2020-10-28</view>
<view class="table-td">10</view>
</view>
</view>
</view>
</view>
</view>
\ No newline at end of file
.tablist {
width: 690rpx;
height: 68rpx;
line-height: 68rpx;
background: #FFFFFF;
border: 1px solid #FFC600;
border-radius: 15rpx;
text-align: center;
margin: 56rpx auto 30rpx;
overflow: hidden;
}
.tablist text{
width: 50%;
font-size: 26rpx;
color: #000000;
}
.tablist text.active {
background: #FFC600;
}
.number{
width: 690rpx;
height: 180rpx;
background: #FFFFFF;
border-radius: 15px;
margin: 30rpx auto;
box-shadow: 0 10rpx 20rpx 10rpx rgba(239, 240, 241, 0.72);
position: relative;
}
.number .item-one{
position: absolute;
top: 32rpx;
left: 100rpx;
}
.number .item-one .num{
color: #000000;
font-size: 50rpx;
}
.number .item-one .small{
color: #B3B3B3;
font-size: 24rpx;
text-align: center;
}
.number .line{
width: 2rpx;
height: 80rpx;
background:#EBEBEB;
position: absolute;
top: 46rpx;
left: 344rpx;
}
.number .item-two{
position: absolute;
top: 32rpx;
right: 142rpx;
}
.number .item-two .num{
color: #000000;
font-size: 50rpx;
}
.number .item-two .small{
color: #B3B3B3;
font-size: 24rpx;
text-align: center;
}
.number .question_icon{
position: absolute;
right: 30rpx;
top: 40rpx;
font-size: 30rpx;
color: #999999;
}
.number .share{
width: 105rpx;
height: 40rpx;
background: linear-gradient(-62deg, #FF7800 0%, #FF9D1F 100%);
border-radius: 20px 0px 0px 20px;
color: #FFFFFF;
font-size: 26rpx;
text-align: center;
line-height: 40rpx;
position: absolute;
top: 100rpx;
right: 0;
}
.detailed{
width: 690rpx;
height: 180rpx;
background: linear-gradient(25deg, #212121 0%, #3B3B3B 100%);
border-radius: 15px;
margin: 30rpx auto;
box-shadow: 0 10rpx 20rpx 10rpx rgba(239, 240, 241, 0.72);
position: relative;
}
.detailed .item-one{
position: absolute;
top: 32rpx;
left: 100rpx;
}
.detailed .item-one .num{
color: #FFDEAA;
font-size: 50rpx;
}
.detailed .item-one .small{
color: #999999;
font-size: 24rpx;
text-align: center;
}
.detailed .line{
width: 2rpx;
height: 80rpx;
background:#EBEBEB;
position: absolute;
top: 46rpx;
left: 344rpx;
}
.detailed .item-two{
position: absolute;
top: 32rpx;
right: 142rpx;
}
.detailed .item-two .num{
color: #FFDEAA;
font-size: 50rpx;
}
.detailed .item-two .small{
color: #999999;
font-size: 24rpx;
text-align: center;
}
.question_icon{
position: absolute;
right: 60rpx;
top: 180rpx;
font-size: 30rpx;
color: #999999;
}
.tx{
width: 116rpx;
height: 40rpx;
background: linear-gradient(-62deg, #FF7800 0%, #FF9D1F 100%);
border-radius: 20px 0px 0px 20px;
color: #FFFFFF;
font-size: 26rpx;
text-align: center;
line-height: 40rpx;
position: absolute;
top: 234rpx;
right: 32rpx;
padding-left: 10rpx;
padding-right: 4rpx;
}
.tip{
width: 690rpx;
height: 53rpx;
background: #FFF2DD;
color: #7F5C37;
font-size: 24rpx;
line-height: 53rpx;
text-align: left;
padding-left: 22rpx;
}
/* table表格 */
.table{
width: 690rpx;
height: 750rpx;
background: #FFFFFF;
border-radius: 15px;
box-shadow: 0 10rpx 20rpx 10rpx rgba(239, 240, 241, 0.72);
margin-bottom: 20rpx;
display: table;
border-collapse: collapse;
box-sizing: border-box;
display: table;
text-align: center;
}
.table, .table div {
margin: 30rpx auto;
}
.table-tr {
display: table-row;
height: 92rpx;
border-bottom: 1px solid #EBEBEB;
}
.table-tr:last-child{
border-bottom: none;
}
.table-tr:nth-child(2n){
background: #F7F8FA;
}
.table-th{
display: table-cell;
font-weight: bold;
text-align: center;
vertical-align: middle;
color: #333333;
}
.table-td{
display: table-cell;
text-align: center;
vertical-align: middle;
color: #B3B3B3;
}
\ No newline at end of file
...@@ -19,6 +19,23 @@ ...@@ -19,6 +19,23 @@
<view class="place">上课地点:新天际众美幼稚园</view> <view class="place">上课地点:新天际众美幼稚园</view>
<view class="manage">管理</view> <view class="manage">管理</view>
</view> </view>
<view class="cont">
<view class="top">
<view class="time_title">足球课</view>
<view class="inclass">上课中</view>
</view>
<view class="time">上课时间:2020-10-21 09:00-10:00 </view>
<view class="place">上课地点:新天际众美幼稚园</view>
<view class="manage">管理</view>
</view>
<view class="cont">
<view class="top">
<view class="time_title">轮滑课</view>
<view class="over">已结束</view>
</view>
<view class="time">上课时间:2020-10-21 09:00-10:00 </view>
<view class="place">上课地点:新天际众美幼稚园</view>
</view>
</view> </view>
</view> </view>
</view> </view>
\ No newline at end of file
...@@ -21,11 +21,13 @@ ...@@ -21,11 +21,13 @@
.board { .board {
background: #FFFFFF; background: #FFFFFF;
border-radius: 20rpx 20rpx 0px 0px; border-radius: 0;
overflow: hidden; overflow: hidden;
height: 160rpx; height: 160rpx;
} }
.heightBoard { .heightBoard {
height: auto; height: auto;
} }
...@@ -39,7 +41,7 @@ ...@@ -39,7 +41,7 @@
} }
.board>view:nth-child(2) { .board>view:nth-child(2) {
padding: 20rpx 0; padding: 30rpx 0;
} }
.board>view:nth-child(2)>view { .board>view:nth-child(2)>view {
...@@ -77,14 +79,7 @@ ...@@ -77,14 +79,7 @@
transform: rotate(270deg); transform: rotate(270deg);
} }
.beginone {
width: 690rpx;
height: 206rpx;
background: #FFFFFF;
border-radius: 15rpx;
box-shadow: 0 0 30rpx #002c69;
margin: 0 auto 24rpx auto;
}
.cont{ .cont{
width: 690rpx; width: 690rpx;
height: 206rpx; height: 206rpx;
...@@ -92,8 +87,7 @@ ...@@ -92,8 +87,7 @@
border-radius: 15px; border-radius: 15px;
box-shadow: 0 10rpx 20rpx 10rpx rgba(239, 240, 241, 0.72); box-shadow: 0 10rpx 20rpx 10rpx rgba(239, 240, 241, 0.72);
padding:20rpx; padding:20rpx;
margin-bottom: 24rpx; margin: 0 auto 24rpx;
margin: 0 auto;
position: relative; position: relative;
} }
.cont .top{ .cont .top{
...@@ -104,12 +98,25 @@ ...@@ -104,12 +98,25 @@
color: #000000; color: #000000;
font-size: 30rpx; font-size: 30rpx;
margin-bottom: 32rpx; margin-bottom: 32rpx;
font-weight: bold;
} }
.cont .top .state{ .cont .top .state{
float: right; float: right;
color: #FF6E00; color: #FF6E00;
font-size: 24rpx; font-size: 24rpx;
} }
/* 上课中样式 */
.inclass{
float: right;
color: #B4BC4D;
font-size: 24rpx;
}
/* 已结束样式 */
.over{
float: right;
color: #B3B3B3;
font-size: 24rpx;
}
.cont .time{ .cont .time{
color: #999999; color: #999999;
font-size: 24rpx; font-size: 24rpx;
......
...@@ -14,6 +14,11 @@ Page({ ...@@ -14,6 +14,11 @@ Page({
onLoad: function (options) { onLoad: function (options) {
}, },
goparents:function(){
wx.navigateTo({
url: '../../my/parents/parents',
})
},
/** /**
* 生命周期函数--监听页面初次渲染完成 * 生命周期函数--监听页面初次渲染完成
......
{
"usingComponents": {},
"navigationBarTitleText": "我的",
"enablePullDownRefresh": true,
"navigationBarBackgroundColor": "#FFC600"
}
\ No newline at end of file
<view class="personInf">
<view class="head flex-h flex-vc flex-hb">
<view class="headLeft flex-h flex-vc">
<image src="../../../images/course_login.png"></image>
<view>
<view class="name">王教练</view>
<view class="tel">183****6092</view>
</view>
</view>
<text class="iconfont icongengduo"></text>
</view>
</view>
<view class="centerNav">
<view class="every flex-h flex-vc flex-hb" catchtap="goparents">
<view class="row title">
<image src="../../../images/personal_icon_01.png"></image>
<view>家长回复</view>
</view>
<!-- <text class="iconfont icongengduo"></text> -->
<view class="row unreadBox">
<view class="unread" wx:if="{{ noticeCount > 0 }}">{{noticeCount}}</view>
<text class="iconfont icongengduo"></text>
</view>
</view>
</view>
<view class="centerNav">
<view class="every flex-h flex-vc flex-hb">
<view class="row title">
<image src="../../../images/personal_icon_05.png"></image>
<view>教学区域</view>
</view>
<text class="iconfont icongengduo"></text>
</view>
<view class="every flex-h flex-vc flex-hb">
<view class="row title">
<image src="../../../images/personal_icon_02.png"></image>
<view>教学科目</view>
</view>
<view class="row">
<text class="num">5</text>
<text class="iconfont icongengduo"></text>
</view>
</view>
</view>
<view class="centerNav">
<view class="every flex-h flex-vc flex-hb" catchtap="goList">
<view class="row title">
<image src="../../../images/personal_icon_02.png"></image>
<view>联系客服</view>
</view>
<text class="iconfont icongengduo"></text>
</view>
</view>
\ No newline at end of file
page {
background: #F7F8FA;
}
.personInf {
width: 100%;
height: 222rpx;
background: #FFC600;
margin-bottom: 20rpx;
}
.head {
width: 100%;
background: #FFC600;
padding: 36rpx 30rpx 90rpx 30rpx;
}
.headLeft image {
width: 96rpx;
height: 96rpx;
border-radius: 50%;
margin-right: 27rpx;
}
.name {
font-size: 32rpx;
font-family: PingFang SC;
font-weight: bold;
color: #000000;
margin-bottom: 20rpx;
}
.tel {
font-size: 23rpx;
color: #846027;
}
.icongengduo {
font-weight: bold;
color: #000000;
}
.centerNav {
padding: 0 30rpx;
position: relative;
background: #fff;
margin-bottom: 20rpx;
}
.centerNav .every {
height: 109rpx;
line-height: 109rpx;
border-bottom: 1rpx solid #EBEBEB;
font-size: 30rpx;
color: #1A1A1A;
}
.centerNav .every:last-child {
border-bottom: none;
}
.every image {
width: 44rpx;
height: 44rpx;
}
.every .icongengduo {
font-weight: normal;
color: #B3B3B3;
}
.centerNav .every .title {
align-items: center;
color: #1A1A1A;
font-size: 30rpx;
}
.centerNav .every image {
width: 40rpx;
height: 40rpx;
margin-right: 28rpx;
}
.centerNav .every .unreadBox {
align-items: center;
}
.centerNav .every .num{
color: #B3B3B3;
font-size: 30rpx;
margin-right: 20rpx;
}
\ No newline at end of file
...@@ -43,11 +43,11 @@ ...@@ -43,11 +43,11 @@
"current": -1, "current": -1,
"list": [] "list": []
}, },
"game": { "plugin": {
"current": -1, "current": -1,
"list": [] "list": []
}, },
"plugin": { "game": {
"current": -1, "current": -1,
"list": [] "list": []
}, },
...@@ -57,7 +57,29 @@ ...@@ -57,7 +57,29 @@
}, },
"miniprogram": { "miniprogram": {
"current": -1, "current": -1,
"list": [] "list": [
{
"id": -1,
"name": "pages/tabbar/personal/personal",
"pathName": "pages/tabbar/personal/personal",
"query": "",
"scene": null
},
{
"id": -1,
"name": "pages/tabbar/personal/personal",
"pathName": "pages/tabbar/personal/personal",
"query": "",
"scene": null
},
{
"id": -1,
"name": "pages/my/parents/parents",
"pathName": "pages/my/parents/parents",
"query": "",
"scene": null
}
]
} }
} }
} }
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment