上传文本域组件,继续完成课程详情评价页面
This commit is contained in:
@@ -103,7 +103,6 @@
|
||||
align-items: center;
|
||||
height: 28rpx;
|
||||
.time{
|
||||
|
||||
font-family: ArialMT;
|
||||
font-size: 23rpx;
|
||||
color: #666666;
|
||||
|
||||
@@ -22,28 +22,34 @@
|
||||
<uv-tabs
|
||||
class="font_pf"
|
||||
:list="tabList"
|
||||
@click="tabSwitch"
|
||||
@change="tabSwitch"
|
||||
:scrollable="false"
|
||||
line-color="#0066FF"
|
||||
:active-style="{ color: '#323E57', 'font-weight': 600, 'font-size': '30rpx' }"
|
||||
:inactive-style="{ color: '#666666', 'font-size': '30rpx' }"
|
||||
></uv-tabs>
|
||||
</view>
|
||||
<view class="course-info" v-if="tabAct == '课程介绍'">
|
||||
<view class="course-info" v-if="tabAct == 0">
|
||||
<introduceVue v-model="form"></introduceVue>
|
||||
</view>
|
||||
<view class="point" v-if="tabAct == '知识点'">
|
||||
<view class="point" v-if="tabAct == 1">
|
||||
<knowledge v-model="form"></knowledge>
|
||||
</view>
|
||||
<view class="evaluate" v-if="tabAct == '评价'">
|
||||
<view class="evaluate" v-if="tabAct == 2">
|
||||
<comment></comment>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="btn-box font_pf">
|
||||
<uv-button type="primary">去学习</uv-button>
|
||||
<uv-button type="primary">去练习</uv-button>
|
||||
<uv-button type="primary">去考试</uv-button>
|
||||
<template v-if="[0,1].includes(tabAct)">
|
||||
<uv-button type="primary">去学习</uv-button>
|
||||
<uv-button type="primary">去练习</uv-button>
|
||||
<uv-button type="primary">去考试</uv-button>
|
||||
</template>
|
||||
<template v-if="tabAct == 2">
|
||||
<uv-button type="primary" class="send_evaluate">发布评价</uv-button>
|
||||
</template>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
@@ -62,9 +68,9 @@ import comment from './comment.vue';
|
||||
const tabList = ref([{ name: '课程介绍' }, { name: '知识点' }, { name: '评价' }]);
|
||||
const form = ref({});
|
||||
const crsNum = ref('');
|
||||
const tabAct = ref('课程介绍');
|
||||
const tabAct = ref(0);
|
||||
const tabSwitch = (item) => {
|
||||
tabAct.value = item.name;
|
||||
tabAct.value = item.index;
|
||||
};
|
||||
const getData = async () => {
|
||||
const { body } = await getCourseDetailApi({ crsNum: crsNum.value });
|
||||
@@ -151,13 +157,25 @@ onLoad((params) => {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
padding-top: 37rpx;
|
||||
justify-content: space-evenly;
|
||||
justify-content: space-around;
|
||||
background-color: #ffffff;
|
||||
:deep(.uv-button) {
|
||||
border-radius: 14rpx;
|
||||
width: 200rpx;
|
||||
height: 92rpx;
|
||||
// background-color: red;
|
||||
|
||||
:deep(.uv-button-wrapper) {
|
||||
flex: 1;
|
||||
&.send_evaluate{
|
||||
margin: 0 60rpx;
|
||||
}
|
||||
&:not(.send_evaluate){
|
||||
margin: 0 30rpx;
|
||||
}
|
||||
.uv-button {
|
||||
border-radius: 14rpx;
|
||||
width: 100%;
|
||||
height: 92rpx;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
.num-item {
|
||||
display: flex;
|
||||
|
||||
Reference in New Issue
Block a user