miniprogram / yujia · 提交

转到一个项目

作者 刘晓艳
提交 c1a8bf1febd0d472a99454b832800b121220c54c 0 个父辈

瑜伽小程序静态页

内嵌 并排对比
正在显示 100 个修改的文件 包含 3105 行增加 和 0 行删除

要显示太多修改。
重新载入完整差异 差异文件 邮件补丁

为保证性能只显示 100 of 100+ 个文件。

//app.js
App({
post: function (url, data, headerParams) {
wx.showNavigationBarLoading()
wx.showLoading({
title: '',
})
var promise = new Promise((resolve, reject) => {
let that = this;
let postData = data;
let baseUrl = 'http://yujia.w.bronet.cn/api/';
let header = {
'content-type': 'application/x-www-form-urlencoded'
}
header = Object.assign(header, headerParams)
wx.request({
url: baseUrl + url,
data: postData,
method: 'POST',
header: header,
success: function (res) {
resolve(res)
setTimeout(function () {
wx.hideLoading()
}, 600)
wx.hideNavigationBarLoading()
},
error: function (e) {
reject('');
wx.hideLoading()
wx.hideNavigationBarLoading()
wx.showModal({
title: '',
content: res.data.msg,
showCancel: false
})
}
})
});
wx.hideLoading()
return promise;
},
globalData: {
userInfo: null
}
})
\ No newline at end of file
... ...
{
"pages": [
"pages/yogaHome/yogaHome",
"pages/start/start",
"pages/planOrder/lectureOrder/lectureOrder",
"pages/my/groupDetail/groupDetail",
"pages/planCalendar/planCalendar",
"pages/my/coachIndex/coachIndex",
"pages/my/recordDetail/recordDetail",
"pages/my/courseDetail/courseDetail",
"pages/my/behave/behave",
"pages/my/targetCourse/targetCourse",
"pages/my/planManage/planManage",
"pages/my/vipManage/vipManage",
"pages/my/coachVerify2/coachVerify2",
"pages/my/coachVerify/coachVerify",
"pages/my/myInfo/myInfo",
"pages/my/appointmentCourse/appointmentCourse",
"pages/my/info/info",
"pages/my/my",
"pages/yogaHome/planName/planName",
"pages/yogaHome/yogaHomeClassList/yogaHomeClassList",
"pages/yogaHome/yogaHomeClass/yogaHomeClass",
"pages/planVoice/planVoice",
"pages/planOrder/planOrder"
],
"window": {
"backgroundTextStyle": "light",
"navigationBarBackgroundColor": "#fff",
"navigationBarTitleText": "WeChat",
"navigationBarTextStyle": "black"
},
"permission": {
"scope.userLocation": {
"desc": "你的位置信息将用于小程序位置接口的效果展示"
}
},
"tabBar": {
"list": [
{
"pagePath": "pages/yogaHome/yogaHome",
"text": "瑜伽房",
"iconPath": "images/sadasfaffgf@2x.png",
"selectedIconPath": "images/fgsgsgjkj@2x.png"
},
{
"pagePath": "pages/planOrder/planOrder",
"text": "计划订单",
"iconPath": "images/sadasfaffgf@2x.png",
"selectedIconPath": "images/fgsgsgjkj@2x.png"
},
{
"pagePath": "pages/planCalendar/planCalendar",
"text": "计划日历",
"iconPath": "images/sadasfaffgf@2x.png",
"selectedIconPath": "images/fgsgsgjkj@2x.png"
},
{
"pagePath": "pages/planVoice/planVoice",
"text": "计划表现",
"iconPath": "images/sadasfaffgf@2x.png",
"selectedIconPath": "images/fgsgsgjkj@2x.png"
},
{
"pagePath": "pages/my/my",
"text": "我的",
"iconPath": "images/sadasfaffgf@2x.png",
"selectedIconPath": "images/fgsgsgjkj@2x.png"
}
]
}
}
\ No newline at end of file
... ...
/**app.wxss**/
@font-face {
font-family: 'iconfont'; /* project id 994540 */
src: url('//at.alicdn.com/t/font_994540_3xqg5kvb3ec.eot');
src: url('//at.alicdn.com/t/font_994540_3xqg5kvb3ec.eot?#iefix') format('embedded-opentype'),
url('//at.alicdn.com/t/font_994540_3xqg5kvb3ec.woff') format('woff'),
url('//at.alicdn.com/t/font_994540_3xqg5kvb3ec.ttf') format('truetype'),
url('//at.alicdn.com/t/font_994540_3xqg5kvb3ec.svg#iconfont') format('svg');
}
.iconfont {
font-family:"iconfont" !important;
font-size:16px;
font-style:normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-dianhua:before { content: "\e601"; }
.icon-fanhui:before { content: "\e609"; }
.icon-xing:before { content: "\e64e"; }
... ...
// pages/my/appointmentCourse/appointmentCourse.js
Page({
/**
* 页面的初始数据
*/
data: {
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
\ No newline at end of file
... ...
{
"usingComponents": {}
}
\ No newline at end of file
... ...
<!--pages/my/appointmentCourse/appointmentCourse.wxml-->
<view class='box'>
<view class='banner_box'>
<image src='/images/dggfhre@2x.png'></image>
<view class='banner_info'>
<view class='user_name'>李道空</view>
<view>注册日期：2018年2月30日</view>
<view>
<text>约课电话：15632424967</text>
<text class='iconfont icon-dianhua'></text>
</view>
</view>
</view>
<view class='content_box'>
<view class='list_btn_box'>
<view class='list_btn'>场所合作</view>
<view class='list_btn'>信息反馈</view>
<view class='list_btn'>切换至教练模式</view>
</view>
</view>
<view class='info'>
<view> 预约私教授课须知：</view>
<view> 电话预约私人教练上课时间，在线记录；</view>
<view>取消私教课程需提前6小时</view>
</view>
<view class='submit_btn'>确认上课时间</view>
</view>
\ No newline at end of file
... ...
/* pages/my/appointmentCourse/appointmentCourse.wxss */
.box {
padding: 0 38rpx;
}
.banner_box {
width: 100%;
height: 200rpx;
display: flex;
align-items: center;
/* justify-content: space-between; */
background: #fff;
box-shadow: 0rpx -1rpx 50rpx 0rpx rgba(51, 51, 51, 0.06);
border-radius: 10rpx;
padding: 30rpx;
box-sizing: border-box;
font-size: 28rpx;
color: #333333;
}
.banner_box image {
width: 160rpx;
height: 160rpx;
border-radius: 50%;
}
.banner_info{
width: 68%;
line-height: 50rpx;
margin-left: 40rpx;
}
.icon-dianhua{
color: #FF8080;
margin-left: 63rpx;
}
.list_btn_box {
margin-top: 60rpx;
}
.user_name{
font-size: 30rpx;
color: #333333;
font-weight: bold;
}
.list_btn {
width: 100%;
height: 100rpx;
background: #fafafa;
border-radius: 10rpx;
font-size: 28rpx;
font-weight: bold;
color: #333;
display: flex;
align-items: center;
justify-content: center;
margin-top: 20rpx;
}
.info{
font-size: 24rpx;
color: #333333;
text-align: center;
margin-top: 100rpx;
}
.submit_btn {
width: 100%;
height: 80rpx;
background: linear-gradient(27deg, rgba(255, 128, 128, 1), rgba(255, 140, 140, 1));
box-shadow: 4rpx 19rpx 92rpx 0rpx rgba(247, 94, 94, 0.39);
border-radius: 10rpx;
font-size: 32rpx;
font-weight: bold;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
margin-top: 100rpx;
}
... ...
// pages/my/behave/behave.js
Page({
/**
* 页面的初始数据
*/
data: {
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
\ No newline at end of file
... ...
{
"usingComponents": {},
"navigationBarTitleText": "表现"
}
\ No newline at end of file
... ...
<!--pages/my/behave/behave.wxml-->
<view class='content_box'>
<view class='list_title'>计划名称/计划课程/目标评估课程</view>
<view class='table_box'>
<view class='table_item'>
<view class='date_item'>日期</view>
<view class='score_item'>得分</view>
</view>
<view class='table_item'>
<view class='date_item'>2018/11/11 08:00-09:00</view>
<view class='score_item'>10</view>
</view>
<view class='table_item'>
<view class='date_item'>2018/11/11 08:00-09:00</view>
<view class='score_item'>10</view>
</view>
</view>
</view>
\ No newline at end of file
... ...
/* pages/my/behave/behave.wxss */
.list_title {
font-size: 30rpx;
font-weight: bold;
color: #333;
}
.content_box {
width: 100%;
padding: 30rpx;
box-sizing: border-box;
margin-top: 30rpx;
}
.table_box {
width: 100%;
background: rgba(232, 232, 232, 1);
border-radius: 10rpx;
margin-top: 30rpx;
}
.table_item {
display: flex;
align-items: center;
font-size: 26rpx;
color: #333;
text-align: center;
border-bottom: 1rpx solid #fff;
}
.date_item {
width: 70%;
border-right: 1rpx solid #fff;
padding: 20rpx 0;
}
.score_item {
width: 30%;
padding: 20rpx 0;
}
... ...
// pages/my/coachIndex/coachIndex.js
Page({
/**
* 页面的初始数据
*/
data: {
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
\ No newline at end of file
... ...
{
"usingComponents": {}
}
\ No newline at end of file
... ...
<!--pages/my/coachIndex/coachIndex.wxml-->
<view class='banner_box'>
<image src='/images/dggfhre@2x.png'></image>
<view class='user_name'>何易</view>
<view>注册时间:2018年2月31日</view>
</view>
<view class='content_box'>
<view class='info_title'>
<view>已认证信息</view>
<view class='info_box'>
<view class='info_item'>身份证</view>
<view class='info_item'>身份证</view>
<view class='info_item'>身份证</view>
</view>
</view>
<view class='list_btn_box'>
<view class='list_btn'>
<view class='list_title'>场所合作</view>
<view>姿势异常管理 慢性肌肉骨骼疼痛</view>
</view>
<view class='list_btn'>
<view class='list_title'>场所合作</view>
<view>姿势异常管理 慢性肌肉骨骼疼痛</view>
</view>
<view class='list_btn'>
<view class='list_title'>场所合作</view>
<view>姿势异常管理 慢性肌肉骨骼疼痛</view>
</view>
</view>
<view class='coentent_label_box'>
<view class="label_item label_active">2018年12月</view>
<view class="label_item">2018年12月</view>
<view class="label_item">2018年12月</view>
</view>
</view>
<view class='plan_box'>
<view class='plan_info_box'>
<view class='plan_item' wx:for='{{[1,2,3]}}' wx:key>
<view class='list_title'>计划名称</view>
<view class='plan_conten_box'>
<view class='item_content' wx:for='{{[1,2,3]}}' wx:key>
<view class=''>团体课程</view>
<view class='content_info'>
<view>总课时</view>
<view class='star_box'>
<view class='iconfont icon-xing' wx:for='{{[1,2,3]}}' wx:key></view>
</view>
</view>
</view>
</view>
</view>
</view>
</view>
<view class='course_box'>
<view class='course_item'>
<view class='label_title_box label_top'>
<view class='label_title'>教学内容</view>
</view>
<view class='label_info_box'>
<view>
TBCLASS目标协同授课体系是TBCLASS瑜伽 团课教练和私人教练课程设计与教学工具，由北京体 育大学多学科专家学者和瑜伽健身行业顶级教练历时 三年研发而成，大幅提升瑜伽会员训练体验和训练结 果
</view>
</view>
</view>
<view>
<view class='label_title_box label_top'>
<view class='label_title'>目标评估课程 : </view>
<view> 量化管理目标</view>
</view>
<view class='course_content_box'>
<view class='course_content_item' wx:for='{{[1,2,3]}}'>
<view>目标评估课程</view>
<view class='course_info'>得分数</view>
</view>
</view>
</view>
</view>
\ No newline at end of file
... ...
/* pages/my/coachIndex/coachIndex.wxss */
.banner_box {
width: 100%;
height: 330rpx;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
background: #626a82;
font-size: 24rpx;
color: #e8e8e8;
}
.user_name {
font-size: 36rpx;
font-weight: bold;
color: #e8e8e8;
margin: 10rpx 0;
}
.banner_box image {
width: 120rpx;
height: 120rpx;
border-radius: 50%;
}
.content_box {
box-shadow: 0rpx 0rpx 8rpx 0rpx rgba(51, 51, 51, 0.1);
position: relative;
z-index: 20;
background: #fff;
}
.info_title {
padding: 17rpx 0;
/* border-bottom: 1rpx solid #a4a6b2; */
text-align: center;
font-size: 32rpx;
/* font-weight: bold; */
color: #333;
box-shadow: 0rpx 0rpx 51rpx 0rpx rgba(75, 75, 75, 0.16);
}
.info_box {
display: flex;
align-items: center;
justify-content: space-between;
font-size: 26rpx;
color: #333;
margin-top: 10rpx;
}
.info_item {
width: 33.3%;
border-right: 1rpx solid #000;
}
.info_item:last-child {
border-right: 0;
}
.list_btn_box {
padding: 0 30rpx;
margin-top: 18rpx;
}
.list_btn {
width: 100%;
padding: 20rpx 40rpx;
border-radius: 10rpx;
box-shadow: 0rpx 0rpx 8rpx 0rpx rgba(51, 51, 51, 0.1);
font-size: 24rpx;
/* font-weight: bold; */
color: #333;
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 16rpx;
box-sizing: border-box;
}
.list_title {
font-size: 30rpx;
font-weight: bold;
color: #333;
}
.coentent_label_box {
padding: 30rpx;
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 60rpx;
}
.label_item {
width: 180rpx;
height: 58rpx;
background: rgba(255, 255, 255, 1);
box-shadow: 0rpx 1rpx 54rpx 0rpx rgba(62, 62, 62, 0.1);
border-radius: 10rpx;
font-size: 26rpx;
color: #333;
display: flex;
align-items: center;
justify-content: center;
}
.label_active {
background: #ff7f7f;
color: #fff;
}
.plan_box {
padding: 0 30rpx;
margin-top: -10rpx;
position: relative;
z-index: 1;
}
.plan_info_box {
box-shadow: 0rpx 0rpx 8rpx 0rpx rgba(51, 51, 51, 0.1);
border-radius: 10rpx;
padding: 0 30rpx;
}
.plan_item {
border-bottom: 1rpx solid #e8e8e8;
padding: 30rpx 0;
}
.plan_item:last-child {
border-bottom: 0;
}
.plan_conten_box {
margin-top: 20rpx;
}
.item_content {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 30rpx;
font-size: 26rpx !important;
color: #333 !important;
margin-top: 10rpx;
}
.content_info {
display: flex;
align-items: center;
}
.star_box {
display: flex;
align-items: center;
margin-left: 70rpx;
}
.icon-xing {
font-size: 25rpx;
color: #ff8080;
margin-right: 10rpx;
}
.course_box {
margin-top: 50rpx;
}
.label_title_box {
width: 100%;
background: rgba(255, 255, 255, 1);
box-shadow: 0rpx 1rpx 10rpx 3rpx rgba(233, 233, 233, 0.6);
padding: 20rpx 30rpx;
/* border-top: 1rpx solid #e9e9e9; */
font-size: 24rpx;
color: #333;
box-sizing: border-box;
position: relative;
z-index: 20
}
.label_title {
font-size: 30rpx;
font-weight: bold;
color: #333;
}
.label_info_box {
width: 686rpx;
margin: 0 auto;
background: rgba(255, 255, 255, 1);
box-shadow: 0rpx 1rpx 5rpx 0rpx rgba(89, 89, 89, 0.1);
border-radius: 10rpx;
font-size: 24rpx;
color: #333;
padding: 30rpx;
box-sizing: border-box;
position: relative;
z-index: 10;
}
.course_item {
margin-bottom: 30rpx;
}
.label_btn {
font-size: 24rpx;
color: #ff8080;
}
.course_content_box {
width: 686rpx;
margin: 0 auto;
padding:30rpx;
box-sizing: border-box;
box-shadow: 0rpx 1rpx 5rpx 0rpx rgba(89, 89, 89, 0.1);
border-radius: 10rpx;
}
.course_content_item {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 20rpx;
font-size: 28rpx;
color: #333;
}
.course_content_item:last-child{
margin-bottom: 0;
}
.course_info {
color: #ff8080;
}
.course_content_item:last-child {
border-bottom: 0;
}
.course_img {
width: 200rpx;
height: 150rpx;
}
.course_img image {
width: 100%;
height: 100%;
}
.course_content_info {
width: 80%;
margin-left: 20rpx;
}
.course_title {
font-size: 28rpx;
font-weight: bold;
color: #333;
margin: 0 auto;
}
.course_content {
font-size: 24rpx;
color: #333;
}
.no_course {
font-size: 36rpx;
font-weight: bold;
color: #e8e8e8;
display: flex;
align-items: center;
justify-content: center;
padding: 55rpx 0;
}
.more_box {
display: flex;
align-items: center;
justify-content: space-between;
font-size: 30rpx;
font-weight: bold;
color: #333;
padding: 20rpx 30rpx;
box-sizing: border-box;
}
.more_info {
width: 80%;
display: flex;
align-items: center;
justify-content: flex-end;
}
.more_peoper {
width: 385rpx;
/* display: flex;
align-items: center; */
white-space: nowrap;
overflow: scroll;
}
.more_peoper image {
display: inline-block;
width: 50rpx;
height: 50rpx;
margin-right: 15rpx;
}
.more_info_box {
width: 686rpx;
height: 150rpx;
background: rgba(255, 255, 255, 1);
box-shadow: 0rpx 0rpx 8rpx 0rpx rgba(51, 51, 51, 0.1);
border-radius: 10rpx;
font-size: 30rpx;
font-weight: bold;
color: #333;
display: flex;
align-items: center;
justify-content: space-between;
padding: 20rpx;
}
.more_info_box image {
width: 120rpx;
height: 120rpx;
border-radius: 8rpx;
}
.more_btn {
padding: 20rpx;
border-bottom: 1rpx solid #e8e8e8;
}
.more_btn:last-child {
border-bottom: 0;
}
.more_active {
color: #ff8080;
}
... ...
// pages/my/coachVerify/coachVerify.js
Page({
/**
* 页面的初始数据
*/
data: {
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
\ No newline at end of file
... ...
{
"usingComponents": {},
"navigationBarTitleText": "教练认证"
}
\ No newline at end of file
... ...
<!--pages/my/coachVerify/coachVerify.wxml-->
<view>
<view class='label_title_box'>
<view class='label_title'>教学内容</view>
</view>
<view class='content_box'>
<view class='item_list list_active'>姿势异常</view>
<view class='item_list'>姿势异常</view>
<view class='item_list'>姿势异常</view>
</view>
<view class='bottom_box'>
<view>说明：线下场所将不定期地为求职教练提供服务产品培训</view>
<view class='submit_btn'>完成</view>
</view>
</view>
\ No newline at end of file
... ...
/* pages/my/coachVerify/coachVerify.wxss */
.label_title_box {
width: 100%;
background: rgba(255, 255, 255, 1);
box-shadow: 0rpx 1rpx 10rpx 0rpx rgba(233, 233, 233, 1);
padding: 20rpx 30rpx;
display: flex;
align-items: center;
justify-content: space-between;
border-top: 1rpx solid #e9e9e9;
font-size: 24rpx;
color: #333;
box-sizing: border-box;
margin-top: 20rpx;
}
.label_title {
font-size: 30rpx;
font-weight: bold;
color: #333;
}
.content_box {
width: 100%;
padding: 0 40rpx;
box-sizing: border-box;
margin-top: 40rpx;
}
.item_list {
padding: 20rpx 0;
box-shadow: 0rpx 0rpx 8rpx 0rpx rgba(51, 51, 51, 0.1);
border-radius: 10rpx;
display: flex;
align-items: center;
justify-content: center;
font-size: 30rpx;
font-weight: bold;
color: #333;
margin-bottom: 30rpx;
}
.list_active {
box-shadow: 0rpx 1rpx 20rpx 0rpx rgba(92, 92, 92, 0.2);
color: #ff8181;
}
.bottom_box {
width: 100%;
position: fixed;
left: 50%;
bottom: 75rpx;
transform: translate(-50%);
font-size: 24rpx;
color: #bfbfbf;
font-weight: bold;
padding: 0 40rpx;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.submit_btn {
width: 92%;
height: 80rpx;
background: linear-gradient(27deg, rgba(255, 128, 128, 1), rgba(255, 140, 140, 1));
box-shadow: 4rpx 19rpx 92rpx 0rpx rgba(247, 94, 94, 0.39);
border-radius: 10rpx;
font-size: 32rpx;
font-weight: bold;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
margin-top: 30rpx;
}
... ...
// pages/my/coachVerify2/coachVerify2.js
Page({
/**
* 页面的初始数据
*/
data: {
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
\ No newline at end of file
... ...
{
"usingComponents": {}
}
\ No newline at end of file
... ...
<!--pages/my/coachVerify2/coachVerify2.wxml-->
<view class='box'>
<view class='head_box'>
<image src='/images/dggfhre@2x.png'></image>
</view>
<view class='content_box'>
<view class='item_list'>
<view class='list_title'>姓名</view>
<view>
<input placeholder='请填写' placeholder-class='pl_style'></input>
</view>
</view>
<view class='item_list'>
<view class='list_title'>认证课程</view>
<view>
<input placeholder='请填写' placeholder-class='pl_style'></input>
</view>
</view>
<view class='item_list'>
<view class='list_title'>授课类型</view>
<view>
<input placeholder='请填写' placeholder-class='pl_style'></input>
</view>
</view>
<view class='item_list'>
<view class='list_title'>培训机构</view>
<view>
<input placeholder='请填写' placeholder-class='pl_style'></input>
</view>
</view>
<view class='item_list'>
<view class='list_title'>约课电话</view>
<view>
<input placeholder='请填写' placeholder-class='pl_style'></input>
</view>
</view>
<view class='item_list'>
<view class='list_title'>身份证件</view>
<view>
<input placeholder='请填写' placeholder-class='pl_style'></input>
</view>
</view>
<view class='item_list'>
<view class='list_title'>个人介绍</view>
<view class='list_textarea'>
<textarea placeholder=''></textarea>
</view>
</view>
</view>
<view class='bottom_box'>
<view>说明：线下场所将不定期地为求职教练提供服务产品培训</view>
<view class='submit_btn'>完成</view>
</view>
</view>
\ No newline at end of file
... ...
/* pages/my/coachVerify2/coachVerify2.wxss */
.head_box {
font-size: 30rpx;
font-weight: bold;
color: #333;
text-align: center;
}
.box image {
width: 120rpx;
height: 120rpx;
border-radius: 50%;
/* box-shadow: 0 10rpx 30rpx 0 #a0a5ac; */
margin-top: 30rpx;
}
.content_box {
width: 100%;
padding: 30rpx;
box-sizing: border-box;
margin-top: 70rpx;
}
.item_list {
padding: 10rpx 0;
border-bottom: 1rpx solid #e8e8e8;
font-size: 26rpx;
/* margin-bottom: 2rpx; */
}
.item_list:last-child {
border-bottom: 0;
}
.list_title {
font-size: 30rpx;
font-weight: bold;
color: #333;
}
.pl_style {
color: #e8e8e8;
}
.list_textarea {
width: 100%;
height: 221rpx;
border: 1rpx solid #e8e8e8;
border-radius: 10rpx;
margin-top: 20rpx;
}
.list_textarea textarea {
width: 100%;
height: 100%;
border: 0;
outline: none;
padding: 30rpx;
box-sizing: border-box;
}
.bottom_box {
font-size: 24rpx;
color: #bfbfbf;
font-weight: bold;
padding: 0 40rpx;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
margin: 50rpx 0 30rpx 0;
}
.submit_btn {
width: 100%;
height: 80rpx;
background: linear-gradient(27deg, rgba(255, 128, 128, 1), rgba(255, 140, 140, 1));
box-shadow: 4rpx 19rpx 92rpx 0rpx rgba(247, 94, 94, 0.39);
border-radius: 10rpx;
font-size: 32rpx;
font-weight: bold;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
margin-top: 30rpx;
}
... ...
// pages/my/courseDetail/courseDetail.js
Page({
/**
* 页面的初始数据
*/
data: {
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
\ No newline at end of file
... ...
{
"usingComponents": {}
}
\ No newline at end of file
... ...
<!--pages/my/courseDetail/courseDetail.wxml-->
<view class='content_box'>
<view class='item_list'>
<view class='list_img'>
<image src='/images/dfdgweqt@2x.png'></image>
</view>
</view>
</view>
<view class='plan_box'>
<view class='list_content_info'>
<view class='list_title'>计划产品名称：姿势异常</view>
<view class='list_content'>
<view class='sub_title'>计划介绍：</view>
<view class='content'>无肌肉骨骼、韧带等物理结构性损伤，身体静止站立状态下关节骨骼排列异常；</view>
</view>
<view class='list_content'>
<view class='sub_title'>计划介绍：</view>
<view class='content'>无肌肉骨骼、韧带等物理结构性损伤，身体静止站立状态下关节骨骼排列异常；</view>
</view>
</view>
<view class='plan_item'>
<view class='plan_content one_content'>
<view class='plan_img_box one_box'>
<view class='plan_img_item one_img'>
<image src='/images/dfdgweqt@2x.png'></image>
</view>
</view>
<view class='plan_content_box one_content_box'>
<view class='plan_content_item'>
<view class='content_title'>评价指标：指标名称，指标名称 </view>
</view>
<view class='plan_content_item'>
<view class='content_title'>评估装备：装备名称,装备名称</view>
</view>
<view class='plan_content_item'>
<view class='content_title'>评估方法：定量评估</view>
</view>
<view class='plan_content_item'>
<view class='content_title'>会员上课费用</view>
</view>
</view>
</view>
</view>
</view>
\ No newline at end of file
... ...
/* pages/my/courseDetail/courseDetail.wxss */
page {
background: #fff;
}
.list_img image {
width: 100%;
height: 777rpx;
border-radius: 10rpx;
margin-top: 10rpx;
position: relative;
z-index: 10;
}
.content_box {
position: relative;
top: 0;
padding: 0 30rpx;
background: #ffff;
}
.content_title_box {
box-shadow: 0rpx 0rpx 8rpx 0rpx rgba(51, 51, 51, 0.1);
border-radius: 10rpx;
padding: 20rpx 30rpx !important;
}
.content_info_box {
margin: 10rpx 0 0 0;
}
.list_content_box {
padding: 0 !important;
}
.item_list {
border-bottom: 0;
}
.coentent_label_box {
padding: 30rpx 0;
}
.plan_box {
margin-top: -60rpx;
background: #fff;
position: relative;
z-index: 20;
box-shadow:0rpx -20rpx 35rpx 0rpx rgba(54,54,54,0.2);
padding: 30rpx;
}
.list_content_info{
padding:0 0 30rpx 0;
font-size: 24rpx;
color: #333333;
}
.list_title{
font-size: 28rpx;
font-weight: bold;
color: #333333;
}
.plan_item {
border-radius: 10rpx;
overflow: hidden;
/* box-shadow: 0rpx 0rpx 8rpx 0rpx rgba(51, 51, 51, 0.1); */
margin-bottom: 40rpx;
}
.plan_content {
display: flex;
align-items: center;
padding: 40rpx 30rpx 40rpx 0;
border-top: 1rpx solid #e8e8e8;
}
.plan_content:last-child {
/* border-bottom: 0; */
}
.plan_content_item {
display: flex;
align-items: center;
font-size: 24rpx;
color:#333333;
}
.plan_content_item:last-child {
margin-bottom: 0;
}
.plan_user_name {
font-size: 28rpx;
color: #333;
}
.plan_time_box {
font-size: 28rpx;
color: #333;
display: flex;
align-items: center;
justify-content: space-between;
margin: 10rpx 0;
}
.icon-dianhua {
color: #ff7f7f;
}
.content_title {
}
.plan_title {
font-size: 30rpx;
font-weight: bold;
color: #fff;
background: #333;
padding: 20rpx;
}
.plan_title2 {
background: #e1cdb8;
}
.plan_img_box {
width: 36%;
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
}
.one_box {
/* display: flex;
align-items: center;
justify-content: center; */
border-right: 1rpx solid #E8E8E8;
}
.plan_content_box {
width: 62%;
margin-left: 60rpx;
}
.one_content_box {
/* width: 70%; */
}
.one_img image {
width: 150rpx;
height: 150rpx;
}
.plan_name {
font-size: 24rpx;
color: #999;
text-overflow: ellipsis;
}
.one_content_box .plan_content_item {
/* margin-bottom: 10rpx !important; */
}
.one_img image {
width: 150rpx;
height: 150rpx;
}
.list_btn_box {
display: flex;
align-items: center;
justify-content: space-between;
}
.list_btn {
width: 100%;
height: 80rpx;
background: linear-gradient(27deg, rgba(255, 128, 128, 1), rgba(255, 141, 141, 1));
box-shadow: 0rpx 4rpx 16rpx 0rpx rgba(244, 118, 118, 0.36);
border-radius: 20rpx;
font-size: 30rpx;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
}
.list_active {
background: linear-gradient(27deg, rgba(232, 232, 232, 1), rgba(232, 232, 232, 1));
}
.star_box {
display: flex;
align-items: center;
font-size: 20rpx;
color: #e8e8e8;
}
.icon-xing {
margin-right: 20rpx;
}
.xing_active {
color: #ff8080;
}
.schooltime_box {
width: 90%;
border-top: 1rpx solid #e8e8e8;
margin: 0 auto;
padding: 20rpx 0;
box-sizing: border-box;
font-size: 30rpx;
color: #333;
}
.time_detail {
font-size: 28rpx;
color: #666;
padding-left: 40rpx;
margin-top: 20rpx;
}
.plan_tab_content {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
padding: 40rpx 0;
}
.tab_item {
width: 25%;
font-size: 24rpx;
color: #333;
border-right: 1rpx solid #999;
text-align: center;
}
.tab_item:last-child {
border-right: 0;
}
.tab_active {
color: #ff8080;
}
.satisfaction_box {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
position: absolute;
margin-top: -25rpx;
left: 50%;
transform: translate(-50%);
}
.satisfaction_btn {
width: 160rpx;
height: 50rpx;
background: rgba(255, 128, 128, 1);
box-shadow: 0rpx 10rpx 26rpx 0rpx rgba(245, 84, 84, 0.2);
border-radius: 6rpx;
font-size: 24rpx;
color: #fffefe;
display: flex;
align-items: center;
justify-content: center;
}
.satisfaction_star {
width: 390rpx;
height: 60rpx;
background: rgba(254, 254, 254, 1);
box-shadow: 0rpx 10rpx 26rpx 0rpx rgba(110, 110, 110, 0.1);
border-radius: 8rpx;
margin-top: 20rpx;
display: flex;
align-items: center;
justify-content: space-around;
color: #e8e8e8;
}
.course_box {
margin-top: 150rpx;
}
.label_title_box {
width: 100%;
background: rgba(255, 255, 255, 1);
box-shadow: 0rpx 1rpx 0rpx 0rpx rgba(233, 233, 233, 1);
padding: 20rpx 30rpx;
display: flex;
align-items: center;
justify-content: space-between;
border-top: 1rpx solid #e9e9e9;
font-size: 24rpx;
color: #333;
box-sizing: border-box;
}
.label_title {
font-size: 30rpx;
font-weight: bold;
color: #333;
}
.label_info_box {
width: 686rpx;
margin: 0 auto;
background: rgba(255, 255, 255, 1);
box-shadow: 0rpx 1rpx 5rpx 0rpx rgba(89, 89, 89, 0.1);
border-radius: 10rpx;
font-size: 24rpx;
color: #333;
padding: 30rpx;
box-sizing: border-box;
}
.course_item {
margin-bottom: 30rpx;
}
.label_btn {
font-size: 24rpx;
color: #ff8080;
}
.course_content_box {
width: 686rpx;
margin: 0 auto;
padding: 0 30rpx;
box-sizing: border-box;
box-shadow: 0rpx 1rpx 5rpx 0rpx rgba(89, 89, 89, 0.1);
border-radius: 10rpx;
}
.course_content_item {
display: flex;
align-items: center;
border-bottom: 1rpx solid #999;
padding: 30rpx 0;
}
.course_content_item:last-child {
border-bottom: 0;
}
.course_img {
width: 200rpx;
height: 150rpx;
}
.course_img image {
width: 100%;
height: 100%;
}
.course_content_info {
width: 80%;
margin-left: 20rpx;
}
.course_title {
font-size: 28rpx;
font-weight: bold;
color: #333;
margin: 0 auto;
}
.course_content {
font-size: 24rpx;
color: #333;
}
.no_course {
font-size: 36rpx;
font-weight: bold;
color: #e8e8e8;
display: flex;
align-items: center;
justify-content: center;
padding: 55rpx 0;
}
.more_box {
display: flex;
align-items: center;
justify-content: space-between;
font-size: 30rpx;
font-weight: bold;
color: #333;
padding: 20rpx 30rpx;
}
.more_info {
width: 80%;
display: flex;
align-items: center;
justify-content: flex-end;
}
.more_peoper {
width: 385rpx;
/* display: flex;
align-items: center; */
white-space: nowrap;
overflow: scroll;
}
.more_peoper image {
display: inline-block;
width: 50rpx;
height: 50rpx;
margin-right: 15rpx;
}
.more_info_box {
width: 686rpx;
height: 150rpx;
background: rgba(255, 255, 255, 1);
box-shadow: 0rpx 0rpx 8rpx 0rpx rgba(51, 51, 51, 0.1);
border-radius: 10rpx;
font-size: 30rpx;
font-weight: bold;
color: #333;
display: flex;
align-items: center;
justify-content: space-between;
padding: 20rpx;
}
.more_info_box image {
width: 120rpx;
height: 120rpx;
border-radius: 8rpx;
}
.more_btn {
padding: 20rpx;
border-bottom: 1rpx solid #e8e8e8;
}
.more_btn:last-child {
border-bottom: 0;
}
.more_active {
color: #ff8080;
}
... ...
// pages/my/groupDetail/groupDetail.js
let chooseYear = null;
let chooseMonth = null;
var app = getApp()
const conf = {
data: {
hasEmptyGrid: false,
showPicker: false
},
onLoad() {
const date = new Date();
const curYear = date.getFullYear();
const curMonth = date.getMonth() + 1;
const weeksCh = ['日', '一', '二', '三', '四', '五', '六'];
this.calculateEmptyGrids(curYear, curMonth);
this.calculateDays(curYear, curMonth);
this.setData({
curYear,
curMonth,
weeksCh
});
if (curMonth > 9) {
var mont = curMonth
} else {
var mont = "0" + curMonth
}
var montDat = curYear + "-" + mont
this.getDay(montDat)
},
// getDay(montDat) {
// app.ajax("Index/userSign", {
// user_id: app.globalData.userId,
// date: montDat
// }, (res) => {
// console.log(res)
// if (res.data.code == 1) {
// var data = res.data.data
// const days = this.data.days;
// var dayArr = []
// for (let n in data) {
// dayArr.push(parseInt(data[n].day))
// }
// for (let n in days) {
// for (let j in dayArr) {
// if (dayArr[j] == days[n].day) {
// days[n].choosed = true
// console.log(days[n])
// }
// }
// }
// this.setData({
// days,
// })
// } else {
// // wx.showLoading({
// // title: res.data.msg,
// // duration: 2000
// // })
// }
// })
// },
getThisMonthDays(year, month) {
return new Date(year, month, 0).getDate();
},
getFirstDayOfWeek(year, month) {
return new Date(Date.UTC(year, month - 1, 1)).getDay();
},
calculateEmptyGrids(year, month) {
const firstDayOfWeek = this.getFirstDayOfWeek(year, month);
let empytGrids = [];
if (firstDayOfWeek > 0) {
for (let i = 0; i < firstDayOfWeek; i++) {
empytGrids.push(i);
}
this.setData({
hasEmptyGrid: true,
empytGrids
});
} else {
this.setData({
hasEmptyGrid: false,
empytGrids: []
});
}
},
calculateDays(year, month) {
let days = [];
const thisMonthDays = this.getThisMonthDays(year, month);
for (let i = 1; i <= thisMonthDays; i++) {
days.push({
day: i,
choosed: false
});
}
this.setData({
days
});
},
handleCalendar(e) {
const handle = e.currentTarget.dataset.handle;
const curYear = this.data.curYear;
const curMonth = this.data.curMonth;
if (handle === 'prev') {
let newMonth = curMonth - 1;
let newYear = curYear;
if (newMonth < 1) {
newYear = curYear - 1;
newMonth = 12;
}
this.calculateDays(newYear, newMonth);
this.calculateEmptyGrids(newYear, newMonth);
this.setData({
curYear: newYear,
curMonth: newMonth
});
if (curMonth > 9) {
var mont = curMonth
} else {
var mont = "0" + (curMonth - 1)
}
var montDat = curYear + "-" + mont
this.getDay(montDat)
} else {
let newMonth = curMonth + 1;
let newYear = curYear;
if (newMonth > 12) {
newYear = curYear + 1;
newMonth = 1;
}
this.calculateDays(newYear, newMonth);
this.calculateEmptyGrids(newYear, newMonth);
this.setData({
curYear: newYear,
curMonth: newMonth
});
if (curMonth > 9) {
var mont = curMonth
} else {
var mont = "0" + (curMonth + 1)
}
var montDat = curYear + "-" + mont
this.getDay(montDat)
}
},
// 选择日期
tapDayItem(e) {
const idx = e.currentTarget.dataset.idx;
const days = this.data.days;
console.log(idx)
console.log(days)
days[idx].choosed = !days[idx].choosed;
this.setData({
days,
});
},
chooseYearAndMonth() {
// const curYear = this.data.curYear;
// const curMonth = this.data.curMonth;
// let pickerYear = [];
// let pickerMonth = [];
// for (let i = 1900; i <= 2100; i++) {
// pickerYear.push(i);
// }
// for (let i = 1; i <= 12; i++) {
// pickerMonth.push(i);
// }
// const idxYear = pickerYear.indexOf(curYear);
// const idxMonth = pickerMonth.indexOf(curMonth);
// this.setData({
// pickerValue: [idxYear, idxMonth],
// pickerYear,
// pickerMonth,
// showPicker: true,
// });
},
pickerChange(e) {
const val = e.detail.value;
chooseYear = this.data.pickerYear[val[0]];
chooseMonth = this.data.pickerMonth[val[1]];
},
tapPickerBtn(e) {
const type = e.currentTarget.dataset.type;
const o = {
showPicker: false,
};
if (type === 'confirm') {
o.curYear = chooseYear;
o.curMonth = chooseMonth;
this.calculateEmptyGrids(chooseYear, chooseMonth);
this.calculateDays(chooseYear, chooseMonth);
}
this.setData(o);
},
onShareAppMessage() {
return {
title: '小程序日历',
desc: '还是新鲜的日历哟',
path: 'pages/index/index'
};
},
goCoachIndex(){
wx.navigateTo({
url: '/pages/my/coachIndex/coachIndex',
})
},
};
Page(conf);
\ No newline at end of file
... ...
{
"usingComponents": {}
}
\ No newline at end of file
... ...
<view class='content_box'>
<view class='content_title_box'>
<view class='content_title'>场所名称</view>
<view class='content_info_box'>
<view>北京市，海淀区，上地南里</view>
<view class='content_num'>1.0km</view>
</view>
</view>
<view class='item_list'>
<view class='list_img'>
<image src='/images/dfdgweqt@2x.png'></image>
</view>
<view class='list_content_info'>
<view class='list_title'>计划产品名称：姿势异常</view>
<view class='list_content'>
<view class='sub_title'>计划介绍：</view>
<view class='content'>无肌肉骨骼、韧带等物理结构性损伤，身体静止站立状态下关节骨骼排列异常；</view>
</view>
<view class='list_content'>
<view class='sub_title'>计划介绍：</view>
<view class='content'>无肌肉骨骼、韧带等物理结构性损伤，身体静止站立状态下关节骨骼排列异常；</view>
</view>
</view>
</view>
<view class='plan_box'>
<view class='plan_item'>
<view class='plan_item_box'>
<view class='plan_title'>上课教练</view>
<view>
<view class='plan_content' wx:for='{{[1,2,3]}}' wx:key=''>
<view class='plan_img_box one_box'>
<view class='plan_img_item one_img'>
<image src='/images/dfdgweqt@2x.png'></image>
</view>
</view>
<view class='plan_content_box'>
<view class='plan_user_name'>萧意</view>
<view class='plan_time_box'>
<view>注册日期：2018/2/31</view>
<view class='iconfont icon-dianhua'></view>
</view>
<view class='star_box'>
<view class='iconfont icon-xing xing_active'></view>
<view class='iconfont icon-xing'></view>
<view class='iconfont icon-xing'></view>
<view class='iconfont icon-xing'></view>
<view class='iconfont icon-xing'></view>
</view>
</view>
</view>
</view>
</view>
</view>
<view class='plan_item' bindtap='goCoachIndex'>
<view class='plan_item_box'>
<view class='plan_title'>教练团队</view>
<view>
<view class='plan_content' wx:for='{{[1]}}' wx:key=''>
<view class='plan_img_box one_box'>
<view class='plan_img_item one_img'>
<image src='/images/dfdgweqt@2x.png'></image>
</view>
</view>
<view class='plan_content_box'>
<view class='plan_user_name'>萧意</view>
<view class='plan_time_box'>
<view>注册日期：2018/2/31</view>
</view>
<view class='plan_time_box'>
<view>约课电话：15632424967</view>
<view class='iconfont icon-dianhua'></view>
</view>
</view>
</view>
</view>
</view>
</view>
</view>
</view>
<view class='course_box'>
<view class='course_item'>
<view class='label_title_box label_top'>
<view class='label_title'>教学内容</view>
</view>
<view class='label_info_box'>
<view>
TBCLASS目标协同授课体系是TBCLASS瑜伽 团课教练和私人教练课程设计与教学工具，由北京体 育大学多学科专家学者和瑜伽健身行业顶级教练历时 三年研发而成，大幅提升瑜伽会员训练体验和训练结 果
</view>
</view>
</view>
<view class='vip_box'>
<view class='more_box'>
<view>会员要求</view>
<view class='more_info' style='color:#999999;'>达到最低人数即开课</view>
</view>
<view class='vip_info'>
<view class='vip_item'>
<view>会员上课费用</view>
<view>厘米秒..</view>
</view>
<view class='vip_item'>
<view>会员上课费用</view>
<view>厘米秒..</view>
</view>
</view>
</view>
<view class='plan_calendar'>
<view class='title_box'>
<view>计划日历</view>
<view class='title_info'>
<view>2018年11月</view>
<view class='time'>8:00-9:00</view>
</view>
</view>
<view class='calendar_box'>
<view class='clendar_item'>
<view class="flex box box-tb box-align-center">
<view class="calendar pink-color box box-tb">
<view class="weeks box box-lr box-pack-center box-align-center">
<view class="flex week fs28" wx:for="{{weeksCh}}" wx:key="{{index}}" data-idx="{{index}}">{{item}}</view>
</view>
<view class="days box box-lr box-wrap">
<view wx:if="{{hasEmptyGrid}}" class="grid white-color box box-align-center box-pack-center" wx:for="{{empytGrids}}" wx:key="{{index}}" data-idx="{{index}}">
</view>
<view class="grid white-color box box-align-center box-pack-center " wx:for="{{days}}" wx:key="{{index}}" data-idx="{{index}}" bindtap="tapDayItem">
<view class="day {{0==index?'pink-bg2':''}}{{item.choosed ? 'border-radius pink-bg' : ''}} box box-align-center box-pack-center">{{item.day}}</view>
</view>
</view>
</view>
</view>
<view class='plan_box_info'>
<view>计划名称</view>
<view class='plab_btn'>课程管理（４）</view>
<view>上课教练</view>
</view>
</view>
</view>
</view>
<view class='vip_box'>
<view class='more_box'>
<view>已加入会员（20人）</view>
<view class='more_info more_info2'>离开课还差1人</view>
</view>
<view class='more_peoper'>
<view class='more_item'>
<image src='/images/dfdgweqt@2x.png'></image>
<view>厘米秒..</view>
</view>
<view class='more_item'>
<image src='/images/dfdgweqt@2x.png'></image>
<view>厘米秒..</view>
</view>
<view class='more_item '>
<view class='null_item'>等待..</view>
</view>
</view>
</view>
<view class='bottom_box'>
<view class='submit_btn'>加入团课计划</view>
<view>线下支付总费用￥600加入即同意《团课计划协议》</view>
</view>
</view>
\ No newline at end of file
... ...
/* pages/my/groupDetail/groupDetail.wxss */
@import "/pages/yogaHome/yogaHomeClass/yogaHomeClass.wxss";
page {
background: #fff;
}
.content_box {
position: relative;
top: 0;
padding: 0 30rpx;
background: #ffff;
}
.content_title_box {
box-shadow: 0rpx 0rpx 8rpx 0rpx rgba(51, 51, 51, 0.1);
border-radius: 10rpx;
padding: 20rpx 30rpx !important;
}
.content_info_box {
margin: 10rpx 0 0 0;
}
.list_content_box {
padding: 0 !important;
}
.item_list {
border-bottom: 1rpx solid #e8e8e8;
margin-bottom: 50rpx;
padding: 40rpx 40rpx 20rpx 40rpx;
}
.coentent_label_box {
padding: 30rpx 0;
}
.plan_item {
border-radius: 10rpx;
overflow: hidden;
box-shadow: 0rpx 0rpx 8rpx 0rpx rgba(51, 51, 51, 0.1);
margin-bottom: 40rpx;
}
.plan_content {
display: flex;
align-items: flex-start;
padding: 20rpx 30rpx;
border-bottom: 1rpx solid #e8e8e8;
}
.plan_content:last-child {
border-bottom: 0;
}
.plan_content_item {
display: flex;
align-items: flex-start;
margin-bottom: 30rpx;
font-size: 28rpx;
color: #999;
}
.plan_content_item:last-child {
margin-bottom: 0;
}
.plan_user_name {
font-size: 28rpx;
color: #333;
}
.plan_time_box {
font-size: 28rpx;
color: #333;
display: flex;
align-items: center;
justify-content: space-between;
margin: 10rpx 0;
}
.icon-dianhua {
color: #ff7f7f;
}
.content_title {
width: 190rpx;
font-size: 28rpx;
color: #333;
}
.plan_title {
font-size: 30rpx;
font-weight: bold;
color: #fff;
background: #333;
padding: 20rpx;
}
.plan_title2 {
background: #e1cdb8;
}
.plan_img_box {
width: 36%;
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
}
.one_box {
display: flex;
align-items: center;
/* justify-content: center; */
border-right: 1rpx solid #e1cdb8;
}
.plan_content_box {
width: 60%;
margin-left: 40rpx;
}
.one_content_box {
width: 70%;
}
.plan_img_item image {
width: 100rpx;
height: 100rpx;
}
.plan_name {
font-size: 24rpx;
color: #999;
text-overflow: ellipsis;
}
.one_content_box .plan_content_item {
margin-bottom: 10rpx !important;
}
.one_img image {
width: 120rpx;
height: 120rpx;
}
.list_btn_box {
display: flex;
align-items: center;
justify-content: space-between;
}
.list_btn {
width: 100%;
height: 80rpx;
background: linear-gradient(27deg, rgba(255, 128, 128, 1), rgba(255, 141, 141, 1));
box-shadow: 0rpx 4rpx 16rpx 0rpx rgba(244, 118, 118, 0.36);
border-radius: 20rpx;
font-size: 30rpx;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
}
.list_active {
background: linear-gradient(27deg, rgba(232, 232, 232, 1), rgba(232, 232, 232, 1));
}
.star_box {
display: flex;
align-items: center;
font-size: 20rpx;
color: #e8e8e8;
}
.icon-xing {
margin-right: 20rpx;
}
.xing_active {
color: #ff8080;
}
.schooltime_box {
width: 90%;
border-top: 1rpx solid #e8e8e8;
margin: 0 auto;
padding: 20rpx 0;
box-sizing: border-box;
font-size: 30rpx;
color: #333;
}
.time_detail {
font-size: 28rpx;
color: #666;
padding-left: 40rpx;
margin-top: 20rpx;
}
.plan_tab_content {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
padding: 40rpx 0;
}
.tab_item {
width: 25%;
font-size: 24rpx;
color: #333;
border-right: 1rpx solid #999;
text-align: center;
}
.tab_item:last-child {
border-right: 0;
}
.tab_active {
color: #ff8080;
}
.satisfaction_box {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
position: absolute;
margin-top: -25rpx;
left: 50%;
transform: translate(-50%);
}
.satisfaction_btn {
width: 160rpx;
height: 50rpx;
background: rgba(255, 128, 128, 1);
box-shadow: 0rpx 10rpx 26rpx 0rpx rgba(245, 84, 84, 0.2);
border-radius: 6rpx;
font-size: 24rpx;
color: #fffefe;
display: flex;
align-items: center;
justify-content: center;
}
.satisfaction_star {
width: 390rpx;
height: 60rpx;
background: rgba(254, 254, 254, 1);
box-shadow: 0rpx 10rpx 26rpx 0rpx rgba(110, 110, 110, 0.1);
border-radius: 8rpx;
margin-top: 20rpx;
display: flex;
align-items: center;
justify-content: space-around;
color: #e8e8e8;
}
.course_box {
margin-top: 30rpx;
}
.label_title_box {
/* width: 100%;
background: rgba(255, 255, 255, 1);
box-shadow: 0rpx 1rpx 0rpx 0rpx rgba(233, 233, 233, 1);
padding: 20rpx 30rpx;
display: flex;
align-items: center;
justify-content: space-between;
border-top: 1rpx solid #e9e9e9; */
padding: 0 30rpx;
font-size: 24rpx;
color: #333;
box-sizing: border-box;
}
.label_title {
font-size: 30rpx;
font-weight: bold;
color: #333;
}
.label_info_box {
font-size: 28rpx;
color: #666;
padding: 0 30rpx;
box-sizing: border-box;
}
.course_item {
margin-bottom: 30rpx;
}
.label_btn {
font-size: 24rpx;
color: #ff8080;
}
.course_content_box {
width: 686rpx;
margin: 0 auto;
padding: 0 30rpx;
box-sizing: border-box;
box-shadow: 0rpx 1rpx 5rpx 0rpx rgba(89, 89, 89, 0.1);
border-radius: 10rpx;
}
.course_content_item {
display: flex;
align-items: center;
border-bottom: 1rpx solid #999;
padding: 30rpx 0;
}
.course_content_item:last-child {
border-bottom: 0;
}
.course_img {
width: 200rpx;
height: 150rpx;
}
.course_img image {
width: 100%;
height: 100%;
}
.course_content_info {
width: 80%;
margin-left: 20rpx;
}
.course_title {
font-size: 28rpx;
font-weight: bold;
color: #333;
margin: 0 auto;
}
.course_content {
font-size: 24rpx;
color: #333;
}
.no_course {
font-size: 36rpx;
font-weight: bold;
color: #e8e8e8;
display: flex;
align-items: center;
justify-content: center;
padding: 55rpx 0;
}
.vip_box {
padding: 30rpx;
}
.more_box {
/* display: flex;
align-items: center;
justify-content: space-between; */
font-size: 30rpx;
font-weight: bold;
color: #333;
padding: 20rpx 0;
box-sizing: border-box;
}
.more_info {
font-size: 24rpx;
color: #333;
}
.more_info2 {
color: #ff7f7f;
}
.more_peoper {
width: 720rpx;
margin: 0 auto;
overflow: scroll;
white-space: nowrap;
display: flex;
align-items: flex-start;
}
.more_item {
display: inline-block;
margin-right: 20rpx;
font-size: 24rpx;
color: #999;
}
.null_item {
width: 100rpx;
height: 100rpx;
font-size: 24rpx;
color: #999;
display: flex;
align-items: center;
justify-content: center;
background: #e8e8e8;
}
.more_peoper image {
width: 100rpx;
height: 100rpx;
}
.more_info_box {
width: 686rpx;
height: 150rpx;
background: rgba(255, 255, 255, 1);
box-shadow: 0rpx 0rpx 8rpx 0rpx rgba(51, 51, 51, 0.1);
border-radius: 10rpx;
font-size: 30rpx;
font-weight: bold;
color: #333;
display: flex;
align-items: center;
justify-content: space-between;
padding: 20rpx;
box-sizing: border-box;
}
.more_info_box image {
width: 120rpx;
height: 120rpx;
border-radius: 8rpx;
}
.more_btn {
padding: 20rpx;
border-bottom: 1rpx solid #e8e8e8;
}
.more_btn:last-child {
border-bottom: 0;
}
.more_active {
color: #ff8080;
}
.vip_item {
display: flex;
align-items: center;
justify-content: space-between;
font-size: 28rpx;
/* font-weight: bold; */
color: #333;
}
.bottom_box {
width: 100%;
font-size: 24rpx;
color: #bfbfbf;
font-weight: bold;
padding: 0 40rpx;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
margin: 30rpx auto;
}
.submit_btn {
width: 100%;
height: 80rpx;
background: linear-gradient(27deg, rgba(255, 128, 128, 1), rgba(255, 140, 140, 1));
/* box-shadow: 4rpx 19rpx 92rpx 0rpx rgba(247, 94, 94, 0.39); */
border-radius: 20rpx;
font-size: 32rpx;
/* font-weight: bold; */
color: #fff;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 10rpx;
}
/* */
.plan_calendar{
margin-bottom: 30rpx;
}
.box {
display: flex;
}
.box-lr {
flex-direction: row;
}
.box-rl {
flex-direction: row-reverse;
}
.box-tb {
flex-direction: column;
padding: 10rpx 0;
color: #000;
}
.box-bt {
flex-direction: column-reverse;
}
.box-pack-center {
justify-content: center;
}
.box-pack-start {
justify-content: flex-start;
}
.box-pack-end {
justify-content: flex-end;
}
.box-pack-between {
justify-content: space-between;
}
.box-pack-around {
justify-content: space-around;
}
.box-align-center {
align-items: center;
}
.box-align-start {
align-items: flex-start;
}
.box-align-end {
align-items: flex-end;
}
.self-align-center {
align-self: center;
margin: 0 auto;
}
.self-align-start {
align-self: flex-start;
}
.self-align-end {
align-self: flex-end;
}
.self-align-stretch {
align-self: stretch;
}
.box-wrap {
flex-wrap: wrap;
}
.box-nowrap {
flex-wrap: nowrap;
}
.flex {
flex-grow: 1;
}
.shrink {
flex-shrink: 1;
}
.bg {
background-image: linear-gradient(to bottom, #faefe7, #ffcbd7);
overflow: hidden;
}
.brown-color {
color: #784344;
}
.pink-color {
color: #ff629a;
background: #fff;
/* margin-top: 16rpx; */
}
.white-color {
color: #fff;
}
.fs24 {
font-size: 24rpx;
}
.fs28 {
font-size: 26rpx;
}
.fs32 {
font-size: 32rpx;
}
.fs36 {
font-size: 36rpx;
}
.top-handle {
height: 80rpx;
color: #000;
}
.prev {
text-align: right;
height: 80rpx;
}
.next {
height: 80rpx;
}
.prev-handle {
width: 80rpx;
height: 100%;
}
.next-handle {
width: 80rpx;
height: 100%;
}
.date-area {
width: 50%;
height: 80rpx;
text-align: center;
font-weight: 800;
}
.weeks {
height: 50rpx;
line-height: 50rpx;
opacity: 0.5;
}
.week {
text-align: center;
color: #000;
}
.days {
/* height: 500rpx; */
}
.grid {
width: 93.1428571429rpx;
}
.day {
width: 50rpx;
height: 50rpx;
color: #666;
font-size: 26rpx;
margin-top: 30rpx;
}
.border-radius {
border-radius: 50%;
position: relative;
left: 0;
top: 0;
color: #666;
}
.pink-bg {
background: #ff8080;
color: #fff;
border-radius: 50%;
}
.pink-bg2 {
background: #e8e8e8;
border-radius: 50%;
}
.purple-bg {
background-color: #b8b8f1;
}
.right-triangle::after {
content: "";
display: block;
width: 0;
height: 0;
border: 15rpx solid transparent;
border-left-color: #ff629a;
position: absolute;
right: -22rpx;
top: 18rpx;
}
.left-triangle::before {
content: "";
display: block;
width: 0;
height: 0;
border: 15rpx solid transparent;
border-right-color: #ff629a;
position: absolute;
left: -22rpx;
top: 18rpx;
}
.tips {
text-align: center;
margin-top: 20rpx;
margin-bottom: 20rpx;
}
.types {
background-color: #ffedf4;
height: 50rpx;
}
.types-desc {
padding: 0 20rpx;
}
.type-name {
margin-top: 50rpx;
margin-bottom: 30rpx;
}
.type-desc {
padding: 0 35rpx;
line-height: 38rpx;
}
.explain {
border-top: 1px solid #eee;
width: 90%;
margin: 20rpx 5% 20rpx 5%;
padding: 20rpx 0;
}
.explain-title {
font-weight: bold;
margin-bottom: 15rpx;
}
.explain-item {
padding: 8rpx 20rpx;
color: #fff;
}
.left-border-radius {
border-top-left-radius: 20rpx;
border-bottom-left-radius: 20rpx;
}
.right-border-radius {
border-top-right-radius: 20rpx;
border-bottom-right-radius: 20rpx;
}
.picker-btns {
height: 120rpx;
line-height: 120rpx;
border-bottom: 1rpx solid #ff7ca0;
}
.picker-confirm {
margin-right: 50rpx;
}
.picker-cancel {
margin-left: 50rpx;
}
.picker-view {
color: #ff7ca0;
text-align: center;
}
/* */
.calendar_box {
padding: 0 50rpx;
}
.clendar_item {
box-shadow: 0rpx 1rpx 5rpx 0rpx rgba(89, 89, 89, 0.1);
}
.title_box {
font-size: 30rpx;
font-weight: bold;
color: #333;
padding: 20rpx 40rpx;
/* box-shadow: 0rpx -3rpx 29rpx 0rpx rgba(51, 51, 51, 0.1); */
position: relative;
z-index: 200;
/* text-align: center; */
}
.title_info {
display: flex;
align-items: center;
justify-content: space-between;
font-size: 30rpx;
font-weight: normal;
color: #333;
margin-top: 10rpx;
}
.time {
color: #999;
}
.plan_box_info {
display: flex;
align-items: center;
justify-content: space-between;
border-top: 1rpx solid #e8e8e8;
padding: 30rpx;
font-size: 26rpx;
color: #333;
}
.plab_btn {
/* box-shadow: 0rpx 1rpx 3rpx 0rpx rgba(205, 47, 47, 0.2); */
border-radius: 10rpx;
background: #ff8080;
color: #fff;
padding: 10rpx 20rpx;
background: #fff;
color: #fff;
}
... ...