上传文本域组件,继续完成课程详情评价页面

This commit is contained in:
田岩
2025-06-23 14:41:49 +08:00
parent a239def0ee
commit 17f12b5fb9
8 changed files with 549 additions and 20 deletions
-1
View File
@@ -103,7 +103,6 @@
align-items: center;
height: 28rpx;
.time{
font-family: ArialMT;
font-size: 23rpx;
color: #666666;
+32 -14
View File
@@ -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;