学员端小程序
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

63 lines
1.2 KiB

<template>
<view class="tabCon">
<view class="tab1">
<view class="card" v-for="(item, index) in classList" :key="index">
<view class="name">{{ item.name }}</view>
<view class="flex-b">
<view class="price">{{ $u.utils.priceTo(item.totalAmount) }}</view>
<view class="btn" @click="goSign(item)">报名</view>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
props: ['classList'],
methods: {
goSign(item) {
this.$store.commit('upDateSchoolCoach', {})
this.$store.commit('upDateSchoolClass', item)
this.$goPage('/pages/indexEntry/enroll/enroll')
// console.log(this.$store.state.school.schoolCoach)
}
}
}
</script>
<style lang="scss" scoped>
.tabCon {
width: 100%;
.tab1 {
width: 100%;
.card {
margin-top: 24rpx;
padding: 28rpx 28rpx 28rpx 36rpx;
.name {
font-size: 32rpx;
color: #333;
margin-bottom: 36rpx;
}
.flex-b {
.price {
font-size: 44rpx;
color: #ED733E;
}
.btn {
width: 130rpx;
height: 60rpx;
background: #1989FA;
border-radius: 8rpx;
font-size: 28rpx;
color: #fff;
text-align: center;
line-height: 60rpx;
}
}
}
}
}
</style>