|
|
@ -1,31 +1,19 @@ |
|
|
<!--学员-详情--> |
|
|
<!--学员-详情--> |
|
|
<template> |
|
|
<template> |
|
|
<view class="main_box"> |
|
|
<view class="main_box"> |
|
|
<!--自定义导航栏--> |
|
|
|
|
|
<!-- <view class="navbar_section">--> |
|
|
|
|
|
<!-- <view class="title">学员详情</view>--> |
|
|
|
|
|
<!-- </view>--> |
|
|
|
|
|
|
|
|
|
|
|
<!--学员信息--> |
|
|
<!--学员信息--> |
|
|
<view class="user_section"> |
|
|
<view class="user_section"> |
|
|
<view class="box"> |
|
|
<view class="box"> |
|
|
<view class="left"> |
|
|
<view class="left"> |
|
|
<image class="pic" :src="studentsInfo.customerResources.member.headimg"></image> |
|
|
<image class="pic" :src="studentsInfo.customerResources.member.headimg"></image> |
|
|
<!-- <view class="btn_box" v-if="checkExpireTime(studentsInfo.expire_time)"> |
|
|
|
|
|
<view class="btn">即将到期</view> |
|
|
|
|
|
</view> --> |
|
|
|
|
|
</view> |
|
|
</view> |
|
|
<view class="right"> |
|
|
<view class="right"> |
|
|
<view class="item"> |
|
|
<view class="item"> |
|
|
<view class="name">{{ studentsInfo.name }}</view> |
|
|
<view class="name">{{ studentsInfo.name }}</view> |
|
|
<view class="age"> |
|
|
<view class="age"> |
|
|
<!-- {{formatAgeMonth(studentsInfo.age)}} --> |
|
|
|
|
|
{{ studentsInfo.customerResources.age }}岁 |
|
|
{{ studentsInfo.customerResources.age }}岁 |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
<!-- <view class="item">--> |
|
|
|
|
|
<!-- <view class="title">家长姓名:黄大呢</view>--> |
|
|
|
|
|
<!-- </view>--> |
|
|
|
|
|
<view class="item"> |
|
|
<view class="item"> |
|
|
<view class="title">电话:{{ studentsInfo.customerResources.phone_number }}</view> |
|
|
<view class="title">电话:{{ studentsInfo.customerResources.phone_number }}</view> |
|
|
</view> |
|
|
</view> |
|
|
@ -33,42 +21,6 @@ |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
|
|
|
|
|
|
<!--课程信息--> |
|
|
|
|
|
<!-- <view class="course_section">--> |
|
|
|
|
|
<!-- <view class="main">--> |
|
|
|
|
|
<!-- <view class="course_box">--> |
|
|
|
|
|
<!-- <view class="item">--> |
|
|
|
|
|
<!-- <view class="title">篮球少儿课程</view>--> |
|
|
|
|
|
<!-- </view>--> |
|
|
|
|
|
|
|
|
|
|
|
<!-- <view class="item">--> |
|
|
|
|
|
<!-- <image class="pic" src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>--> |
|
|
|
|
|
<!-- <view class="name">{{studentsInfo.name}}</view>--> |
|
|
|
|
|
<!-- </view>--> |
|
|
|
|
|
|
|
|
|
|
|
<!-- <view class="item">--> |
|
|
|
|
|
<!-- <view class="content">截止时间:{{studentsInfo.expire_time}}</view>--> |
|
|
|
|
|
<!-- </view>--> |
|
|
|
|
|
|
|
|
|
|
|
<!-- <view class="item">--> |
|
|
|
|
|
<!-- <view class="content">已上课时:{{studentsInfo.have_study_time}}</view>--> |
|
|
|
|
|
<!-- <view class="content">剩余课时:{{studentsInfo.end_study_time}}</view>--> |
|
|
|
|
|
<!-- </view>--> |
|
|
|
|
|
|
|
|
|
|
|
<!-- <view class="tag">--> |
|
|
|
|
|
<!-- 出勤高--> |
|
|
|
|
|
<!-- </view>--> |
|
|
|
|
|
|
|
|
|
|
|
<!-- <view class="btn">--> |
|
|
|
|
|
<!-- 延课一周--> |
|
|
|
|
|
<!-- </view>--> |
|
|
|
|
|
<!-- </view>--> |
|
|
|
|
|
<!-- </view>--> |
|
|
|
|
|
<!-- <view class="bg_box bg_top"></view>--> |
|
|
|
|
|
<!-- <view class="bg_box bg_bottom"></view>--> |
|
|
|
|
|
<!-- </view>--> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<view class="main_section"> |
|
|
<view class="main_section"> |
|
|
<view class="section_box"> |
|
|
<view class="section_box"> |
|
|
<view class="tag_box"> |
|
|
<view class="tag_box"> |
|
|
@ -121,7 +73,6 @@ |
|
|
</view> |
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</view> |
|
|
</view> |
|
|
|
|
|
|
|
|
</view> |
|
|
</view> |
|
|
@ -132,9 +83,9 @@ |
|
|
</template> |
|
|
</template> |
|
|
|
|
|
|
|
|
<script> |
|
|
<script> |
|
|
import memberApi from '@/api/member.js'; |
|
|
import memberApi from '@/api/member.js' |
|
|
import AQTabber from "@/components/AQ/AQTabber.vue" |
|
|
import AQTabber from '@/components/AQ/AQTabber.vue' |
|
|
import apiRoute from '@/api/apiRoute.js'; |
|
|
import apiRoute from '@/api/apiRoute.js' |
|
|
|
|
|
|
|
|
export default { |
|
|
export default { |
|
|
components: { |
|
|
components: { |
|
|
@ -177,27 +128,27 @@ export default { |
|
|
await this.getSurveyList() |
|
|
await this.getSurveyList() |
|
|
}, |
|
|
}, |
|
|
formatAgeMonth(input) { |
|
|
formatAgeMonth(input) { |
|
|
let str = String(input); |
|
|
let str = String(input) |
|
|
// 分割小数点前后部分 |
|
|
// 分割小数点前后部分 |
|
|
let [yearPart, monthPart] = str.split('.'); |
|
|
let [yearPart, monthPart] = str.split('.') |
|
|
// 如果没有小数部分,默认为 0 |
|
|
// 如果没有小数部分,默认为 0 |
|
|
if (!monthPart) { |
|
|
if (!monthPart) { |
|
|
monthPart = '00'; |
|
|
monthPart = '00' |
|
|
} |
|
|
} |
|
|
// 如果是 00,则显示为 0 |
|
|
// 如果是 00,则显示为 0 |
|
|
monthPart = monthPart === '00' ? '0' : monthPart; |
|
|
monthPart = monthPart === '00' ? '0' : monthPart |
|
|
return `${yearPart}岁${monthPart}月`; |
|
|
return `${yearPart}岁${monthPart}月` |
|
|
}, |
|
|
}, |
|
|
//获取学生详情 |
|
|
//获取学生详情 |
|
|
async getStudentsInfo() { |
|
|
async getStudentsInfo() { |
|
|
let data = { |
|
|
let data = { |
|
|
students_id:this.students_id |
|
|
students_id: this.students_id, |
|
|
} |
|
|
} |
|
|
let res = await apiRoute.jlStudentsInfo(data) |
|
|
let res = await apiRoute.jlStudentsInfo(data) |
|
|
if (res.code != 1) { |
|
|
if (res.code != 1) { |
|
|
uni.showToast({ |
|
|
uni.showToast({ |
|
|
title: res.msg, |
|
|
title: res.msg, |
|
|
icon: 'none' |
|
|
icon: 'none', |
|
|
}) |
|
|
}) |
|
|
return |
|
|
return |
|
|
} |
|
|
} |
|
|
@ -214,12 +165,12 @@ export default { |
|
|
return false |
|
|
return false |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
const expireDate = new Date(expireTime); |
|
|
const expireDate = new Date(expireTime) |
|
|
const currentDate = new Date(); |
|
|
const currentDate = new Date() |
|
|
|
|
|
|
|
|
// 计算天数差 |
|
|
// 计算天数差 |
|
|
const timeDifference = expireDate - currentDate; |
|
|
const timeDifference = expireDate - currentDate |
|
|
const daysDifference = timeDifference / (1000 * 60 * 60 * 24); |
|
|
const daysDifference = timeDifference / (1000 * 60 * 60 * 24) |
|
|
|
|
|
|
|
|
if (daysDifference >= 5) { |
|
|
if (daysDifference >= 5) { |
|
|
return true |
|
|
return true |
|
|
@ -233,13 +184,13 @@ export default { |
|
|
loadMoreData() { |
|
|
loadMoreData() { |
|
|
//判断是否加载 |
|
|
//判断是否加载 |
|
|
if (!this.isReachedBottom) { |
|
|
if (!this.isReachedBottom) { |
|
|
this.isReachedBottom = true;//设置为不可请求状态 |
|
|
this.isReachedBottom = true//设置为不可请求状态 |
|
|
this.getSurveyList(); |
|
|
this.getSurveyList() |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
//重置为第一页 |
|
|
//重置为第一页 |
|
|
async resetFilteredData() { |
|
|
async resetFilteredData() { |
|
|
this.isReachedBottom = false; // 重置状态,以便下次触发加载更多 |
|
|
this.isReachedBottom = false // 重置状态,以便下次触发加载更多 |
|
|
|
|
|
|
|
|
this.filteredData.page = 1//当前页码 |
|
|
this.filteredData.page = 1//当前页码 |
|
|
this.filteredData.limit = 10//每页返回数据条数 |
|
|
this.filteredData.limit = 10//每页返回数据条数 |
|
|
@ -256,7 +207,7 @@ export default { |
|
|
this.loading = false |
|
|
this.loading = false |
|
|
uni.showToast({ |
|
|
uni.showToast({ |
|
|
title: '暂无更多', |
|
|
title: '暂无更多', |
|
|
icon: 'none' |
|
|
icon: 'none', |
|
|
}) |
|
|
}) |
|
|
return |
|
|
return |
|
|
} |
|
|
} |
|
|
@ -268,18 +219,18 @@ export default { |
|
|
//学员-体测列表 |
|
|
//学员-体测列表 |
|
|
let res = await apiRoute.physicalTest(data) |
|
|
let res = await apiRoute.physicalTest(data) |
|
|
this.loading = false |
|
|
this.loading = false |
|
|
this.isReachedBottom = false; |
|
|
this.isReachedBottom = false |
|
|
if (res.code != 1) { |
|
|
if (res.code != 1) { |
|
|
uni.showToast({ |
|
|
uni.showToast({ |
|
|
title: res.msg, |
|
|
title: res.msg, |
|
|
icon: 'none' |
|
|
icon: 'none', |
|
|
}) |
|
|
}) |
|
|
return |
|
|
return |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
console.log(res, 111) |
|
|
console.log(res, 111) |
|
|
|
|
|
|
|
|
this.surveyList = this.surveyList.concat(res.data.physical_test.data); // 使用 concat 方法 将新数据追加到数组中 |
|
|
this.surveyList = this.surveyList.concat(res.data.physical_test.data) // 使用 concat 方法 将新数据追加到数组中 |
|
|
|
|
|
|
|
|
console.log('列表', this.surveyList) |
|
|
console.log('列表', this.surveyList) |
|
|
this.filteredData.total = res.data.total |
|
|
this.filteredData.total = res.data.total |
|
|
@ -295,13 +246,13 @@ export default { |
|
|
//打开课程详情 |
|
|
//打开课程详情 |
|
|
openViewCourseInfo(item) { |
|
|
openViewCourseInfo(item) { |
|
|
this.$navigateTo({ |
|
|
this.$navigateTo({ |
|
|
url: '/pages/coach/course/info' |
|
|
url: '/pages/coach/course/info', |
|
|
}) |
|
|
}) |
|
|
}, |
|
|
}, |
|
|
//打开学员详情页 |
|
|
//打开学员详情页 |
|
|
openViewStudentInfo(item) { |
|
|
openViewStudentInfo(item) { |
|
|
this.$navigateTo({ |
|
|
this.$navigateTo({ |
|
|
url: '/pages/coach/student/info' |
|
|
url: '/pages/coach/student/info', |
|
|
}) |
|
|
}) |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
@ -309,17 +260,17 @@ export default { |
|
|
openViewPhysicalExamination(item) { |
|
|
openViewPhysicalExamination(item) { |
|
|
let survey_id = item.id |
|
|
let survey_id = item.id |
|
|
this.$navigateTo({ |
|
|
this.$navigateTo({ |
|
|
url: `/pages/coach/student/physical_examination?survey_id=${survey_id}` |
|
|
url: `/pages/coach/student/physical_examination?survey_id=${survey_id}`, |
|
|
}) |
|
|
}) |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
//打开作业任务 |
|
|
//打开作业任务 |
|
|
opebViewWorkDetails(item) { |
|
|
opebViewWorkDetails(item) { |
|
|
this.$navigateTo({ |
|
|
this.$navigateTo({ |
|
|
url: '/pages/coach/student/work_details' |
|
|
url: '/pages/coach/student/work_details', |
|
|
}) |
|
|
}) |
|
|
}, |
|
|
}, |
|
|
} |
|
|
}, |
|
|
} |
|
|
} |
|
|
</script> |
|
|
</script> |
|
|
|
|
|
|
|
|
@ -336,6 +287,7 @@ export default { |
|
|
justify-content: center; |
|
|
justify-content: center; |
|
|
align-items: center; |
|
|
align-items: center; |
|
|
background: #292929; |
|
|
background: #292929; |
|
|
|
|
|
|
|
|
.title { |
|
|
.title { |
|
|
padding: 40rpx 0rpx; |
|
|
padding: 40rpx 0rpx; |
|
|
|
|
|
|
|
|
@ -354,25 +306,30 @@ export default { |
|
|
background-color: #29D3B4; |
|
|
background-color: #29D3B4; |
|
|
padding-top: 58rpx; |
|
|
padding-top: 58rpx; |
|
|
padding-bottom: 42rpx; |
|
|
padding-bottom: 42rpx; |
|
|
|
|
|
|
|
|
.box { |
|
|
.box { |
|
|
display: flex; |
|
|
display: flex; |
|
|
justify-content: center; |
|
|
justify-content: center; |
|
|
align-items: center; |
|
|
align-items: center; |
|
|
gap: 15rpx; |
|
|
gap: 15rpx; |
|
|
|
|
|
|
|
|
.left { |
|
|
.left { |
|
|
position: relative; |
|
|
position: relative; |
|
|
display: flex; |
|
|
display: flex; |
|
|
flex-direction: column; |
|
|
flex-direction: column; |
|
|
align-items: center; |
|
|
align-items: center; |
|
|
width: 120rpx; |
|
|
width: 120rpx; |
|
|
|
|
|
|
|
|
.pic { |
|
|
.pic { |
|
|
width: 92rpx; |
|
|
width: 92rpx; |
|
|
height: 92rpx; |
|
|
height: 92rpx; |
|
|
border-radius: 50%; |
|
|
border-radius: 50%; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.btn_box { |
|
|
.btn_box { |
|
|
position: absolute; |
|
|
position: absolute; |
|
|
bottom: -18rpx; |
|
|
bottom: -18rpx; |
|
|
|
|
|
|
|
|
.btn { |
|
|
.btn { |
|
|
width: 120rpx; |
|
|
width: 120rpx; |
|
|
height: 38rpx; |
|
|
height: 38rpx; |
|
|
@ -387,17 +344,21 @@ export default { |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.right { |
|
|
.right { |
|
|
display: flex; |
|
|
display: flex; |
|
|
flex-direction: column; |
|
|
flex-direction: column; |
|
|
gap: 18rpx; |
|
|
gap: 18rpx; |
|
|
|
|
|
|
|
|
.item { |
|
|
.item { |
|
|
color: #fff; |
|
|
color: #fff; |
|
|
display: flex; |
|
|
display: flex; |
|
|
align-items: center; |
|
|
align-items: center; |
|
|
|
|
|
|
|
|
.name { |
|
|
.name { |
|
|
font-size: 28rpx; |
|
|
font-size: 28rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.age { |
|
|
.age { |
|
|
margin-left: 20rpx; |
|
|
margin-left: 20rpx; |
|
|
width: 128rpx; |
|
|
width: 128rpx; |
|
|
@ -417,12 +378,14 @@ export default { |
|
|
//课程信息 |
|
|
//课程信息 |
|
|
.course_section { |
|
|
.course_section { |
|
|
position: relative; |
|
|
position: relative; |
|
|
|
|
|
|
|
|
.main { |
|
|
.main { |
|
|
position: relative; |
|
|
position: relative; |
|
|
z-index: 2; |
|
|
z-index: 2; |
|
|
padding: 0 24rpx; |
|
|
padding: 0 24rpx; |
|
|
display: flex; |
|
|
display: flex; |
|
|
justify-content: center; |
|
|
justify-content: center; |
|
|
|
|
|
|
|
|
.course_box { |
|
|
.course_box { |
|
|
padding: 42rpx 28rpx; |
|
|
padding: 42rpx 28rpx; |
|
|
width: 692rpx; |
|
|
width: 692rpx; |
|
|
@ -432,10 +395,12 @@ export default { |
|
|
flex-direction: column; |
|
|
flex-direction: column; |
|
|
gap: 20rpx; |
|
|
gap: 20rpx; |
|
|
position: relative; |
|
|
position: relative; |
|
|
|
|
|
|
|
|
.item { |
|
|
.item { |
|
|
display: flex; |
|
|
display: flex; |
|
|
align-items: center; |
|
|
align-items: center; |
|
|
gap: 22rpx; |
|
|
gap: 22rpx; |
|
|
|
|
|
|
|
|
.title { |
|
|
.title { |
|
|
font-size: 28rpx; |
|
|
font-size: 28rpx; |
|
|
color: #333333; |
|
|
color: #333333; |
|
|
@ -457,6 +422,7 @@ export default { |
|
|
font-size: 24rpx; |
|
|
font-size: 24rpx; |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.tag { |
|
|
.tag { |
|
|
position: absolute; |
|
|
position: absolute; |
|
|
right: 0; |
|
|
right: 0; |
|
|
@ -470,6 +436,7 @@ export default { |
|
|
font-size: 24rpx; |
|
|
font-size: 24rpx; |
|
|
text-align: center; |
|
|
text-align: center; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.btn { |
|
|
.btn { |
|
|
position: absolute; |
|
|
position: absolute; |
|
|
right: 30rpx; |
|
|
right: 30rpx; |
|
|
@ -487,6 +454,7 @@ export default { |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.bg_box { |
|
|
.bg_box { |
|
|
z-index: 1; |
|
|
z-index: 1; |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
@ -498,6 +466,7 @@ export default { |
|
|
top: 0; |
|
|
top: 0; |
|
|
background-color: #29D3B4; |
|
|
background-color: #29D3B4; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.bg_bottom { |
|
|
.bg_bottom { |
|
|
top: 50%; |
|
|
top: 50%; |
|
|
position: absolute; |
|
|
position: absolute; |
|
|
@ -521,16 +490,19 @@ export default { |
|
|
flex-direction: column; |
|
|
flex-direction: column; |
|
|
align-items: center; |
|
|
align-items: center; |
|
|
gap: 38rpx; |
|
|
gap: 38rpx; |
|
|
|
|
|
|
|
|
.tag_box { |
|
|
.tag_box { |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
display: flex; |
|
|
display: flex; |
|
|
justify-content: center; |
|
|
justify-content: center; |
|
|
align-items: center; |
|
|
align-items: center; |
|
|
gap: 112rpx; |
|
|
gap: 112rpx; |
|
|
|
|
|
|
|
|
.item { |
|
|
.item { |
|
|
width: 112rpx; |
|
|
width: 112rpx; |
|
|
font-size: 28rpx; |
|
|
font-size: 28rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.select { |
|
|
.select { |
|
|
color: #29D3B4; |
|
|
color: #29D3B4; |
|
|
} |
|
|
} |
|
|
@ -539,10 +511,12 @@ export default { |
|
|
//出勤记录 |
|
|
//出勤记录 |
|
|
.section_1 { |
|
|
.section_1 { |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
|
|
|
|
|
|
.ul { |
|
|
.ul { |
|
|
display: flex; |
|
|
display: flex; |
|
|
flex-direction: column; |
|
|
flex-direction: column; |
|
|
gap: 12rpx; |
|
|
gap: 12rpx; |
|
|
|
|
|
|
|
|
.li { |
|
|
.li { |
|
|
padding: 30rpx 20rpx; |
|
|
padding: 30rpx 20rpx; |
|
|
border: 1px solid #29D3B4; |
|
|
border: 1px solid #29D3B4; |
|
|
@ -552,11 +526,13 @@ export default { |
|
|
display: flex; |
|
|
display: flex; |
|
|
justify-content: space-between; |
|
|
justify-content: space-between; |
|
|
align-items: center; |
|
|
align-items: center; |
|
|
|
|
|
|
|
|
.left { |
|
|
.left { |
|
|
display: flex; |
|
|
display: flex; |
|
|
flex-direction: column; |
|
|
flex-direction: column; |
|
|
gap: 15rpx; |
|
|
gap: 15rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.right { |
|
|
.right { |
|
|
.btn { |
|
|
.btn { |
|
|
width: 110rpx; |
|
|
width: 110rpx; |
|
|
@ -572,12 +548,15 @@ export default { |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
//体测报告 |
|
|
//体测报告 |
|
|
.section_2 { |
|
|
.section_2 { |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
|
|
|
|
|
|
.ul { |
|
|
.ul { |
|
|
display: flex; |
|
|
display: flex; |
|
|
flex-direction: column; |
|
|
flex-direction: column; |
|
|
|
|
|
|
|
|
.li { |
|
|
.li { |
|
|
margin-bottom: 12rpx; |
|
|
margin-bottom: 12rpx; |
|
|
padding: 30rpx 20rpx; |
|
|
padding: 30rpx 20rpx; |
|
|
@ -588,19 +567,24 @@ export default { |
|
|
display: flex; |
|
|
display: flex; |
|
|
flex-direction: column; |
|
|
flex-direction: column; |
|
|
gap: 20rpx; |
|
|
gap: 20rpx; |
|
|
|
|
|
|
|
|
.top { |
|
|
.top { |
|
|
display: flex; |
|
|
display: flex; |
|
|
align-items: center; |
|
|
align-items: center; |
|
|
gap: 40rpx; |
|
|
gap: 40rpx; |
|
|
|
|
|
|
|
|
.title { |
|
|
.title { |
|
|
font-size: 34rpx; |
|
|
font-size: 34rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.hint { |
|
|
.hint { |
|
|
color: #F59A23; |
|
|
color: #F59A23; |
|
|
font-size: 24rpx; |
|
|
font-size: 24rpx; |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
.bottom{} |
|
|
|
|
|
|
|
|
.bottom { |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|