|
|
|
@ -43,37 +43,37 @@ |
|
|
|
<text @click="call">{{userInfo.sellerName || '点击联系服务老师'}} </text> |
|
|
|
<text @click="call">{{userInfo.sellerName || '点击联系服务老师'}} </text> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class=" teacher-box-l acea-row-nowrap row-between row-middle" v-if="userInfo.isPromoter == 0"> |
|
|
|
<view class=" teacher-box-l acea-row-nowrap row-between row-middle" v-if="userInfo.isPromoter == 0"> |
|
|
|
<!-- <text>服务老师</text> --> |
|
|
|
|
|
|
|
<image src="../../../static/call-icon.png" class="call-icon" @click="call"></image> |
|
|
|
<image src="../../../static/call-icon.png" class="call-icon" @click="call"></image> |
|
|
|
<!-- <view class="vertical-line"></view> --> |
|
|
|
|
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="" style="color: #fff;" v-else @click="toServiceIndex()">服务老师主页</view> |
|
|
|
<view class="" style="color: #fff;" v-else @click="toServiceIndex()">服务老师主页</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="myjoin-box" v-if="(userInfo.memberStudyVo.cyCourseDtos && userInfo.memberStudyVo.cyCourseDtos.length > 0) || (userInfo.memberStudyVo.studyListDtos && userInfo.memberStudyVo.studyListDtos.length > 0)"> |
|
|
|
<view class="myjoin-box" |
|
|
|
|
|
|
|
v-if="(memberStudyVo.courseDtos && memberStudyVo.courseDtos.length > 0) || (memberStudyVo.studyListDtos && memberStudyVo.studyListDtos.length > 0)"> |
|
|
|
<view class="t-word">我参与的</view> |
|
|
|
<view class="t-word">我参与的</view> |
|
|
|
<scroll-view class="scroll-view_H" scroll-x="true"> |
|
|
|
<scroll-view class="scroll-view_H" scroll-x="true"> |
|
|
|
<view class="course-box" |
|
|
|
<view class="course-box" v-for="(item,index) in memberStudyVo.courseDtos" :key="index" |
|
|
|
v-for="(item,index) in userInfo.memberStudyVo.cyCourseDtos" :key="index" |
|
|
|
|
|
|
|
@click="toCourseDetail(item.id)"> |
|
|
|
@click="toCourseDetail(item.id)"> |
|
|
|
<view class="course-info"> |
|
|
|
<view class="course-info"> |
|
|
|
<view class="course-name line1">{{item.courseName}}</view> |
|
|
|
<view class="course-name line2">{{item.courseName}}</view> |
|
|
|
<view class="time">{{item.courseStartTime.split(' ')[0]}}~{{item.courseEndTime.split(' ')[0]}}</view> |
|
|
|
<view class="time">{{item.courseStartTime}}~{{item.courseEndTime}}</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="address-box acea-row row-between row-middle"> |
|
|
|
<view class="address-box acea-row row-between row-middle"> |
|
|
|
<view class="address line1">地点：{{item.coursePlace}}</view> |
|
|
|
<view class="address line1">地点：{{item.coursePlace}}</view> |
|
|
|
<!-- <view class="btn" @click.stop="startQr()" v-if="item.signState == 2">扫一扫</view> --> |
|
|
|
<!-- <view class="btn" @click.stop="startQr()" v-if="item.signState == 2 ">扫一扫</view> --> |
|
|
|
<view class="btn" v-if="item.signState == 1">已签到</view> |
|
|
|
<!-- <view class="btn">已报名</view> --> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</scroll-view> |
|
|
|
</scroll-view> |
|
|
|
<view class="bangdan-box"> |
|
|
|
<view class="bangdan-box"> |
|
|
|
<view class="bangdan-list"> |
|
|
|
<view class="bangdan-list"> |
|
|
|
<scroll-view class="scroll-view_H" scroll-x="true"> |
|
|
|
<scroll-view class="scroll-view_H" scroll-x="true"> |
|
|
|
<view class="bangdan-item" v-for="(item,index) in userInfo.memberStudyVo.studyListDtos" :key="index"> |
|
|
|
<view class="bangdan-item" v-for="(item,index) in memberStudyVo.studyListDtos" :key="index" |
|
|
|
|
|
|
|
@click="toStudyDetail(item.id)"> |
|
|
|
<view class="bangdan-name line1">{{item.listName}}</view> |
|
|
|
<view class="bangdan-name line1">{{item.listName}}</view> |
|
|
|
<view class="acea-row row-between-wrapper"> |
|
|
|
<view class="acea-row row-between-wrapper"> |
|
|
|
<view class="signin-day">已连续{{item.signTimes}}天</view> |
|
|
|
<view class="signin-day">已打卡{{item.signTimes || 0}}天</view> |
|
|
|
<view class="signin-btn" @click="toStudyDabang(item)">{{item.enterState ? '已打卡' : '立即打卡'}}</view> |
|
|
|
<view class="signin-btn" @click="toStudyDabang(item)"> |
|
|
|
|
|
|
|
{{item.enterState ? '已打卡' : '立即打卡'}}</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</scroll-view> |
|
|
|
</scroll-view> |
|
|
|
@ -139,14 +139,16 @@ |
|
|
|
<view @click="goMyOrder(3)" class="item"> |
|
|
|
<view @click="goMyOrder(3)" class="item"> |
|
|
|
<view class="pictrue"> |
|
|
|
<view class="pictrue"> |
|
|
|
<image src="../../../static/myorder-icon4.png" /> |
|
|
|
<image src="../../../static/myorder-icon4.png" /> |
|
|
|
<text class="order-status-num" v-if="userInfo.orderStatusNum.evaluatedCount > 0">{{ userInfo.orderStatusNum.evaluatedCount }}</text> |
|
|
|
<text class="order-status-num" |
|
|
|
|
|
|
|
v-if="userInfo.orderStatusNum.evaluatedCount > 0">{{ userInfo.orderStatusNum.evaluatedCount }}</text> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<text>待评价</text> |
|
|
|
<text>待评价</text> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view @click="goReturnList()" class="item"> |
|
|
|
<view @click="goReturnList()" class="item"> |
|
|
|
<view class="pictrue"> |
|
|
|
<view class="pictrue"> |
|
|
|
<image src="../../../static/myorder-icon5.png" /> |
|
|
|
<image src="../../../static/myorder-icon5.png" /> |
|
|
|
<text class="order-status-num" v-if="userInfo.orderStatusNum.refundCount > 0">{{ userInfo.orderStatusNum.refundCount }}</text> |
|
|
|
<text class="order-status-num" |
|
|
|
|
|
|
|
v-if="userInfo.orderStatusNum.refundCount > 0">{{ userInfo.orderStatusNum.refundCount }}</text> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<text>售后/退款</text> |
|
|
|
<text>售后/退款</text> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
@ -219,16 +221,34 @@ |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
<script> |
|
|
|
<script> |
|
|
|
import { mapState, mapGetters, mapMutations, mapActions } from 'vuex' |
|
|
|
import { |
|
|
|
import { getUserInfo, getMenuUser, bindingPhone, wxappBindingPhone } from '@/api/user' |
|
|
|
mapState, |
|
|
|
import { isWeixin, VUE_APP_RESOURCES_URL } from '@/utils' |
|
|
|
mapGetters, |
|
|
|
import cookie from '@/utils/store/cookie' |
|
|
|
mapMutations, |
|
|
|
import SwitchWindow from '@/components/SwitchWindow' |
|
|
|
mapActions |
|
|
|
import Authorization from '@/pages/authorization/index' |
|
|
|
} from 'vuex' |
|
|
|
import { signCourse } from '@/api/knowledge' |
|
|
|
import { |
|
|
|
const NAME = 'User' |
|
|
|
getUserInfo, |
|
|
|
|
|
|
|
getMenuUser, |
|
|
|
export default { |
|
|
|
bindingPhone, |
|
|
|
|
|
|
|
wxappBindingPhone, |
|
|
|
|
|
|
|
myLession |
|
|
|
|
|
|
|
} from '@/api/user' |
|
|
|
|
|
|
|
import { |
|
|
|
|
|
|
|
isWeixin, |
|
|
|
|
|
|
|
VUE_APP_RESOURCES_URL, |
|
|
|
|
|
|
|
bindPhoneNumber, |
|
|
|
|
|
|
|
handleUrlParam |
|
|
|
|
|
|
|
} from '@/utils' |
|
|
|
|
|
|
|
import cookie from '@/utils/store/cookie' |
|
|
|
|
|
|
|
import SwitchWindow from '@/components/SwitchWindow' |
|
|
|
|
|
|
|
import Authorization from '@/pages/authorization/index' |
|
|
|
|
|
|
|
import { |
|
|
|
|
|
|
|
signCourse |
|
|
|
|
|
|
|
} from '@/api/knowledge' |
|
|
|
|
|
|
|
const NAME = 'User' |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
export default { |
|
|
|
name: NAME, |
|
|
|
name: NAME, |
|
|
|
components: { |
|
|
|
components: { |
|
|
|
SwitchWindow, |
|
|
|
SwitchWindow, |
|
|
|
@ -239,41 +259,53 @@ export default { |
|
|
|
return { |
|
|
|
return { |
|
|
|
MyMenus: [], |
|
|
|
MyMenus: [], |
|
|
|
switchActive: false, |
|
|
|
switchActive: false, |
|
|
|
isWeixin: false |
|
|
|
isWeixin: false, |
|
|
|
|
|
|
|
memberStudyVo: {} |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
|
computed: mapGetters(['userInfo']), |
|
|
|
computed: mapGetters(['userInfo']), |
|
|
|
watch: {}, |
|
|
|
watch: {}, |
|
|
|
|
|
|
|
mounted() { |
|
|
|
|
|
|
|
this.getMyLession() |
|
|
|
|
|
|
|
}, |
|
|
|
methods: { |
|
|
|
methods: { |
|
|
|
...mapMutations(['updateAuthorizationPage']), |
|
|
|
...mapMutations(['updateAuthorizationPage']), |
|
|
|
startQr: function() { |
|
|
|
startQr: function() { |
|
|
|
uni.scanCode({ |
|
|
|
uni.scanCode({ |
|
|
|
success: res => { |
|
|
|
success: res => { |
|
|
|
// let option = handleUrlParam(res.result) |
|
|
|
// let option = handleUrlParam(res.result) |
|
|
|
let id = res.result; |
|
|
|
console.log(handleUrlParam(res.result).id) |
|
|
|
signCourse(id).then((res)=>{ |
|
|
|
let id = handleUrlParam(res.result).id; |
|
|
|
if(res.success){ |
|
|
|
signCourse(id).then((res) => { |
|
|
|
|
|
|
|
if (res.success) { |
|
|
|
uni.showModal({ |
|
|
|
uni.showModal({ |
|
|
|
title:'提示!', |
|
|
|
title: '提示!', |
|
|
|
content:'签到成功！您的座位号是' + res.data, |
|
|
|
content: '签到成功！您的座位号是' + res.data, |
|
|
|
}) |
|
|
|
}) |
|
|
|
} else{ |
|
|
|
} else { |
|
|
|
uni.showToast({ |
|
|
|
uni.showToast({ |
|
|
|
title:res.msg, |
|
|
|
title: res.msg, |
|
|
|
icon:'none', |
|
|
|
icon: 'none', |
|
|
|
duration:5000 |
|
|
|
duration: 5000 |
|
|
|
}) |
|
|
|
}) |
|
|
|
} |
|
|
|
} |
|
|
|
}) |
|
|
|
}) |
|
|
|
}, |
|
|
|
}, |
|
|
|
}) |
|
|
|
}) |
|
|
|
}, |
|
|
|
}, |
|
|
|
call(){ |
|
|
|
|
|
|
|
|
|
|
|
getMyLession() { |
|
|
|
|
|
|
|
myLession().then((res) => { |
|
|
|
|
|
|
|
this.memberStudyVo = res.data |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
call() { |
|
|
|
uni.makePhoneCall({ |
|
|
|
uni.makePhoneCall({ |
|
|
|
phoneNumber: this.userInfo.sellerPhone || this.userInfo.customerPhone |
|
|
|
phoneNumber: this.userInfo.sellerPhone || this.userInfo.customerPhone |
|
|
|
}) |
|
|
|
}) |
|
|
|
}, |
|
|
|
}, |
|
|
|
toServiceIndex(){ |
|
|
|
toServiceIndex() { |
|
|
|
this.$yrouter.push('/pages/serviceTeacher/index') |
|
|
|
this.$yrouter.push('/pages/serviceTeacher/index') |
|
|
|
}, |
|
|
|
}, |
|
|
|
goUserCourse() { |
|
|
|
goUserCourse() { |
|
|
|
@ -291,44 +323,33 @@ export default { |
|
|
|
goReturnList() { |
|
|
|
goReturnList() { |
|
|
|
this.$yrouter.push('/pages/order/ReturnList/index') |
|
|
|
this.$yrouter.push('/pages/order/ReturnList/index') |
|
|
|
}, |
|
|
|
}, |
|
|
|
goAddressManagement(){ |
|
|
|
goAddressManagement() { |
|
|
|
this.$yrouter.push('/pagesB/pages/user/address/AddressManagement/index') |
|
|
|
this.$yrouter.push('/pagesB/pages/user/address/AddressManagement/index') |
|
|
|
// this.$yrouter.push('/pagesB/pages/shop/Live/LiveList/index') |
|
|
|
// this.$yrouter.push('/pagesB/pages/shop/Live/LiveList/index') |
|
|
|
}, |
|
|
|
}, |
|
|
|
toCourseDetail(id){ |
|
|
|
toCourseDetail(id) { |
|
|
|
this.$yrouter.push({ |
|
|
|
this.$yrouter.push({ |
|
|
|
path: '/pages/course/detail', |
|
|
|
path: '/pages/course/detail', |
|
|
|
query: { |
|
|
|
query: { |
|
|
|
id:id, |
|
|
|
id: id, |
|
|
|
}, |
|
|
|
}, |
|
|
|
}) |
|
|
|
}) |
|
|
|
|
|
|
|
|
|
|
|
}, |
|
|
|
}, |
|
|
|
toStudyDabang(item){ |
|
|
|
toStudyDabang(item) { |
|
|
|
if(item.enterState){ |
|
|
|
|
|
|
|
this.$yrouter.push({ |
|
|
|
this.$yrouter.push({ |
|
|
|
path: '/pages/study/dabang', |
|
|
|
path: '/pages/study/dabang', |
|
|
|
query: { |
|
|
|
query: { |
|
|
|
id: item.id, |
|
|
|
id: item.id, |
|
|
|
}, |
|
|
|
}, |
|
|
|
}) |
|
|
|
}) |
|
|
|
} else{ |
|
|
|
}, |
|
|
|
if(item.isClockTime){ |
|
|
|
toStudyDetail(id) { |
|
|
|
this.$yrouter.push({ |
|
|
|
this.$yrouter.push({ |
|
|
|
path: '/pages/study/editDabang', |
|
|
|
path: '/pages/study/detail', |
|
|
|
query: { |
|
|
|
query: { |
|
|
|
id: item.id, |
|
|
|
id: id, |
|
|
|
}, |
|
|
|
}, |
|
|
|
}) |
|
|
|
}) |
|
|
|
} else{ |
|
|
|
|
|
|
|
uni.showToast({ |
|
|
|
|
|
|
|
title:'未到打卡时间！', |
|
|
|
|
|
|
|
icon:'none', |
|
|
|
|
|
|
|
duration:2000 |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}, |
|
|
|
}, |
|
|
|
goMyOrder(type) { |
|
|
|
goMyOrder(type) { |
|
|
|
this.$yrouter.push({ |
|
|
|
this.$yrouter.push({ |
|
|
|
@ -347,16 +368,15 @@ export default { |
|
|
|
this.$yrouter.push('/pages/user/coupon/UserCoupon/index') |
|
|
|
this.$yrouter.push('/pages/user/coupon/UserCoupon/index') |
|
|
|
}, |
|
|
|
}, |
|
|
|
goIntegral() { |
|
|
|
goIntegral() { |
|
|
|
if(this.userInfo.phone){ |
|
|
|
if (this.userInfo.phone) { |
|
|
|
this.$yrouter.push('/pagesB/pages/user/signIn/Integral/index') |
|
|
|
this.$yrouter.push('/pagesB/pages/user/signIn/Integral/index') |
|
|
|
} else{ |
|
|
|
} else { |
|
|
|
uni.showToast({ |
|
|
|
uni.showToast({ |
|
|
|
title: '请先绑定手机号', |
|
|
|
title: '请先绑定手机号', |
|
|
|
icon: 'none', |
|
|
|
icon: 'none', |
|
|
|
duration: 2000 |
|
|
|
duration: 2000 |
|
|
|
}) |
|
|
|
}) |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
}, |
|
|
|
}, |
|
|
|
goUserPromotion() { |
|
|
|
goUserPromotion() { |
|
|
|
this.$yrouter.push('/pages/user/promotion/UserPromotion/index') |
|
|
|
this.$yrouter.push('/pages/user/promotion/UserPromotion/index') |
|
|
|
@ -370,46 +390,17 @@ export default { |
|
|
|
this.$yrouter.push('/pages/user/PersonalData/index') |
|
|
|
this.$yrouter.push('/pages/user/PersonalData/index') |
|
|
|
}, |
|
|
|
}, |
|
|
|
getPhoneNumber: function(e) { |
|
|
|
getPhoneNumber: function(e) { |
|
|
|
let thit = this |
|
|
|
bindPhoneNumber(e).then((res) => { |
|
|
|
// 判断一下这里是不是小程序 如果是小程序，走获取微信手机号进行绑定 |
|
|
|
if (res.success) { |
|
|
|
if (e.mp.detail.errMsg == 'getPhoneNumber:ok') { |
|
|
|
|
|
|
|
uni.showLoading({ |
|
|
|
|
|
|
|
title: '绑定中', |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
wxappBindingPhone({ |
|
|
|
|
|
|
|
encryptedData: e.mp.detail.encryptedData, |
|
|
|
|
|
|
|
iv: e.mp.detail.iv, |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
.then(res => { |
|
|
|
|
|
|
|
// this.User(); |
|
|
|
|
|
|
|
if(res.success){ |
|
|
|
|
|
|
|
thit.$store.dispatch('userInfo', true) |
|
|
|
|
|
|
|
uni.hideLoading() |
|
|
|
|
|
|
|
uni.showToast({ |
|
|
|
uni.showToast({ |
|
|
|
title: res.msg, |
|
|
|
title: '绑定成功！', |
|
|
|
icon: 'success', |
|
|
|
duration: 1500 |
|
|
|
duration: 2000, |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
} else{ |
|
|
|
|
|
|
|
uni.hideLoading() |
|
|
|
|
|
|
|
uni.showModal({ |
|
|
|
|
|
|
|
title:'提示！', |
|
|
|
|
|
|
|
content:'授权已过期，请重新授权后绑定手机号', |
|
|
|
|
|
|
|
success:function(res){ |
|
|
|
|
|
|
|
if(res.confirm){ |
|
|
|
|
|
|
|
thit.$store.commit('logout') |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
}) |
|
|
|
}) |
|
|
|
|
|
|
|
setTimeout(() => { |
|
|
|
|
|
|
|
this.$store.dispatch('getUser', true) |
|
|
|
|
|
|
|
}, 1500) |
|
|
|
} |
|
|
|
} |
|
|
|
}) |
|
|
|
}) |
|
|
|
} else { |
|
|
|
|
|
|
|
uni.showToast({ |
|
|
|
|
|
|
|
title: '已拒绝授权', |
|
|
|
|
|
|
|
icon: 'none', |
|
|
|
|
|
|
|
duration: 2000, |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
}, |
|
|
|
}, |
|
|
|
changeswitch: function(data) { |
|
|
|
changeswitch: function(data) { |
|
|
|
this.switchActive = data |
|
|
|
this.switchActive = data |
|
|
|
@ -488,6 +479,7 @@ export default { |
|
|
|
this.$store.dispatch('getUser', true) |
|
|
|
this.$store.dispatch('getUser', true) |
|
|
|
// this.MenuUser() |
|
|
|
// this.MenuUser() |
|
|
|
this.isWeixin = isWeixin() |
|
|
|
this.isWeixin = isWeixin() |
|
|
|
|
|
|
|
this.getMyLession() |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
@ -495,26 +487,29 @@ export default { |
|
|
|
console.log('离开用户中心') |
|
|
|
console.log('离开用户中心') |
|
|
|
this.updateAuthorizationPage(false) |
|
|
|
this.updateAuthorizationPage(false) |
|
|
|
}, |
|
|
|
}, |
|
|
|
} |
|
|
|
} |
|
|
|
</script> |
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
|
|
<style lang="less"> |
|
|
|
<style lang="less"> |
|
|
|
.header{ |
|
|
|
.header { |
|
|
|
width: 100%; |
|
|
|
width: 100%; |
|
|
|
height: 336rpx !important; |
|
|
|
height: 336rpx !important; |
|
|
|
padding: 0 !important; |
|
|
|
padding: 0 !important; |
|
|
|
position: relative !important; |
|
|
|
position: relative !important; |
|
|
|
.header-bg{ |
|
|
|
|
|
|
|
|
|
|
|
.header-bg { |
|
|
|
width: 100%; |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
height: 100%; |
|
|
|
position: absolute; |
|
|
|
position: absolute; |
|
|
|
top: 0; |
|
|
|
top: 0; |
|
|
|
z-index: 2; |
|
|
|
z-index: 2; |
|
|
|
} |
|
|
|
} |
|
|
|
.picTxt{ |
|
|
|
|
|
|
|
|
|
|
|
.picTxt { |
|
|
|
position: absolute !important; |
|
|
|
position: absolute !important; |
|
|
|
left: 32rpx; |
|
|
|
left: 32rpx; |
|
|
|
z-index: 3; |
|
|
|
z-index: 3; |
|
|
|
|
|
|
|
|
|
|
|
.text { |
|
|
|
.text { |
|
|
|
.name { |
|
|
|
.name { |
|
|
|
font-size: 36rpx; |
|
|
|
font-size: 36rpx; |
|
|
|
@ -522,12 +517,14 @@ export default { |
|
|
|
color: #A8873D; |
|
|
|
color: #A8873D; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.binding{ |
|
|
|
|
|
|
|
|
|
|
|
.binding { |
|
|
|
background: #BF922B !important; |
|
|
|
background: #BF922B !important; |
|
|
|
border-color: #BF922B !important; |
|
|
|
border-color: #BF922B !important; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.jifen-box{ |
|
|
|
|
|
|
|
|
|
|
|
.jifen-box { |
|
|
|
width: 200rpx; |
|
|
|
width: 200rpx; |
|
|
|
height: 62rpx; |
|
|
|
height: 62rpx; |
|
|
|
background: #BF922B; |
|
|
|
background: #BF922B; |
|
|
|
@ -541,9 +538,9 @@ export default { |
|
|
|
color: #fff; |
|
|
|
color: #fff; |
|
|
|
font-size: 28rpx; |
|
|
|
font-size: 28rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.teacher-box{ |
|
|
|
.teacher-box { |
|
|
|
width: 690rpx; |
|
|
|
width: 690rpx; |
|
|
|
height: 112rpx; |
|
|
|
height: 112rpx; |
|
|
|
padding-left: 28rpx; |
|
|
|
padding-left: 28rpx; |
|
|
|
@ -555,28 +552,34 @@ export default { |
|
|
|
top: -56rpx; |
|
|
|
top: -56rpx; |
|
|
|
margin-left: -345rpx; |
|
|
|
margin-left: -345rpx; |
|
|
|
z-index: 7; |
|
|
|
z-index: 7; |
|
|
|
|
|
|
|
|
|
|
|
.teacher-box-l { |
|
|
|
.teacher-box-l { |
|
|
|
color: #FFFADD; |
|
|
|
color: #FFFADD; |
|
|
|
font-size: 28rpx; |
|
|
|
font-size: 28rpx; |
|
|
|
.call-icon{ |
|
|
|
|
|
|
|
|
|
|
|
.call-icon { |
|
|
|
width: 56rpx; |
|
|
|
width: 56rpx; |
|
|
|
height: 56rpx; |
|
|
|
height: 56rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
text{ |
|
|
|
|
|
|
|
|
|
|
|
text { |
|
|
|
display: inline-block; |
|
|
|
display: inline-block; |
|
|
|
margin-left:20rpx; |
|
|
|
margin-left: 20rpx; |
|
|
|
margin-right:14rpx; |
|
|
|
margin-right: 14rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
.vertical-line{ |
|
|
|
|
|
|
|
|
|
|
|
.vertical-line { |
|
|
|
width: 2rpx; |
|
|
|
width: 2rpx; |
|
|
|
height: 34rpx; |
|
|
|
height: 34rpx; |
|
|
|
background: #FFFADD; |
|
|
|
background: #FFFADD; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.teacher-box-r{ |
|
|
|
|
|
|
|
|
|
|
|
.teacher-box-r { |
|
|
|
color: #F9EDCC; |
|
|
|
color: #F9EDCC; |
|
|
|
font-size: 24rpx; |
|
|
|
font-size: 24rpx; |
|
|
|
image{ |
|
|
|
|
|
|
|
|
|
|
|
image { |
|
|
|
width: 88rpx; |
|
|
|
width: 88rpx; |
|
|
|
height: 88rpx; |
|
|
|
height: 88rpx; |
|
|
|
border: 1px solid #fff; |
|
|
|
border: 1px solid #fff; |
|
|
|
@ -584,20 +587,23 @@ export default { |
|
|
|
margin-right: 30rpx; |
|
|
|
margin-right: 30rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.myjoin-box{ |
|
|
|
|
|
|
|
|
|
|
|
.myjoin-box { |
|
|
|
width: 690rpx; |
|
|
|
width: 690rpx; |
|
|
|
// height: 506rpx; |
|
|
|
// height: 506rpx; |
|
|
|
background: #FFFFFF; |
|
|
|
background: #FFFFFF; |
|
|
|
border-radius: 10rpx; |
|
|
|
border-radius: 10rpx; |
|
|
|
padding: 30rpx; |
|
|
|
padding: 30rpx; |
|
|
|
margin: -26rpx auto 0; |
|
|
|
margin: -26rpx auto 0; |
|
|
|
.t-word{ |
|
|
|
|
|
|
|
|
|
|
|
.t-word { |
|
|
|
font-size: 32rpx; |
|
|
|
font-size: 32rpx; |
|
|
|
color: #222; |
|
|
|
color: #222; |
|
|
|
margin-bottom: 30rpx; |
|
|
|
margin-bottom: 30rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
.course-box{ |
|
|
|
|
|
|
|
|
|
|
|
.course-box { |
|
|
|
width: 94%; |
|
|
|
width: 94%; |
|
|
|
height: 190rpx; |
|
|
|
height: 190rpx; |
|
|
|
background: #FFF5DE; |
|
|
|
background: #FFF5DE; |
|
|
|
@ -608,14 +614,14 @@ export default { |
|
|
|
display: inline-block; |
|
|
|
display: inline-block; |
|
|
|
margin-bottom: 30rpx; |
|
|
|
margin-bottom: 30rpx; |
|
|
|
margin-right: 20rpx; |
|
|
|
margin-right: 20rpx; |
|
|
|
.course-item{ |
|
|
|
.course-item { |
|
|
|
width: 100%; |
|
|
|
width: 100%; |
|
|
|
display: inline-block; |
|
|
|
display: inline-block; |
|
|
|
} |
|
|
|
} |
|
|
|
.course-info{ |
|
|
|
.course-info { |
|
|
|
|
|
|
|
|
|
|
|
margin-bottom: 10rpx; |
|
|
|
margin-bottom: 10rpx; |
|
|
|
.course-name{ |
|
|
|
.course-name { |
|
|
|
|
|
|
|
width: 100%; |
|
|
|
color: #C89560; |
|
|
|
color: #C89560; |
|
|
|
font-size: 28rpx; |
|
|
|
font-size: 28rpx; |
|
|
|
line-height: 40rpx; |
|
|
|
line-height: 40rpx; |
|
|
|
@ -623,11 +629,13 @@ export default { |
|
|
|
font-weight: 500; |
|
|
|
font-weight: 500; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.address-box{ |
|
|
|
|
|
|
|
.address{ |
|
|
|
.address-box { |
|
|
|
|
|
|
|
.address { |
|
|
|
width: calc(100% - 190rpx); |
|
|
|
width: calc(100% - 190rpx); |
|
|
|
} |
|
|
|
} |
|
|
|
.btn{ |
|
|
|
|
|
|
|
|
|
|
|
.btn { |
|
|
|
width: 172rpx; |
|
|
|
width: 172rpx; |
|
|
|
height: 56rpx; |
|
|
|
height: 56rpx; |
|
|
|
background: linear-gradient(180deg, #FFCC5D 0%, #FCA535 100%); |
|
|
|
background: linear-gradient(180deg, #FFCC5D 0%, #FCA535 100%); |
|
|
|
@ -639,14 +647,17 @@ export default { |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.scroll-view_H{ |
|
|
|
|
|
|
|
|
|
|
|
.scroll-view_H { |
|
|
|
white-space: nowrap; |
|
|
|
white-space: nowrap; |
|
|
|
width: 100%; |
|
|
|
width: 100%; |
|
|
|
} |
|
|
|
} |
|
|
|
.bangdan-box{ |
|
|
|
|
|
|
|
|
|
|
|
.bangdan-box { |
|
|
|
width: 100%; |
|
|
|
width: 100%; |
|
|
|
box-sizing: border-box; |
|
|
|
box-sizing: border-box; |
|
|
|
.bangdan-item{ |
|
|
|
|
|
|
|
|
|
|
|
.bangdan-item { |
|
|
|
width: 310rpx; |
|
|
|
width: 310rpx; |
|
|
|
height: 152rpx; |
|
|
|
height: 152rpx; |
|
|
|
box-sizing: border-box; |
|
|
|
box-sizing: border-box; |
|
|
|
@ -657,13 +668,16 @@ export default { |
|
|
|
border-radius: 10rpx; |
|
|
|
border-radius: 10rpx; |
|
|
|
font-size: 28rpx; |
|
|
|
font-size: 28rpx; |
|
|
|
margin-right: 20rpx; |
|
|
|
margin-right: 20rpx; |
|
|
|
.bangdan-name{ |
|
|
|
|
|
|
|
|
|
|
|
.bangdan-name { |
|
|
|
margin-bottom: 28rpx; |
|
|
|
margin-bottom: 28rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
.signin-day{ |
|
|
|
|
|
|
|
|
|
|
|
.signin-day { |
|
|
|
font-size: 24rpx; |
|
|
|
font-size: 24rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
.signin-btn{ |
|
|
|
|
|
|
|
|
|
|
|
.signin-btn { |
|
|
|
width: 122rpx; |
|
|
|
width: 122rpx; |
|
|
|
height: 48rpx; |
|
|
|
height: 48rpx; |
|
|
|
background: linear-gradient(180deg, #FEECCB 0%, #FCAB3B 100%); |
|
|
|
background: linear-gradient(180deg, #FEECCB 0%, #FCAB3B 100%); |
|
|
|
@ -676,20 +690,22 @@ export default { |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.content{ |
|
|
|
|
|
|
|
|
|
|
|
.content { |
|
|
|
padding-bottom: 100rpx; |
|
|
|
padding-bottom: 100rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
.user .wrapper { |
|
|
|
|
|
|
|
background:#F5F6F7; |
|
|
|
.user .wrapper { |
|
|
|
|
|
|
|
background: #F5F6F7; |
|
|
|
padding: 0 30rpx; |
|
|
|
padding: 0 30rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.footer-line-height { |
|
|
|
.footer-line-height { |
|
|
|
height: 1 * 100rpx; |
|
|
|
height: 1 * 100rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.order-status-num { |
|
|
|
.order-status-num { |
|
|
|
background-color: #fff; |
|
|
|
background-color: #fff; |
|
|
|
color: #eb3729; |
|
|
|
color: #eb3729; |
|
|
|
border-radius: 15px; |
|
|
|
border-radius: 15px; |
|
|
|
@ -699,17 +715,17 @@ export default { |
|
|
|
font-size: 0.2 * 100rpx; |
|
|
|
font-size: 0.2 * 100rpx; |
|
|
|
padding: 0 0.08 * 100rpx; |
|
|
|
padding: 0 0.08 * 100rpx; |
|
|
|
border: 1px solid #eb3729; |
|
|
|
border: 1px solid #eb3729; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.pictrue { |
|
|
|
.pictrue { |
|
|
|
position: relative; |
|
|
|
position: relative; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.switch-h5 { |
|
|
|
.switch-h5 { |
|
|
|
margin-left: 0.2 * 100rpx; |
|
|
|
margin-left: 0.2 * 100rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.binding { |
|
|
|
.binding { |
|
|
|
margin-top: 0.1 * 100rpx; |
|
|
|
margin-top: 0.1 * 100rpx; |
|
|
|
display: inline-block; |
|
|
|
display: inline-block; |
|
|
|
padding: 0.05 * 100rpx 0.2 * 100rpx; |
|
|
|
padding: 0.05 * 100rpx 0.2 * 100rpx; |
|
|
|
@ -719,17 +735,19 @@ export default { |
|
|
|
line-height: 1.5; |
|
|
|
line-height: 1.5; |
|
|
|
border: 1px solid #e8695e; |
|
|
|
border: 1px solid #e8695e; |
|
|
|
color: #ffffff; |
|
|
|
color: #ffffff; |
|
|
|
} |
|
|
|
} |
|
|
|
.noBorder{ |
|
|
|
|
|
|
|
|
|
|
|
.noBorder { |
|
|
|
border: none !important; |
|
|
|
border: none !important; |
|
|
|
} |
|
|
|
} |
|
|
|
.by { |
|
|
|
|
|
|
|
|
|
|
|
.by { |
|
|
|
text-align: center; |
|
|
|
text-align: center; |
|
|
|
padding: 30rpx 0; |
|
|
|
padding: 30rpx 0; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.by-text { |
|
|
|
.by-text { |
|
|
|
text-align: center; |
|
|
|
text-align: center; |
|
|
|
font-size: 24rpx; |
|
|
|
font-size: 24rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
</style> |
|
|
|
</style> |
|
|
|
|
