Merge branch 'develop' of http://25.13.9.101:9000/K17_AITS/tra-app into develop
This commit is contained in:
yanghang
+2
-2
@@ -6,12 +6,12 @@ ENV = 'development'
|
||||
|
||||
|
||||
# 苗扬
|
||||
VITE_APP_BASE_API_Url = 'http://25.64.16.133:9786'
|
||||
#VITE_APP_BASE_API_Url = 'http://25.64.16.133:9786'
|
||||
|
||||
|
||||
#VITE_APP_BASE_API_Url = 'http://aitstest.jlbank.com.cn:7002'
|
||||
|
||||
|
||||
# app入口
|
||||
#VITE_APP_BASE_API_Url = 'http://25.18.122.65:7001'
|
||||
VITE_APP_BASE_API_Url = 'http://25.18.122.65:7001'
|
||||
|
||||
|
||||
+13
@@ -66,6 +66,9 @@ view {
|
||||
.fz-30 {
|
||||
font-size: 30rpx;
|
||||
}
|
||||
.fz-28 {
|
||||
font-size: 28rpx;
|
||||
}
|
||||
.fz-24 {
|
||||
font-size: 24rpx;
|
||||
}
|
||||
@@ -80,9 +83,19 @@ view {
|
||||
.flex {
|
||||
display: flex;
|
||||
}
|
||||
.flex-jcsb {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.tar{
|
||||
text-align: right;
|
||||
}
|
||||
.fw-600 {
|
||||
font-weight: 600;
|
||||
}
|
||||
.fw-400 {
|
||||
font-weight: 400;
|
||||
}
|
||||
.img_100 {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
@@ -18,6 +18,15 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/courseDetail/submit",
|
||||
"style": {
|
||||
"navigationBarTitleText": "提交评价",
|
||||
"app-plus": {
|
||||
"titleNView": false
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/study/index",
|
||||
"style": {
|
||||
|
||||
@@ -0,0 +1,143 @@
|
||||
<template>
|
||||
<view class="comment_div">
|
||||
<view class="message_div" v-for="item in [1,2,3]">
|
||||
<view class="head_div">
|
||||
<image src="/src/static/images/test/touxiang.png" class="img"></image>
|
||||
</view>
|
||||
<view class="msg_content">
|
||||
<view class="title_div">
|
||||
<view class="name">黎明正</view>
|
||||
<view class="title_tip">建议</view>
|
||||
</view>
|
||||
<view class="title">
|
||||
知识点挺清晰的，受益匪浅
|
||||
</view>
|
||||
<view class="img_div">
|
||||
</view>
|
||||
<view class="time_and_reply">
|
||||
<view class="time">2025-04-23 14:12</view>
|
||||
<view class="reply">回复</view>
|
||||
</view>
|
||||
<view class="show_close_div">
|
||||
<text>展开3条回复</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import {
|
||||
reactive
|
||||
} from 'vue'
|
||||
const message_list = reactive([
|
||||
|
||||
])
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.message_div:not(:first-child){
|
||||
margin-top: 30rpx;
|
||||
}
|
||||
.message_div {
|
||||
// margin-top: 30rpx;
|
||||
display: flex;
|
||||
.head_div{
|
||||
.img{
|
||||
border-radius: 100%;
|
||||
width: 78rpx;
|
||||
height: 78rpx;
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
.msg_content{
|
||||
margin-left: 8rpx;
|
||||
flex: 1;
|
||||
overflow: hidden;
|
||||
.title_div{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.name{
|
||||
height: 35rpx;
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: 25rpx;
|
||||
color: #666666;
|
||||
line-height: 35rpx;
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
}
|
||||
.title_tip{
|
||||
margin-left: 16rpx;
|
||||
width: 76rpx;
|
||||
height: 34rpx;
|
||||
background: #FFFFFF;
|
||||
border-radius: 8rpx;
|
||||
border: 2rpx solid #999999;
|
||||
font-family: PingFangTC, PingFangTC;
|
||||
font-weight: 400;
|
||||
font-size: 23rpx;
|
||||
color: #666666;
|
||||
line-height: 36rpx;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
.title{
|
||||
margin: 4rpx 0;
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: 30rpx;
|
||||
color: #333333;
|
||||
text-align: left;
|
||||
line-height: 48rpx;
|
||||
|
||||
|
||||
text-overflow: ellipsis;
|
||||
white-space: wrap;
|
||||
overflow-wrap: anywhere;
|
||||
|
||||
}
|
||||
.time_and_reply{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 28rpx;
|
||||
.time{
|
||||
font-family: ArialMT;
|
||||
font-size: 23rpx;
|
||||
color: #666666;
|
||||
line-height: 27rpx;
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
}
|
||||
.reply{
|
||||
margin-left: 16rpx;
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: 23rpx;
|
||||
color: #0066FF;
|
||||
line-height: 33rpx;
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
}
|
||||
}
|
||||
.show_close_div{
|
||||
margin-top: 12rpx;
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: 23rpx;
|
||||
color: #456A8E;
|
||||
line-height: 33rpx;
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.comment_div {
|
||||
padding:44rpx 40rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 24rpx;
|
||||
|
||||
}
|
||||
</style>
|
||||
@@ -22,73 +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="info-top font_pf">
|
||||
<view class="top-left font_pf">
|
||||
<view class="fz-30 fw-600 mb-8">课程类别</view>
|
||||
<view class="fz-30 fw-600">{{ form.catalogName }}</view>
|
||||
</view>
|
||||
<view class="top-right font_pf">
|
||||
<view class="rate-text mb-4">评分</view>
|
||||
<view class="rate-num">{{ form.evalGrade }}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="info-middle font_pf">
|
||||
<view class="fz-30 fw-600 mb-8">发布日期</view>
|
||||
<view class="fz-30 fw-600">{{ common.formatDate2(form.issuTm, 'yyyy-MM-dd HH:mm') }}</view>
|
||||
</view>
|
||||
<view class="info-bottom">
|
||||
<view class="bottom-left">
|
||||
<view class="mb-64">
|
||||
<view class="fz-30 font_pf fw-600 mb-18">标签</view>
|
||||
<view class="label" v-if="form.tagCataList">
|
||||
<text class="label-item font_pf" v-for="item in form.tagCataList" :key="item.tagId">{{ item.tagName }}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="mb-64">
|
||||
<view class="fz-30 fw-600 font_pf mb-4">创建人</view>
|
||||
<view class="fz-30 font_pf fw-600">{{ form.ctUserName }}</view>
|
||||
</view>
|
||||
<view class="mb-64">
|
||||
<view class="fz-30 font_pf fw-600 mb-4">归属部门</view>
|
||||
<view class="fz-30 font_pf fw-600">{{ form.belgOrgName }}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="bottom-right">
|
||||
<image src="/src/static/images/courseDetail/mipmap-xhdpi/ditu.png" class="right-img" mode="widthFix"></image>
|
||||
</view>
|
||||
</view>
|
||||
<view class="course-info" v-if="tabAct == 0">
|
||||
<introduceVue v-model="form"></introduceVue>
|
||||
</view>
|
||||
<view class="point" v-if="tabAct == '知识点'">
|
||||
<view class="point-item mb-30" v-for="(item, index) in form.pgrphData" :key="item.index">
|
||||
<view class="flex">
|
||||
<view class="blue-ball">
|
||||
<view class="ball"></view>
|
||||
</view>
|
||||
<view class="item-label">
|
||||
<view class="fz-30 font_pf fw-600 mb-30">知识点0{{ index + 1 }}</view>
|
||||
<view class="fz-30 font_pf fw-600 mb-36">{{ item.pgrphContent }}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="pt-8">
|
||||
<view class="font_pf fz-24" :class="item.pgrphStdyStateName == '已学习' ? 'learn' : 'unlearn'">{{ item.pgrphStdyStateName }}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="point" v-if="tabAct == 1">
|
||||
<knowledge v-model="form"></knowledge>
|
||||
</view>
|
||||
<view class="evaluate" v-if="tabAct == 2">
|
||||
<comment></comment>
|
||||
</view>
|
||||
<view class="evaluate" v-if="tabAct == '评价'"></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>
|
||||
@@ -99,13 +60,17 @@ import { onLoad } from '@dcloudio/uni-app';
|
||||
import { getCourseDetailApi } from '@/api/courseDetail.js';
|
||||
// import {formatDate2} from '@/common/common.js'
|
||||
import common from '@/common/common';
|
||||
import introduceVue from './introduce.vue';
|
||||
import knowledge from './knowledge.vue';
|
||||
import comment from './comment.vue';
|
||||
|
||||
// tab栏
|
||||
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 });
|
||||
@@ -183,71 +148,8 @@ onLoad((params) => {
|
||||
// bottom: 10rpx;
|
||||
// }
|
||||
}
|
||||
.course-info {
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
background-color: #ffffff;
|
||||
border-radius: 22rpx;
|
||||
padding-top: 38rpx;
|
||||
padding-left: 38rpx;
|
||||
}
|
||||
.info-top {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 62rpx;
|
||||
padding-right: 36rpx;
|
||||
.top-right {
|
||||
.rate-text {
|
||||
text-align: right;
|
||||
color: #999999;
|
||||
font-size: 30rpx;
|
||||
margin-bottom: 4rpx;
|
||||
}
|
||||
.rate-num {
|
||||
color: #0066ff;
|
||||
font-size: 62rpx;
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
}
|
||||
.info-middle {
|
||||
margin-bottom: 35rpx;
|
||||
padding-right: 36rpx;
|
||||
}
|
||||
.info-bottom {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
width: 100%;
|
||||
}
|
||||
.bottom-left {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding-top: 12rpx;
|
||||
flex: 1;
|
||||
.label {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.label-item {
|
||||
text-align: center;
|
||||
border-radius: 22rpx;
|
||||
padding: 2rpx 14rpx;
|
||||
font-size: 22rpx;
|
||||
margin-right: 14rpx;
|
||||
background-color: #f1f3f8;
|
||||
}
|
||||
}
|
||||
.bottom-right {
|
||||
width: 50%;
|
||||
.right-img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
object-fit: cover;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.btn-box {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
@@ -255,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;
|
||||
@@ -273,25 +187,7 @@ onLoad((params) => {
|
||||
.point {
|
||||
width: 100%;
|
||||
}
|
||||
.point-item {
|
||||
background-color: #fff;
|
||||
display: flex;
|
||||
padding-top: 24rpx;
|
||||
padding-left: 36rpx;
|
||||
padding-right: 52rpx;
|
||||
border-radius: 22rpx;
|
||||
justify-content: space-between;
|
||||
.blue-ball {
|
||||
padding-top: 16rpx;
|
||||
margin-right: 12rpx;
|
||||
.ball {
|
||||
width: 12rpx;
|
||||
height: 12rpx;
|
||||
background-color: #0066ff;
|
||||
border-radius: 50%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.learn {
|
||||
color: #1dd17a;
|
||||
}
|
||||
|
||||
@@ -0,0 +1,115 @@
|
||||
<template>
|
||||
<view class="course-info">
|
||||
<view class="info-top font_pf">
|
||||
<view class="top-left font_pf">
|
||||
<view class="fz-30 fw-400 mb-8">课程类别</view>
|
||||
<view class="fz-30 fw-400">{{ modelValue.catalogName }}</view>
|
||||
</view>
|
||||
<view class="top-right font_pf">
|
||||
<view class="rate-text mb-4">评分</view>
|
||||
<view class="rate-num">{{ modelValue.evalGrade }}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="info-middle font_pf">
|
||||
<view class="fz-30 fw-400 mb-8">发布日期</view>
|
||||
<view class="fz-30 fw-400">{{ common.formatDate2(modelValue.issuTm, 'yyyy-MM-dd HH:mm') }}</view>
|
||||
</view>
|
||||
<view class="info-bottom">
|
||||
<view class="bottom-left">
|
||||
<view class="mb-64">
|
||||
<view class="fz-30 font_pf fw-400 mb-18">标签</view>
|
||||
<view class="label" v-if="modelValue.tagCataList">
|
||||
<text class="label-item font_pf" v-for="item in modelValue.tagCataList" :key="item.tagId">{{ item.tagName }}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="mb-64">
|
||||
<view class="fz-30 fw-400 font_pf mb-4">创建人</view>
|
||||
<view class="fz-30 font_pf fw-400">{{ modelValue.ctUserName }}</view>
|
||||
</view>
|
||||
<view class="mb-64">
|
||||
<view class="fz-30 font_pf fw-400 mb-4">归属部门</view>
|
||||
<view class="fz-30 font_pf fw-400">{{ modelValue.belgOrgName }}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="bottom-right">
|
||||
<image src="/src/static/images/courseDetail/mipmap-xhdpi/ditu.png" class="right-img" mode="widthFix"></image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import common from '@/common/common';
|
||||
const props = defineProps({
|
||||
modelValue:Object
|
||||
})
|
||||
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.course-info {
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
background-color: #ffffff;
|
||||
border-radius: 22rpx;
|
||||
padding-top: 38rpx;
|
||||
padding-left: 38rpx;
|
||||
}
|
||||
.info-top {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 62rpx;
|
||||
padding-right: 36rpx;
|
||||
.top-right {
|
||||
.rate-text {
|
||||
text-align: right;
|
||||
color: #999999;
|
||||
font-size: 30rpx;
|
||||
margin-bottom: 4rpx;
|
||||
}
|
||||
.rate-num {
|
||||
color: #0066ff;
|
||||
font-size: 62rpx;
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
}
|
||||
.info-middle {
|
||||
margin-bottom: 35rpx;
|
||||
padding-right: 36rpx;
|
||||
}
|
||||
.info-bottom {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
width: 100%;
|
||||
}
|
||||
.bottom-left {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding-top: 12rpx;
|
||||
flex: 1;
|
||||
.label {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.label-item {
|
||||
text-align: center;
|
||||
border-radius: 22rpx;
|
||||
padding: 2rpx 14rpx;
|
||||
font-size: 22rpx;
|
||||
margin-right: 14rpx;
|
||||
background-color: #f1f3f8;
|
||||
}
|
||||
}
|
||||
.bottom-right {
|
||||
width: 50%;
|
||||
.right-img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
object-fit: cover;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,47 @@
|
||||
<template>
|
||||
<view class="point-item mb-30" v-for="(item, index) in modelValue?.pgrphData || []" :key="item.index">
|
||||
<view class="flex">
|
||||
<view class="blue-ball">
|
||||
<view class="ball"></view>
|
||||
</view>
|
||||
<view class="item-label">
|
||||
<view class="fz-30 font_pf fw-400 mb-30">知识点0{{ index + 1 }}</view>
|
||||
<view class="fz-30 font_pf fw-400 mb-36">{{ item.pgrphContent }}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="pt-8">
|
||||
<view class="font_pf fz-24" :class="item.pgrphStdyStateName == '已学习' ? 'learn' : 'unlearn'">{{ item.pgrphStdyStateName }}</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import common from '@/common/common';
|
||||
const props = defineProps({
|
||||
modelValue:Object
|
||||
})
|
||||
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
||||
.point-item {
|
||||
background-color: #fff;
|
||||
display: flex;
|
||||
padding-top: 24rpx;
|
||||
padding-left: 36rpx;
|
||||
padding-right: 52rpx;
|
||||
border-radius: 22rpx;
|
||||
justify-content: space-between;
|
||||
.blue-ball {
|
||||
padding-top: 16rpx;
|
||||
margin-right: 12rpx;
|
||||
.ball {
|
||||
width: 12rpx;
|
||||
height: 12rpx;
|
||||
background-color: #0066ff;
|
||||
border-radius: 50%;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,216 @@
|
||||
<template>
|
||||
<view class="max_page detail-main">
|
||||
<nav-bar :is_seat="false"></nav-bar>
|
||||
<view class="fixed_search_div">
|
||||
<view class="back_div" @click="common.navigateBack()">
|
||||
<view class="back-icon"></view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="detail-body">
|
||||
<view class="title font_pf">发表评价</view>
|
||||
<view class="body-content">
|
||||
<view class="picture">
|
||||
<view class="pic-item" v-for="item in 4" :key="item">
|
||||
<image class="w_100" src="/src/static/images/test/touxiang.png" mode="widthFix"></image>
|
||||
</view>
|
||||
</view>
|
||||
<view class="tips font_pf">最多可添加4张图片</view>
|
||||
<view class="num">
|
||||
<view class="num-pic">
|
||||
<img class="w_100" src="/src/static/images/test/touxiang.png" mode="widthFix" />
|
||||
</view>
|
||||
<view class="num-box">
|
||||
<view class="font_pf fz-28 c-666">综合评分</view>
|
||||
<view class="slider-box">
|
||||
<uv-slider step="1" activeColor="#0066FF" :blockSize="14" v-model="num" min="0" max="10"></uv-slider>
|
||||
</view>
|
||||
<view class="flex-jcsb">
|
||||
<view class="font_pf fz-30 c-000">0</view>
|
||||
<view class="font_pf fz-30 c-000 tar">10</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="tab">
|
||||
<view class="tab-btn" :class="activeTab == 1 ? 'is-active' : ''" @click="changeTab(1)">建议</view>
|
||||
<view class="tab-btn" :class="activeTab == 2 ? 'is-active' : ''" @click="changeTab(2)">提问</view>
|
||||
</view>
|
||||
<view class="input-textarea">
|
||||
<uv-textarea v-model="aaa" height="124" :placeholder="activeTab == 1?'请输入你的建议...':'请输入你的问题...'"></uv-textarea>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="btn-box font_pf">
|
||||
<uv-button type="primary">去学习</uv-button>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { reactive, ref } from 'vue';
|
||||
import { onLoad } from '@dcloudio/uni-app';
|
||||
import { getCourseDetailApi } from '@/api/courseDetail.js';
|
||||
// import {formatDate2} from '@/common/common.js'
|
||||
import common from '@/common/common';
|
||||
const num = ref(0);
|
||||
const activeTab = ref(1);
|
||||
const aaa = ref('')
|
||||
const changeTab = (type) => {
|
||||
activeTab.value = type;
|
||||
};
|
||||
// tab栏
|
||||
onLoad((params) => {});
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.detail-main {
|
||||
background-color: #f6f8ff;
|
||||
}
|
||||
.detail-body {
|
||||
box-sizing: border-box;
|
||||
min-height: calc(100vh - (var(--status-bar-height)+50rpx));
|
||||
padding: 29rpx 37rpx;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.title {
|
||||
color: #000000;
|
||||
font-size: 34rpx;
|
||||
height: 34rpx;
|
||||
font-weight: 600;
|
||||
margin-bottom: 30rpx;
|
||||
}
|
||||
.body-content {
|
||||
flex: 1;
|
||||
background-color: #ffffff;
|
||||
border-radius: 15rpx;
|
||||
padding: 36rpx;
|
||||
}
|
||||
.picture {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.pic-item {
|
||||
width: 170rpx;
|
||||
height: 170rpx;
|
||||
border-radius: 8rpx;
|
||||
background-color: red;
|
||||
margin-bottom: 24rpx;
|
||||
}
|
||||
.tips {
|
||||
color: #666666;
|
||||
font-size: 24rpx;
|
||||
margin-bottom: 28rpx;
|
||||
}
|
||||
.num {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
// height: 92rpx;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 40rpx;
|
||||
}
|
||||
.num-pic {
|
||||
width: 92rpx;
|
||||
height: 92rpx;
|
||||
padding-top: 20rpx;
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
.num-box {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
// height: 100%;
|
||||
justify-content: space-between;
|
||||
flex-direction: column;
|
||||
}
|
||||
.slider-box {
|
||||
width: 100%;
|
||||
:deep(.uv-slider) {
|
||||
width: 100%;
|
||||
}
|
||||
:deep(uni-slider) {
|
||||
margin: 0 16rpx 10rpx 0;
|
||||
}
|
||||
:deep(.uni-slider-tap-area) {
|
||||
padding: 10rpx 0;
|
||||
}
|
||||
:deep(.uni-slider-thumb) {
|
||||
border: 2px solid #0066ff;
|
||||
}
|
||||
}
|
||||
.tab {
|
||||
display: flex;
|
||||
margin-bottom: 30rpx;
|
||||
}
|
||||
.tab-btn {
|
||||
width: 78rpx;
|
||||
height: 36rpx;
|
||||
font-size: 22rpx;
|
||||
color: #999999;
|
||||
text-align: center;
|
||||
border-radius: 8rpx;
|
||||
border: 2rpx solid #999999;
|
||||
margin-right: 30rpx;
|
||||
}
|
||||
.is-active {
|
||||
color: #0066ff;
|
||||
border: 2rpx solid #0066ff;
|
||||
}
|
||||
.input-textarea{
|
||||
// height: 250rpx;
|
||||
// padding-bottom: 250rpx;
|
||||
}
|
||||
.btn-box {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
// height: 187rpx;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
padding-bottom: 30rpx;
|
||||
justify-content: space-evenly;
|
||||
:deep(.uv-button) {
|
||||
border-radius: 14rpx;
|
||||
width: 616rpx;
|
||||
height: 80rpx;
|
||||
}
|
||||
}
|
||||
.c-666 {
|
||||
color: #666666;
|
||||
}
|
||||
.c-000 {
|
||||
font-weight: 600;
|
||||
color: #000;
|
||||
}
|
||||
.fixed_search_div {
|
||||
padding: calc(10rpx + var(--status-bar-height)) 15rpx 24rpx 30rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.back_div {
|
||||
margin-right: 10rpx;
|
||||
.back-icon {
|
||||
position: relative;
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.back-icon::before,
|
||||
.back-icon::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.back-icon::after {
|
||||
top: 25%;
|
||||
left: 25%;
|
||||
width: 40%;
|
||||
height: 40%;
|
||||
border-top: 4rpx solid #2b2c2e;
|
||||
border-left: 4rpx solid #2b2c2e;
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -45,7 +45,7 @@
|
||||
color="rgba(255,255,255,0.7)" :speed="40" direction="column"></uv-notice-bar>
|
||||
</view>
|
||||
<!-- 学习时长和飞天兔子，为了挡住部分兔子只能多一个盒子 -->
|
||||
<view class="study_duration_and_profile_div">
|
||||
<view class="study_duration_and_profile_div" @click="common.navigateTo('/pages/courseDetail/index?crsNum=meirenmaixiyinchenque')">
|
||||
<!-- 飞天兔子 -->
|
||||
<view class="profile_div">
|
||||
<image src="/static/images/index/fttz.png" class="profile"></image>
|
||||
|
||||
@@ -17,6 +17,15 @@
|
||||
"titleNView": false
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/courseDetail/submit",
|
||||
"style": {
|
||||
"navigationBarTitleText": "提交评价",
|
||||
"app-plus": {
|
||||
"titleNView": false
|
||||
}
|
||||
}
|
||||
}
|
||||
],
|
||||
"tabBar": {
|
||||
|
||||
@@ -0,0 +1,7 @@
|
||||
## 1.0.2（2023-09-13）
|
||||
1. 修复全局设置rpx，导致展开高度不对的BUG
|
||||
## 1.0.1（2023-05-16）
|
||||
1. 优化组件依赖，修改后无需全局引入，组件导入即可使用
|
||||
2. 优化部分功能
|
||||
## 1.0.0（2023-05-10）
|
||||
uv-read-more 展开阅读更多
|
||||
@@ -0,0 +1,62 @@
|
||||
export default {
|
||||
props: {
|
||||
// 默认的显示占位高度
|
||||
showHeight: {
|
||||
type: [String, Number],
|
||||
default: 400
|
||||
},
|
||||
// 展开后是否显示"收起"按钮
|
||||
toggle: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
// 关闭时的提示文字
|
||||
closeText: {
|
||||
type: String,
|
||||
default: '展开阅读全文'
|
||||
},
|
||||
// 展开时的提示文字
|
||||
openText: {
|
||||
type: String,
|
||||
default: '收起'
|
||||
},
|
||||
// 提示的文字颜色
|
||||
color: {
|
||||
type: String,
|
||||
default: '#2979ff'
|
||||
},
|
||||
// 提示文字的大小
|
||||
fontSize: {
|
||||
type: [String, Number],
|
||||
default: 14
|
||||
},
|
||||
// 是否显示阴影
|
||||
// 此参数不能写在props/readMore.js中进行默认配置，因为使用了条件编译，在外部js中
|
||||
// uni无法准确识别当前是否处于nvue还是非nvue下
|
||||
shadowStyle: {
|
||||
type: Object,
|
||||
default: () => ({
|
||||
// #ifndef APP-NVUE
|
||||
backgroundImage: 'linear-gradient(-180deg, rgba(255, 255, 255, 0) 0%, #fff 80%)',
|
||||
// #endif
|
||||
// #ifdef APP-NVUE
|
||||
// nvue上不支持设置复杂的backgroundImage属性
|
||||
backgroundImage: 'linear-gradient(to top, #fff, rgba(255, 255, 255, 0.5))',
|
||||
// #endif
|
||||
paddingTop: '100px',
|
||||
marginTop: '-100px'
|
||||
})
|
||||
},
|
||||
// 段落首行缩进的字符个数
|
||||
textIndent: {
|
||||
type: String,
|
||||
default: '2em'
|
||||
},
|
||||
// open和close事件时，将此参数返回在回调参数中
|
||||
name: {
|
||||
type: [String, Number],
|
||||
default: ''
|
||||
},
|
||||
...uni.$uv?.props?.readMore
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,162 @@
|
||||
<template>
|
||||
<view class="uv-read-more">
|
||||
<view
|
||||
class="uv-read-more__content"
|
||||
:style="{
|
||||
height: isLongContent && status === 'close' ? $uv.addUnit(showHeight) : $uv.addUnit(contentHeight,'px'),
|
||||
textIndent: textIndent
|
||||
}"
|
||||
>
|
||||
<view
|
||||
class="uv-read-more__content__inner"
|
||||
ref="uv-read-more__content__inner"
|
||||
:class="[elId]"
|
||||
>
|
||||
<slot></slot>
|
||||
</view>
|
||||
</view>
|
||||
<view
|
||||
class="uv-read-more__toggle"
|
||||
:style="[innerShadowStyle]"
|
||||
v-if="isLongContent"
|
||||
>
|
||||
<slot name="toggle">
|
||||
<view
|
||||
class="uv-read-more__toggle__text"
|
||||
@tap="toggleReadMore"
|
||||
>
|
||||
<uv-text
|
||||
:text="status === 'close' ? closeText : openText"
|
||||
:color="color"
|
||||
:size="fontSize"
|
||||
:lineHeight="fontSize"
|
||||
margin="0 5px 0 0"
|
||||
></uv-text>
|
||||
<view class="uv-read-more__toggle__icon">
|
||||
<uv-icon
|
||||
:color="color"
|
||||
:size="fontSize + 2"
|
||||
:name="status === 'close' ? 'arrow-down' : 'arrow-up'"
|
||||
></uv-icon>
|
||||
</view>
|
||||
</view>
|
||||
</slot>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import mpMixin from '@/uni_modules/uv-ui-tools/libs/mixin/mpMixin.js'
|
||||
import mixin from '@/uni_modules/uv-ui-tools/libs/mixin/mixin.js'
|
||||
// #ifdef APP-NVUE
|
||||
const dom = uni.requireNativePlugin('dom')
|
||||
// #endif
|
||||
import props from './props.js';
|
||||
/**
|
||||
* readMore 阅读更多
|
||||
* @description 该组件一般用于内容较长，预先收起一部分，点击展开全部内容的场景。
|
||||
* @tutorial https://www.uvui.cn/components/readMore.html
|
||||
* @property {String | Number} showHeight 内容超出此高度才会显示展开全文按钮，单位px（默认 400 ）
|
||||
* @property {Boolean} toggle 展开后是否显示收起按钮（默认 false ）
|
||||
* @property {String} closeText 关闭时的提示文字（默认 '展开阅读全文' ）
|
||||
* @property {String} openText 展开时的提示文字（默认 '收起' ）
|
||||
* @property {String} color 提示文字的颜色（默认 '#2979ff' ）
|
||||
* @property {String | Number} fontSize 提示文字的大小，单位px （默认 14 ）
|
||||
* @property {Object} shadowStyle 显示阴影的样式
|
||||
* @property {String} textIndent 段落首行缩进的字符个数 （默认 '2em' ）
|
||||
* @property {String | Number} name 用于在 open 和 close 事件中当作回调参数返回
|
||||
* @event {Function} open 内容被展开时触发
|
||||
* @event {Function} close 内容被收起时触发
|
||||
* @example <uv-read-more><rich-text :nodes="content"></rich-text></uv-read-more>
|
||||
*/
|
||||
export default {
|
||||
name: 'uv-read-more',
|
||||
mixins: [mpMixin, mixin, props],
|
||||
data() {
|
||||
return {
|
||||
isLongContent: false, // 是否需要隐藏一部分内容
|
||||
status: 'close', // 当前隐藏与显示的状态，close-收起状态，open-展开状态
|
||||
elId: '', // 生成唯一class
|
||||
contentHeight: 100, // 内容高度
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
// 展开后无需阴影，收起时才需要阴影样式
|
||||
innerShadowStyle() {
|
||||
if (this.status === 'open') return {}
|
||||
else return this.shadowStyle
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.elId = this.$uv.guid();
|
||||
},
|
||||
mounted() {
|
||||
this.init()
|
||||
},
|
||||
methods: {
|
||||
async init() {
|
||||
this.getContentHeight().then(height => {
|
||||
this.contentHeight = height
|
||||
// 判断高度，如果真实内容高度大于占位高度，则显示收起与展开的控制按钮
|
||||
if (height > this.$uv.getPx(this.showHeight)) {
|
||||
this.isLongContent = true
|
||||
this.status = 'close'
|
||||
}
|
||||
})
|
||||
},
|
||||
// 获取内容的高度
|
||||
async getContentHeight() {
|
||||
// 延时一定时间再获取节点
|
||||
await this.$uv.sleep(30)
|
||||
return new Promise(resolve => {
|
||||
// #ifndef APP-NVUE
|
||||
this.$uvGetRect('.' + this.elId).then(res => {
|
||||
resolve(res.height)
|
||||
})
|
||||
// #endif
|
||||
|
||||
// #ifdef APP-NVUE
|
||||
const ref = this.$refs['uv-read-more__content__inner']
|
||||
dom.getComponentRect(ref, (res) => {
|
||||
resolve(res.size.height)
|
||||
})
|
||||
// #endif
|
||||
})
|
||||
},
|
||||
// 展开或者收起
|
||||
toggleReadMore() {
|
||||
this.status = this.status === 'close' ? 'open' : 'close'
|
||||
// 如果toggle为false，隐藏"收起"部分的内容
|
||||
if (this.toggle == false) this.isLongContent = false
|
||||
// 发出打开或者收齐的事件
|
||||
this.$emit(this.status, this.name)
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import '@/uni_modules/uv-ui-tools/libs/css/components.scss';
|
||||
@import '@/uni_modules/uv-ui-tools/libs/css/color.scss';
|
||||
.uv-read-more {
|
||||
|
||||
&__content {
|
||||
overflow: hidden;
|
||||
color: $uv-content-color;
|
||||
font-size: 15px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
&__toggle {
|
||||
@include flex;
|
||||
justify-content: center;
|
||||
|
||||
&__text {
|
||||
@include flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-top: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,89 @@
|
||||
{
|
||||
"id": "uv-read-more",
|
||||
"displayName": "uv-read-more 展开阅读更多 全面兼容小程序、nvue、vue2、vue3等多端",
|
||||
"version": "1.0.2",
|
||||
"description": "uv-read-more 该组件一般用于内容较长，预先收起一部分，点击展开全部内容的场景。",
|
||||
"keywords": [
|
||||
"uv-read-more",
|
||||
"uvui",
|
||||
"uv-ui",
|
||||
"read",
|
||||
"展开阅读更多"
|
||||
],
|
||||
"repository": "",
|
||||
"engines": {
|
||||
"HBuilderX": "^3.1.0"
|
||||
},
|
||||
"dcloudext": {
|
||||
"type": "component-vue",
|
||||
"sale": {
|
||||
"regular": {
|
||||
"price": "0.00"
|
||||
},
|
||||
"sourcecode": {
|
||||
"price": "0.00"
|
||||
}
|
||||
},
|
||||
"contact": {
|
||||
"qq": ""
|
||||
},
|
||||
"declaration": {
|
||||
"ads": "无",
|
||||
"data": "插件不采集任何数据",
|
||||
"permissions": "无"
|
||||
},
|
||||
"npmurl": ""
|
||||
},
|
||||
"uni_modules": {
|
||||
"dependencies": [
|
||||
"uv-ui-tools",
|
||||
"uv-icon",
|
||||
"uv-text"
|
||||
],
|
||||
"encrypt": [],
|
||||
"platforms": {
|
||||
"cloud": {
|
||||
"tcb": "y",
|
||||
"aliyun": "y"
|
||||
},
|
||||
"client": {
|
||||
"Vue": {
|
||||
"vue2": "y",
|
||||
"vue3": "y"
|
||||
},
|
||||
"App": {
|
||||
"app-vue": "y",
|
||||
"app-nvue": "y"
|
||||
},
|
||||
"H5-mobile": {
|
||||
"Safari": "y",
|
||||
"Android Browser": "y",
|
||||
"微信浏览器(Android)": "y",
|
||||
"QQ浏览器(Android)": "y"
|
||||
},
|
||||
"H5-pc": {
|
||||
"Chrome": "y",
|
||||
"IE": "y",
|
||||
"Edge": "y",
|
||||
"Firefox": "y",
|
||||
"Safari": "y"
|
||||
},
|
||||
"小程序": {
|
||||
"微信": "y",
|
||||
"阿里": "y",
|
||||
"百度": "y",
|
||||
"字节跳动": "y",
|
||||
"QQ": "y",
|
||||
"钉钉": "u",
|
||||
"快手": "u",
|
||||
"飞书": "u",
|
||||
"京东": "u"
|
||||
},
|
||||
"快应用": {
|
||||
"华为": "u",
|
||||
"联盟": "u"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,11 @@
|
||||
## ReadMore 展开阅读更多
|
||||
|
||||
> **组件名：uv-read-more**
|
||||
|
||||
该组件一般用于内容较长，预先收起一部分，点击展开全部内容的场景。
|
||||
|
||||
### <a href="https://www.uvui.cn/components/readMore.html" target="_blank">查看文档</a>
|
||||
|
||||
### [完整示例项目下载 | 关注更多组件](https://ext.dcloud.net.cn/plugin?name=uv-ui)
|
||||
|
||||
#### 如使用过程中有任何问题，或者您对uv-ui有一些好的建议，欢迎加入 uv-ui 交流群：<a href="https://ext.dcloud.net.cn/plugin?id=12287" target="_blank">uv-ui</a>、<a href="https://www.uvui.cn/components/addQQGroup.html" target="_blank">官方QQ群</a>
|
||||
@@ -0,0 +1,9 @@
|
||||
## 1.0.3（2023-07-25）
|
||||
1. 将inactiveColor修正为backgroundColor 参数，避免不生效
|
||||
## 1.0.2（2023-07-13）
|
||||
1. 修复 uv-slider设置value属性不生效的BUG
|
||||
## 1.0.1（2023-05-16）
|
||||
1. 优化组件依赖，修改后无需全局引入，组件导入即可使用
|
||||
2. 优化部分功能
|
||||
## 1.0.0（2023-05-10）
|
||||
uv-slider 滑动选择器
|
||||
@@ -0,0 +1,58 @@
|
||||
export default {
|
||||
props: {
|
||||
value: {
|
||||
type: [Number, String],
|
||||
default: 0
|
||||
},
|
||||
modelValue: {
|
||||
type: [Number, String],
|
||||
default: 0
|
||||
},
|
||||
// 最小可选值
|
||||
min: {
|
||||
type: [Number, String],
|
||||
default: 0
|
||||
},
|
||||
// 最大可选值
|
||||
max: {
|
||||
type: [Number, String],
|
||||
default: 100
|
||||
},
|
||||
// 步长，取值必须大于 0，并且可被(max - min)整除
|
||||
step: {
|
||||
type: [Number, String],
|
||||
default: 1
|
||||
},
|
||||
// 滑块右侧已选择部分的背景色
|
||||
activeColor: {
|
||||
type: String,
|
||||
default: '#2979ff'
|
||||
},
|
||||
// 滑块左侧未选择部分的背景色
|
||||
backgroundColor: {
|
||||
type: String,
|
||||
default: '#c0c4cc'
|
||||
},
|
||||
// 滑块的大小，取值范围为 12 - 28
|
||||
blockSize: {
|
||||
type: [Number, String],
|
||||
default: 18
|
||||
},
|
||||
// 滑块的颜色
|
||||
blockColor: {
|
||||
type: String,
|
||||
default: '#ffffff'
|
||||
},
|
||||
// 禁用状态
|
||||
disabled: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
// 是否显示当前的选择值
|
||||
showValue: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
...uni.$uv?.props?.slider
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,58 @@
|
||||
<template>
|
||||
<view
|
||||
class="uv-slider"
|
||||
:style="[$uv.addStyle(customStyle)]"
|
||||
>
|
||||
<slider
|
||||
:min="min"
|
||||
:max="max"
|
||||
:step="step"
|
||||
:value="sliderValue"
|
||||
:activeColor="activeColor"
|
||||
:backgroundColor="backgroundColor"
|
||||
:blockSize="$uv.getPx(blockSize)"
|
||||
:blockColor="blockColor"
|
||||
:showValue="showValue"
|
||||
:disabled="disabled"
|
||||
@changing="changingHandler"
|
||||
@change="changeHandler"
|
||||
></slider>
|
||||
</view>
|
||||
</template>
|
||||
<script>
|
||||
import mpMixin from '@/uni_modules/uv-ui-tools/libs/mixin/mpMixin.js'
|
||||
import mixin from '@/uni_modules/uv-ui-tools/libs/mixin/mixin.js'
|
||||
import props from './props.js'
|
||||
export default {
|
||||
name: 'uv-slider',
|
||||
mixins: [mpMixin, mixin, props],
|
||||
computed: {
|
||||
sliderValue(){
|
||||
return this.value || this.modelValue;
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
// 拖动过程中触发
|
||||
changingHandler(e) {
|
||||
const { value } = e.detail
|
||||
// 更新v-model的值
|
||||
this.$emit('input', value)
|
||||
this.$emit('update:modelValue',value)
|
||||
// 触发事件
|
||||
this.$emit('changing', value)
|
||||
},
|
||||
// 滑动结束时触发
|
||||
changeHandler(e) {
|
||||
const {
|
||||
value
|
||||
} = e.detail
|
||||
// 更新v-model的值
|
||||
this.$emit('input', value)
|
||||
this.$emit('update:modelValue',value)
|
||||
// 触发事件
|
||||
this.$emit('change', value)
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
@@ -0,0 +1,87 @@
|
||||
{
|
||||
"id": "uv-slider",
|
||||
"displayName": "uv-slider 滑动选择器 全面兼容vue3+2、app、h5、小程序等多端",
|
||||
"version": "1.0.3",
|
||||
"description": "滑动选择器组件一般用于表单中，手动选择一个区间范围的场景。",
|
||||
"keywords": [
|
||||
"uv-slider",
|
||||
"uvui",
|
||||
"uv-ui",
|
||||
"slider",
|
||||
"滑动选择器"
|
||||
],
|
||||
"repository": "",
|
||||
"engines": {
|
||||
"HBuilderX": "^3.1.0"
|
||||
},
|
||||
"dcloudext": {
|
||||
"type": "component-vue",
|
||||
"sale": {
|
||||
"regular": {
|
||||
"price": "0.00"
|
||||
},
|
||||
"sourcecode": {
|
||||
"price": "0.00"
|
||||
}
|
||||
},
|
||||
"contact": {
|
||||
"qq": ""
|
||||
},
|
||||
"declaration": {
|
||||
"ads": "无",
|
||||
"data": "插件不采集任何数据",
|
||||
"permissions": "无"
|
||||
},
|
||||
"npmurl": ""
|
||||
},
|
||||
"uni_modules": {
|
||||
"dependencies": [
|
||||
"uv-ui-tools"
|
||||
],
|
||||
"encrypt": [],
|
||||
"platforms": {
|
||||
"cloud": {
|
||||
"tcb": "y",
|
||||
"aliyun": "y"
|
||||
},
|
||||
"client": {
|
||||
"Vue": {
|
||||
"vue2": "y",
|
||||
"vue3": "y"
|
||||
},
|
||||
"App": {
|
||||
"app-vue": "y",
|
||||
"app-nvue": "y"
|
||||
},
|
||||
"H5-mobile": {
|
||||
"Safari": "y",
|
||||
"Android Browser": "y",
|
||||
"微信浏览器(Android)": "y",
|
||||
"QQ浏览器(Android)": "y"
|
||||
},
|
||||
"H5-pc": {
|
||||
"Chrome": "y",
|
||||
"IE": "y",
|
||||
"Edge": "y",
|
||||
"Firefox": "y",
|
||||
"Safari": "y"
|
||||
},
|
||||
"小程序": {
|
||||
"微信": "y",
|
||||
"阿里": "y",
|
||||
"百度": "y",
|
||||
"字节跳动": "y",
|
||||
"QQ": "y",
|
||||
"钉钉": "u",
|
||||
"快手": "u",
|
||||
"飞书": "u",
|
||||
"京东": "u"
|
||||
},
|
||||
"快应用": {
|
||||
"华为": "u",
|
||||
"联盟": "u"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,15 @@
|
||||
## Slider 滑动选择器
|
||||
|
||||
> **组件名：uv-slider**
|
||||
|
||||
该组件一般用于表单中，手动选择一个区间范围的场景。
|
||||
|
||||
# <a href="https://www.uvui.cn/components/slider.html" target="_blank">查看文档</a>
|
||||
|
||||
## [下载完整示例项目](https://ext.dcloud.net.cn/plugin?name=uv-ui)
|
||||
|
||||
### [更多插件，请关注uv-ui组件库](https://ext.dcloud.net.cn/plugin?name=uv-ui)
|
||||
|
||||
|
||||
|
||||
#### 如使用过程中有任何问题反馈，或者您对uv-ui有一些好的建议，欢迎加入uv-ui官方交流群：<a href="https://www.uvui.cn/components/addQQGroup.html" target="_blank">官方QQ群</a>
|
||||
@@ -0,0 +1,28 @@
|
||||
## 1.0.11（2023-12-26）
|
||||
1. 优化confirmType默认值改成return
|
||||
## 1.0.10（2023-09-13）
|
||||
1. 修复设置autoHeight后出现高度异常的BUG
|
||||
## 1.0.9（2023-08-08）
|
||||
1. 优化
|
||||
## 1.0.8（2023-08-07）
|
||||
1. 修复值为null或undefined时显示错误的bug
|
||||
## 1.0.7（2023-08-05）
|
||||
1. v-model设置为数据时的BUG
|
||||
2. 复制过多内容，计数显示错误的BUG
|
||||
3. maxlength为-1改成不显示计数
|
||||
## 1.0.6（2023-07-30）
|
||||
1. 增加confirm-hold参数，参考官方文档
|
||||
## 1.0.5（2023-07-25）
|
||||
1. 增加textStyle属性，自定义文本样式
|
||||
2. 增加countStyle属性，自定义统计数字的样式
|
||||
## 1.0.4（2023-07-14）
|
||||
1. 修复 设置maxlength为-1时不生效的BUG
|
||||
## 1.0.3（2023-07-13）
|
||||
1. 修复 uv-textarea设置value属性不生效的BUG
|
||||
## 1.0.2（2023-05-16）
|
||||
1. 优化组件依赖，修改后无需全局引入，组件导入即可使用
|
||||
2. 优化部分功能
|
||||
## 1.0.1（2023-05-12）
|
||||
1. 修复vue3中双向绑定问题
|
||||
## 1.0.0（2023-05-10）
|
||||
uv-textarea 文本域
|
||||
@@ -0,0 +1,138 @@
|
||||
export default {
|
||||
props: {
|
||||
value: {
|
||||
type: [String, Number],
|
||||
default: ''
|
||||
},
|
||||
modelValue: {
|
||||
type: [String, Number],
|
||||
default: ''
|
||||
},
|
||||
// 输入框为空时占位符
|
||||
placeholder: {
|
||||
type: [String, Number],
|
||||
default: ''
|
||||
},
|
||||
// 指定placeholder的样式类，注意页面或组件的style中写了scoped时，需要在类名前写/deep/
|
||||
placeholderClass: {
|
||||
type: String,
|
||||
default: 'textarea-placeholder'
|
||||
},
|
||||
// 指定placeholder的样式
|
||||
placeholderStyle: {
|
||||
type: [String, Object],
|
||||
default: 'color: #c0c4cc'
|
||||
},
|
||||
// 输入框高度
|
||||
height: {
|
||||
type: [String, Number],
|
||||
default: 70
|
||||
},
|
||||
// 设置键盘右下角按钮的文字，仅微信小程序，App-vue和H5有效
|
||||
confirmType: {
|
||||
type: String,
|
||||
default: 'return'
|
||||
},
|
||||
// 是否禁用
|
||||
disabled: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
// 是否显示统计字数
|
||||
count: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
// 是否自动获取焦点，nvue不支持，H5取决于浏览器的实现
|
||||
focus: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
// 是否自动增加高度
|
||||
autoHeight: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
// 如果textarea是在一个position:fixed的区域，需要显示指定属性fixed为true
|
||||
fixed: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
// 指定光标与键盘的距离
|
||||
cursorSpacing: {
|
||||
type: Number,
|
||||
default: 0
|
||||
},
|
||||
// 指定focus时的光标位置
|
||||
cursor: {
|
||||
type: [String, Number],
|
||||
default: ''
|
||||
},
|
||||
// 是否显示键盘上方带有”完成“按钮那一栏，
|
||||
showConfirmBar: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
// 光标起始位置，自动聚焦时有效，需与selection-end搭配使用
|
||||
selectionStart: {
|
||||
type: Number,
|
||||
default: -1
|
||||
},
|
||||
// 光标结束位置，自动聚焦时有效，需与selection-start搭配使用
|
||||
selectionEnd: {
|
||||
type: Number,
|
||||
default: -1
|
||||
},
|
||||
// 键盘弹起时，是否自动上推页面
|
||||
adjustPosition: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
// 是否去掉 iOS 下的默认内边距，只微信小程序有效
|
||||
disableDefaultPadding: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
// focus时，点击页面的时候不收起键盘，只微信小程序有效
|
||||
holdKeyboard: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
// 最大输入长度，设置为 -1 的时候不限制最大长度
|
||||
maxlength: {
|
||||
type: [String, Number],
|
||||
default: 140
|
||||
},
|
||||
// 边框类型，surround-四周边框，bottom-底部边框
|
||||
border: {
|
||||
type: String,
|
||||
default: 'surround'
|
||||
},
|
||||
// 用于处理或者过滤输入框内容的方法
|
||||
formatter: {
|
||||
type: [Function, null],
|
||||
default: null
|
||||
},
|
||||
// 是否忽略组件内对文本合成系统事件的处理
|
||||
ignoreCompositionEvent: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
// 是否忽略组件内对文本合成系统事件的处理
|
||||
confirmHold: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
// 文本样式
|
||||
textStyle: {
|
||||
type: [Object, String],
|
||||
default: () => {}
|
||||
},
|
||||
// 统计数字的样式
|
||||
countStyle: {
|
||||
type: [Object, String],
|
||||
default: () => {}
|
||||
},
|
||||
...uni.$uv?.props?.textarea
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,238 @@
|
||||
<template>
|
||||
<view class="uv-textarea"
|
||||
:class="textareaClass"
|
||||
:style="[textareaStyle]">
|
||||
<textarea class="uv-textarea__field"
|
||||
:value="innerValue"
|
||||
:style="[
|
||||
{height: autoHeight ? 'auto' :$uv.addUnit(height)},
|
||||
$uv.addStyle(textStyle)
|
||||
]"
|
||||
:placeholder="placeholder"
|
||||
:placeholder-style="$uv.addStyle(placeholderStyle, 'string')"
|
||||
:placeholder-class="placeholderClass"
|
||||
:disabled="disabled"
|
||||
:focus="focus"
|
||||
:autoHeight="autoHeight"
|
||||
:fixed="fixed"
|
||||
:cursorSpacing="cursorSpacing"
|
||||
:cursor="cursor"
|
||||
:showConfirmBar="showConfirmBar"
|
||||
:selectionStart="selectionStart"
|
||||
:selectionEnd="selectionEnd"
|
||||
:adjustPosition="adjustPosition"
|
||||
:disableDefaultPadding="disableDefaultPadding"
|
||||
:holdKeyboard="holdKeyboard"
|
||||
:maxlength="maxlen"
|
||||
:confirmType="confirmType"
|
||||
:ignoreCompositionEvent="ignoreCompositionEvent"
|
||||
:confirm-hold="confirmHold"
|
||||
@focus="onFocus"
|
||||
@blur="onBlur"
|
||||
@linechange="onLinechange"
|
||||
@input="onInput"
|
||||
@confirm="onConfirm"
|
||||
@keyboardheightchange="onKeyboardheightchange"></textarea>
|
||||
<text class="uv-textarea__count"
|
||||
:style="[{
|
||||
'background-color': disabled ? 'transparent' : '#fff',
|
||||
},$uv.addStyle(countStyle)]"
|
||||
v-if="count && maxlen!=-1">{{ getCount }}/{{ maxlen }}</text>
|
||||
</view>
|
||||
</template>
|
||||
<script>
|
||||
import mpMixin from '@/uni_modules/uv-ui-tools/libs/mixin/mpMixin.js'
|
||||
import mixin from '@/uni_modules/uv-ui-tools/libs/mixin/mixin.js'
|
||||
import props from "./props.js";
|
||||
/**
|
||||
* Textarea 文本域
|
||||
* @description 文本域此组件满足了可能出现的表单信息补充，编辑等实际逻辑的功能，内置了字数校验等
|
||||
* @tutorial https://www.uvui.cn/components/textarea.html
|
||||
*
|
||||
* @property {String | Number} value / v-model 输入框的内容
|
||||
* @property {String | Number} placeholder 输入框为空时占位符
|
||||
* @property {String} placeholderClass 指定placeholder的样式类，注意页面或组件的style中写了scoped时，需要在类名前写/deep/ （ 默认 'input-placeholder' ）
|
||||
* @property {String | Object} placeholderStyle 指定placeholder的样式，字符串/对象形式，如"color: red;"
|
||||
* @property {String | Number} height 输入框高度（默认 70 ）
|
||||
* @property {String} confirmType 设置键盘右下角按钮的文字，仅微信小程序，App-vue和H5有效（默认 'done' ）
|
||||
* @property {Boolean} disabled 是否禁用（默认 false ）
|
||||
* @property {Boolean} count 是否显示统计字数（默认 false ）
|
||||
* @property {Boolean} focus 是否自动获取焦点，nvue不支持，H5取决于浏览器的实现（默认 false ）
|
||||
* @property {Boolean | Function} autoHeight 是否自动增加高度（默认 false ）
|
||||
* @property {Boolean} fixed 如果textarea是在一个position:fixed的区域，需要显示指定属性fixed为true（默认 false ）
|
||||
* @property {Number} cursorSpacing 指定光标与键盘的距离（默认 0 ）
|
||||
* @property {String | Number} cursor 指定focus时的光标位置
|
||||
* @property {Function} formatter 内容式化函数
|
||||
* @property {Boolean} showConfirmBar 是否显示键盘上方带有”完成“按钮那一栏，（默认 true ）
|
||||
* @property {Number} selectionStart 光标起始位置，自动聚焦时有效，需与selection-end搭配使用，（默认 -1 ）
|
||||
* @property {Number | Number} selectionEnd 光标结束位置，自动聚焦时有效，需与selection-start搭配使用（默认 -1 ）
|
||||
* @property {Boolean} adjustPosition 键盘弹起时，是否自动上推页面（默认 true ）
|
||||
* @property {Boolean | Number} disableDefaultPadding 是否去掉 iOS 下的默认内边距，只微信小程序有效（默认 false ）
|
||||
* @property {Boolean} holdKeyboard focus时，点击页面的时候不收起键盘，只微信小程序有效（默认 false ）
|
||||
* @property {String | Number} maxlength 最大输入长度，设置为 -1 的时候不限制最大长度（默认 140 ）
|
||||
* @property {String} border 边框类型，surround-四周边框，none-无边框，bottom-底部边框（默认 'surround' ）
|
||||
* @property {Boolean} ignoreCompositionEvent 是否忽略组件内对文本合成系统事件的处理
|
||||
* @property {Boolean} confirmHold 点击键盘右下角按钮时是否保持键盘不收起
|
||||
* @property {Object} textStyle 文本样式
|
||||
* @property {Object} countStyle 统计数字的样式
|
||||
*
|
||||
* @event {Function(e)} focus 输入框聚焦时触发，event.detail = { value, height }，height 为键盘高度
|
||||
* @event {Function(e)} blur 输入框失去焦点时触发，event.detail = {value, cursor}
|
||||
* @event {Function(e)} linechange 输入框行数变化时调用，event.detail = {height: 0, heightRpx: 0, lineCount: 0}
|
||||
* @event {Function(e)} input 当键盘输入时，触发 input 事件
|
||||
* @event {Function(e)} confirm 点击完成时， 触发 confirm 事件
|
||||
* @event {Function(e)} keyboardheightchange 键盘高度发生变化的时候触发此事件
|
||||
* @example <uv--textarea v-model="value1" placeholder="请输入内容" ></uv--textarea>
|
||||
*/
|
||||
export default {
|
||||
name: "uv-textarea",
|
||||
mixins: [mpMixin, mixin, props],
|
||||
data() {
|
||||
return {
|
||||
// 输入框的值
|
||||
innerValue: "",
|
||||
// 是否处于获得焦点状态
|
||||
focused: false,
|
||||
// 过滤处理方法
|
||||
innerFormatter: value => value
|
||||
}
|
||||
},
|
||||
created() {
|
||||
// #ifndef VUE3
|
||||
this.innerValue = this.value;
|
||||
// #endif
|
||||
// #ifdef VUE3
|
||||
this.innerValue = this.modelValue;
|
||||
// #endif
|
||||
},
|
||||
watch: {
|
||||
value(newVal) {
|
||||
this.innerValue = newVal;
|
||||
},
|
||||
modelValue(newVal) {
|
||||
this.innerValue = newVal;
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
// 组件的类名
|
||||
textareaClass() {
|
||||
let classes = [],
|
||||
{ border, disabled } = this;
|
||||
border === "surround" && (classes = classes.concat(["uv-border", "uv-textarea--radius"]));
|
||||
border === "bottom" && (classes = classes.concat(["uv-border-bottom", "uv-textarea--no-radius", ]));
|
||||
disabled && classes.push("uv-textarea--disabled");
|
||||
return classes.join(" ");
|
||||
},
|
||||
// 组件的样式
|
||||
textareaStyle() {
|
||||
const style = {};
|
||||
// #ifdef APP-NVUE
|
||||
// 由于textarea在安卓nvue上的差异性，需要额外再调整其内边距
|
||||
if (this.$uv.os() === "android") {
|
||||
style.paddingTop = "6px";
|
||||
style.paddingLeft = "9px";
|
||||
style.paddingBottom = "3px";
|
||||
style.paddingRight = "6px";
|
||||
}
|
||||
// #endif
|
||||
return this.$uv.deepMerge(style, this.$uv.addStyle(this.customStyle));
|
||||
},
|
||||
maxlen() {
|
||||
return this.maxlength < 0 ? this.maxlength < 0 ? -1 : 140 : this.maxlength;
|
||||
},
|
||||
getCount() {
|
||||
try{
|
||||
return this.innerValue.length > this.maxlen ? this.maxlen: this.innerValue.length;
|
||||
}catch(e){
|
||||
return 0;
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
// 在微信小程序中，不支持将函数当做props参数，故只能通过ref形式调用
|
||||
setFormatter(e) {
|
||||
this.innerFormatter = e
|
||||
},
|
||||
onFocus(e) {
|
||||
this.$emit("focus", e);
|
||||
},
|
||||
onBlur(e) {
|
||||
this.$emit("blur", e);
|
||||
// 尝试调用uv-form的验证方法
|
||||
this.$uv.formValidate(this, "blur");
|
||||
},
|
||||
onLinechange(e) {
|
||||
this.$emit("linechange", e);
|
||||
},
|
||||
onInput(e) {
|
||||
let { value = "" } = e.detail || {};
|
||||
// 格式化过滤方法
|
||||
const formatter = this.formatter || this.innerFormatter
|
||||
const formatValue = formatter(value)
|
||||
// 为了避免props的单向数据流特性，需要先将innerValue值设置为当前值，再在$nextTick中重新赋予设置后的值才有效
|
||||
this.innerValue = value
|
||||
this.$nextTick(() => {
|
||||
this.innerValue = formatValue;
|
||||
this.valueChange();
|
||||
})
|
||||
},
|
||||
// 内容发生变化，进行处理
|
||||
valueChange() {
|
||||
const value = this.innerValue;
|
||||
this.$nextTick(() => {
|
||||
this.$emit("input", value);
|
||||
this.$emit("update:modelValue", value);
|
||||
this.$emit("change", value);
|
||||
// 尝试调用uv-form的验证方法
|
||||
this.$uv.formValidate(this, "change");
|
||||
});
|
||||
},
|
||||
onConfirm(e) {
|
||||
this.$emit("confirm", e);
|
||||
},
|
||||
onKeyboardheightchange(e) {
|
||||
this.$emit("keyboardheightchange", e);
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
$show-border: 1;
|
||||
$show-border-surround: 1;
|
||||
$show-border-bottom: 1;
|
||||
@import '@/uni_modules/uv-ui-tools/libs/css/variable.scss';
|
||||
@import '@/uni_modules/uv-ui-tools/libs/css/components.scss';
|
||||
@import '@/uni_modules/uv-ui-tools/libs/css/color.scss';
|
||||
.uv-textarea {
|
||||
border-radius: 4px;
|
||||
background-color: #fff;
|
||||
position: relative;
|
||||
@include flex;
|
||||
flex: 1;
|
||||
padding: 9px;
|
||||
&--radius {
|
||||
border-radius: 4px;
|
||||
}
|
||||
&--no-radius {
|
||||
border-radius: 0;
|
||||
}
|
||||
&--disabled {
|
||||
background-color: #f5f7fa;
|
||||
}
|
||||
&__field {
|
||||
flex: 1;
|
||||
font-size: 15px;
|
||||
color: $uv-content-color;
|
||||
width: 100%;
|
||||
}
|
||||
&__count {
|
||||
position: absolute;
|
||||
right: 5px;
|
||||
bottom: 2px;
|
||||
font-size: 12px;
|
||||
color: $uv-tips-color;
|
||||
background-color: #ffffff;
|
||||
padding: 1px 4px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,87 @@
|
||||
{
|
||||
"id": "uv-textarea",
|
||||
"displayName": "uv-textarea 文本域 全面兼容vue3+2、app、h5、小程序等多端",
|
||||
"version": "1.0.11",
|
||||
"description": "文本域此组件满足了可能出现的表单信息补充，编辑等实际逻辑的功能，内置了字数校验等。",
|
||||
"keywords": [
|
||||
"uv-textarea",
|
||||
"uvui",
|
||||
"uv-ui",
|
||||
"textarea",
|
||||
"文本域"
|
||||
],
|
||||
"repository": "",
|
||||
"engines": {
|
||||
"HBuilderX": "^3.1.0"
|
||||
},
|
||||
"dcloudext": {
|
||||
"type": "component-vue",
|
||||
"sale": {
|
||||
"regular": {
|
||||
"price": "0.00"
|
||||
},
|
||||
"sourcecode": {
|
||||
"price": "0.00"
|
||||
}
|
||||
},
|
||||
"contact": {
|
||||
"qq": ""
|
||||
},
|
||||
"declaration": {
|
||||
"ads": "无",
|
||||
"data": "插件不采集任何数据",
|
||||
"permissions": "无"
|
||||
},
|
||||
"npmurl": ""
|
||||
},
|
||||
"uni_modules": {
|
||||
"dependencies": [
|
||||
"uv-ui-tools"
|
||||
],
|
||||
"encrypt": [],
|
||||
"platforms": {
|
||||
"cloud": {
|
||||
"tcb": "y",
|
||||
"aliyun": "y"
|
||||
},
|
||||
"client": {
|
||||
"Vue": {
|
||||
"vue2": "y",
|
||||
"vue3": "y"
|
||||
},
|
||||
"App": {
|
||||
"app-vue": "y",
|
||||
"app-nvue": "y"
|
||||
},
|
||||
"H5-mobile": {
|
||||
"Safari": "y",
|
||||
"Android Browser": "y",
|
||||
"微信浏览器(Android)": "y",
|
||||
"QQ浏览器(Android)": "y"
|
||||
},
|
||||
"H5-pc": {
|
||||
"Chrome": "y",
|
||||
"IE": "y",
|
||||
"Edge": "y",
|
||||
"Firefox": "y",
|
||||
"Safari": "y"
|
||||
},
|
||||
"小程序": {
|
||||
"微信": "y",
|
||||
"阿里": "y",
|
||||
"百度": "y",
|
||||
"字节跳动": "y",
|
||||
"QQ": "y",
|
||||
"钉钉": "u",
|
||||
"快手": "u",
|
||||
"飞书": "u",
|
||||
"京东": "u"
|
||||
},
|
||||
"快应用": {
|
||||
"华为": "u",
|
||||
"联盟": "u"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,19 @@
|
||||
## Textarea 文本域
|
||||
|
||||
> **组件名：uv-textarea**
|
||||
|
||||
文本域此组件满足了可能出现的表单信息补充，编辑等实际逻辑的功能，内置了字数校验等。
|
||||
|
||||
# <a href="https://www.uvui.cn/components/textarea.html" target="_blank">查看文档</a>
|
||||
|
||||
## [下载完整示例项目](https://ext.dcloud.net.cn/plugin?name=uv-ui) <small>（请不要 下载插件ZIP）</small>
|
||||
|
||||
### [更多插件，请关注uv-ui组件库](https://ext.dcloud.net.cn/plugin?name=uv-ui)
|
||||
|
||||
<a href="https://ext.dcloud.net.cn/plugin?name=uv-ui" target="_blank">
|
||||
|
||||
|
||||
|
||||
</a>
|
||||
|
||||
#### 如使用过程中有任何问题反馈，或者您对uv-ui有一些好的建议，欢迎加入uv-ui官方交流群：<a href="https://www.uvui.cn/components/addQQGroup.html" target="_blank">官方QQ群</a>
|
||||
Reference in New Issue
Block a user