xjs
/
volunteer-secondary
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: 样式调整

master
xjs 2026-07-06 14:11:16 +08:00
parent 12b2c5ea7c
commit b8a6e0c23e
6 changed files with 42 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/chart-sub/evaluate/sixReport/explorePotential.vue
View File

@ -46,7 +46,7 @@ const sharePath = computed(() => {
})
const environmentCardStyles = [
'bg-gradient-to-t from-[#D2F3FF] to-[#E8F9FE] outer-dot-1',
'bg-gradient-to-t from-[#E3F7FE] to-[#D6F2FF] outer-dot-1',
'bg-gradient-to-t from-[#F6F3FE] to-[#F2EAFF] outer-dot-2',
'bg-gradient-to-t from-[#E5FFF9] to-[#D2FEF7] outer-dot-3',
'bg-gradient-to-t from-[#E7F9FF] to-[#D3F3FF] outer-dot-4',
@ -95,13 +95,13 @@ onShareAppMessage(() => {
:fixed="true" class="h-0">
</Navbar>
<view
class="rounded-[0_0_24rpx_24rpx] bg-white pb-[22rpx] mx-[30rpx] mt-[-24rpx] flex flex-col">
class="rounded-[0_0_24rpx_24rpx] bg-white pb-[16rpx] mx-[30rpx] mt-[-24rpx] flex flex-col">
<view class="flex items-center mx-[30rpx]">
<image src="https://lw-zk.oss-cn-hangzhou.aliyuncs.com/img/CP/xq_biaoqian.png" mode="scaleToFill"
class="w-[40rpx] h-[48rpx]" />
<view class="relative m-[4rpx]">
<view class="relative z-2 text-[32rpx] text-[#000]">
你的天赋类型为
{{ detailData.reportView.headerTitle }}
</view>
<image src="https://lw-zk.oss-cn-hangzhou.aliyuncs.com/img/CP/xq_xiantiao.png"
mode="scaleToFill" class="absolute top-[22rpx] left-[66rpx] w-[124rpx] h-[28rpx]" />
@ -110,7 +110,7 @@ onShareAppMessage(() => {
<view class="mx-[30rpx] text-[92rpx] font-[700] font-[AlimamaShuHeiTi] text-center my-[24rpx]">{{
detailData.reportView.scoreDimension }}</view>
<view
class="mx-[18rpx] select-box bg-[#E7F2FF] border-[2rpx] border-[#1580FF] border-solid text-[26rpx] font-500 px-[48rpx] py-[20rpx] text-center">
class="mx-[18rpx] select-box bg-[#E7F2FF] border-[2rpx] border-[#1580FF] border-solid text-[26rpx] font-500 py-[20rpx] text-center">
{{ detailData.reportView.keywords.join(' · ') }}</view>
<view
@ -275,7 +275,7 @@ onShareAppMessage(() => {
.outer-dot-3::before {
right: -12rpx;
bottom: 24rpx;
background-color: #D2FEF7;
background-color: #E1FFF9 ;
z-index: 3;
}

12
src/chart-sub/evaluate/sixReport/futureDirection.vue
View File

@ -46,7 +46,7 @@ const sharePath = computed(() => {
})
const environmentCardStyles = [
'bg-gradient-to-t from-[#D2F3FF] to-[#E8F9FE] outer-dot-1',
'bg-gradient-to-t from-[#E3F7FE] to-[#D6F2FF] outer-dot-1',
'bg-gradient-to-t from-[#F6F3FE] to-[#F2EAFF] outer-dot-2',
'bg-gradient-to-t from-[#E5FFF9] to-[#D2FEF7] outer-dot-3',
'bg-gradient-to-t from-[#E7F9FF] to-[#D3F3FF] outer-dot-4',
@ -101,7 +101,7 @@ onShareAppMessage(() => {
:fixed="true" class="h-0">
</Navbar>
<view
class="rounded-[0_0_24rpx_24rpx] bg-white px-[30rpx] pb-[22rpx] mx-[30rpx] mt-[-24rpx] flex flex-col">
class="rounded-[0_0_24rpx_24rpx] bg-white px-[30rpx] pb-[16rpx] mx-[30rpx] mt-[-24rpx] flex flex-col">
<view class="flex items-center">
<image src="https://lw-zk.oss-cn-hangzhou.aliyuncs.com/img/CP/xq_biaoqian.png" mode="scaleToFill"
class="w-[40rpx] h-[48rpx]" />
@ -115,10 +115,10 @@ onShareAppMessage(() => {
</view>
<view class="text-[92rpx] font-[700] font-[AlimamaShuHeiTi] text-center my-[24rpx]">{{ detailData.reportView.scoreDimension }}</view>
<view
class="select-box bg-[#E7F2FF] border-[2rpx] border-[#1580FF] border-solid text-[26rpx] font-500 px-[48rpx] py-[20rpx] text-center">{{ detailData.reportView.keywords.join(' · ') }}</view>
class="select-box bg-[#E7F2FF] border-[2rpx] border-[#1580FF] border-solid text-[26rpx] font-500 text-center py-[20rpx]">{{ detailData.reportView.keywords.join(' · ') }}</view>
<view
class="rounded-[24rpx] bg-gradient-to-t from-[#EAF3FF] to-[#F3F8FF] pl-[30rpx] py-[20rpx] mt-[24rpx] flex items-center">
class="rounded-[24rpx] bg-gradient-to-t from-[#EAF3FF] to-[#F3F8FF] pl-[30rpx] pt-[20rpx] mt-[24rpx] flex items-center">
<view class="flex flex-col">
<view class="text-[#F5663E] flex items-baseline">
<view class="font-700 text-[72rpx] font-[DinBold]">{{ detailData.reportView.score }}</view>
@ -171,7 +171,7 @@ onShareAppMessage(() => {
<view class="z-2 relative" @click="navigateToSerer">
<button
class="flex flex-col items-center justify-center leading-none rounded-full text-[32rpx] text-[#fff] h-[88rpx]! w-[430rpx]! bg-[url('https://lw-zk.oss-cn-hangzhou.aliyuncs.com/img/CP/anniubeijing.png'),linear-gradient(to_right,#FF9411,#FFB11B)] bg-left-top bg-no-repeat">
<view>免费领取</view>
<view class="font-600">免费领取</view>
<view class="text-[22rpx] mt-[8rpx]">(家庭成长规划建议)</view>
</button>
<image src="https://lw-zk.oss-cn-hangzhou.aliyuncs.com/img/CP/xq_anniulibao.png" mode="scaleToFill"
@ -283,7 +283,7 @@ onShareAppMessage(() => {
.outer-dot-3::before {
right: -12rpx;
bottom: 24rpx;
background-color: #D2FEF7;
background-color: #E1FFF9 ;
z-index: 3;
}

10
src/chart-sub/evaluate/sixReport/growthPlanning.vue
View File

@ -20,7 +20,7 @@ const detailData = ref<any>({});
const environmentCardStyles = [
'bg-gradient-to-t from-[#D2F3FF] to-[#E8F9FE] outer-dot-1',
'bg-gradient-to-t from-[#E3F7FE] to-[#D6F2FF] outer-dot-1',
'bg-gradient-to-t from-[#F6F3FE] to-[#F2EAFF] outer-dot-2',
'bg-gradient-to-t from-[#E5FFF9] to-[#D2FEF7] outer-dot-3',
'bg-gradient-to-t from-[#E7F9FF] to-[#D3F3FF] outer-dot-4',
@ -68,7 +68,7 @@ onLoad((options:any) => {
:fixed="true" class="h-0">
</Navbar>
<view
class="rounded-[0_0_24rpx_24rpx] bg-white pb-[22rpx] mx-[30rpx] mt-[-24rpx] flex flex-col">
class="rounded-[0_0_24rpx_24rpx] bg-white pb-[16rpx] mx-[30rpx] mt-[-24rpx] flex flex-col">
<view class="flex items-center mx-[30rpx]">
<image src="https://lw-zk.oss-cn-hangzhou.aliyuncs.com/img/CP/xq_biaoqian.png" mode="scaleToFill"
class="w-[40rpx] h-[48rpx]" />
@ -81,7 +81,7 @@ onLoad((options:any) => {
</view>
</view>
<view class="text-[92rpx] font-[700] font-[AlimamaShuHeiTi] text-center my-[24rpx]">{{ detailData.reportView.mainTitle }}</view>
<view class="mx-[30rpx] select-box bg-[#E7F2FF] border-[2rpx] border-[#1580FF] border-solid text-[26rpx] font-500 px-[48rpx] py-[20rpx] text-center">{{ detailData.reportView.keywords.join(' · ') }}</view>
<view class="mx-[30rpx] select-box bg-[#E7F2FF] border-[2rpx] border-[#1580FF] border-solid text-[26rpx] font-500 py-[20rpx] text-center">{{ detailData.reportView.keywords.join(' · ') }}</view>
<view class="text-[28rpx] text-[#333] mt-[20rpx] mx-[30rpx]">
{{ detailData.reportView.portrait }}
</view>
@ -109,7 +109,7 @@ onLoad((options:any) => {
<view class="z-2 relative" @click="navigateToSerer">
<button
class="flex flex-col items-center justify-center leading-none rounded-full text-[32rpx] text-[#fff] h-[88rpx]! w-[430rpx]! bg-[url('https://lw-zk.oss-cn-hangzhou.aliyuncs.com/img/CP/anniubeijing.png'),linear-gradient(to_right,#FF9411,#FFB11B)] bg-left-top bg-no-repeat">
<view>免费领取</view>
<view class="font-600">免费领取</view>
<view class="text-[22rpx] mt-[8rpx]">(家庭成长规划建议)</view>
</button>
<image src="https://lw-zk.oss-cn-hangzhou.aliyuncs.com/img/CP/xq_anniulibao.png" mode="scaleToFill"
@ -221,7 +221,7 @@ onLoad((options:any) => {
.outer-dot-3::before {
right: -12rpx;
bottom: 24rpx;
background-color: #D2FEF7;
background-color: #E1FFF9 ;
z-index: 3;
}

8
src/chart-sub/evaluate/sixReport/learningAbility.vue
View File

@ -46,7 +46,7 @@ const sharePath = computed(() => {
})
const environmentCardStyles = [
'bg-gradient-to-t from-[#D2F3FF] to-[#E8F9FE] outer-dot-1',
'bg-gradient-to-t from-[#E3F7FE] to-[#D6F2FF] outer-dot-1',
'bg-gradient-to-t from-[#F6F3FE] to-[#F2EAFF] outer-dot-2',
'bg-gradient-to-t from-[#E5FFF9] to-[#D2FEF7] outer-dot-3',
'bg-gradient-to-t from-[#E7F9FF] to-[#D3F3FF] outer-dot-4',
@ -95,7 +95,7 @@ onShareAppMessage(() => {
:fixed="true" class="h-0">
</Navbar>
<view
class="rounded-[0_0_24rpx_24rpx] bg-white pb-[22rpx] mx-[30rpx] mt-[-24rpx] flex flex-col">
class="rounded-[0_0_24rpx_24rpx] bg-white pb-[16rpx] mx-[30rpx] mt-[-24rpx] flex flex-col">
<view class="flex items-center mx-[30rpx]">
<image src="https://lw-zk.oss-cn-hangzhou.aliyuncs.com/img/CP/xq_biaoqian.png" mode="scaleToFill"
class="w-[40rpx] h-[48rpx]" />
@ -110,7 +110,7 @@ onShareAppMessage(() => {
<view class="mx-[30rpx] text-[92rpx] font-[700] font-[AlimamaShuHeiTi] text-center my-[24rpx]">{{
detailData.reportView.scoreDimension }}</view>
<view
class="mx-[18rpx] select-box bg-[#E7F2FF] border-[2rpx] border-[#1580FF] border-solid text-[26rpx] font-500 px-[48rpx] py-[20rpx] text-center">
class="mx-[18rpx] select-box bg-[#E7F2FF] border-[2rpx] border-[#1580FF] border-solid text-[26rpx] font-500 py-[20rpx] text-center">
{{ detailData.reportView.keywords.join(' · ') }}</view>
<view
@ -275,7 +275,7 @@ onShareAppMessage(() => {
.outer-dot-3::before {
right: -12rpx;
bottom: 24rpx;
background-color: #D2FEF7;
background-color: #E1FFF9;
z-index: 3;
}

23
src/pages/evaluation/index.vue
View File

@ -1,5 +1,5 @@
<template>
<view class="bg-[#F8F8F8] flex flex-col pb-safe relative min-h-[calc(100vh-118px)] z-0 leading-[1]">
<view class="bg-[#F8F8F8] flex flex-col pb-safe relative h-screen z-0 leading-[1]">
<view
class="h-[626rpx] w-full bg-[url('https://lw-zk.oss-cn-hangzhou.aliyuncs.com/img/CP/ceping_BG.png')] bg-left-center bg-cover absolute">
</view>
@ -33,7 +33,7 @@
<view class="flex-1" :class="index === 3 ? 'pb-[0rpx]' : 'pb-[24rpx]'">
<view class="tran-before p-[30rpx] rounded-[16rpx] bg-white flex items-center ml-[18rpx]">
<view class="flex flex-col">
<view class="text-[34rpx] text-black font-500 leading-[1]">{{ item.name }}</view>
<view class="text-[34rpx] text-black font-600 leading-[1]">{{ item.name }}</view>
<view class="font-400 text-[#666] text-[24rpx] mt-[16rpx] mb-[10rpx]">{{ item.summary }}</view>
<view class="flex items-center gap-[10rpx]">
<view class="bg-[#E7F2FF] rounded-[8rpx] p-[6rpx] text-[#1580FF] text-[20rpx]" :key="tIndex"
@ -42,20 +42,20 @@
</view>
<view class="flex items-center gap-x-[8rpx] ml-auto flex-shrink-0" v-if="item.testStatus === 1" @click="useRouterDetail({reportsId:item.reportId,type:item.reportType})">
<view class="text-[#1580FF] text-[24rpx]">查看档案</view>
<view class="text-[#1580FF] text-[26rpx]">查看档案</view>
<image src="https://lw-zk.oss-cn-hangzhou.aliyuncs.com/img/CP/ceping_xiangqing.png" mode="scaleToFill"
class="w-[30rpx] h-[12rpx]" />
</view>
<view class="flex flex-col items-center ml-auto flex-shrink-0" v-if="item.testStatus === 0">
<view class="bg-[#1580FF] text-white text-[28rpx] px-[36rpx] py-[16rpx] rounded-full" @click="navigateToTest(item)">开始测评</view>
<view class="text-[20rpx] text-[#9E9E9E] mt-[4rpx]">{{ item.listMetaText }}</view>
<view class="text-[20rpx] text-[#9E9E9E] mt-[8rpx]">{{ item.listMetaText }}</view>
</view>
</view>
</view>
</view>
</view>
<view class="z-2 mt-[86rpx] relative" v-if="!getAward">
<view class="z-2 mt-[86rpx] relative font-600" v-if="!getAward">
<button
class="flex items-center justify-center rounded-full text-[32rpx] bg-[#EAEDF2] text-[#9E9E9E] h-[96rpx]! w-[600rpx]!">
完成全部测评，即可领取
@ -63,20 +63,20 @@
<image src="https://lw-zk.oss-cn-hangzhou.aliyuncs.com/img/CP/dangan_moren.png" mode="scaleToFill"
class="w-[148rpx] h-[134rpx] absolute right-[60rpx] top-[-40rpx]" />
</view>
<view class="z-2 mt-[86rpx] relative" v-else @click="navigateToServer">
<view class="z-2 mt-[86rpx] relative w-min self-center" v-else @click="navigateToServer">
<button
class="leading-[1] flex items-center justify-center rounded-full text-[32rpx] text-[#fff] h-[96rpx]! w-[600rpx]! bg-[url('https://lw-zk.oss-cn-hangzhou.aliyuncs.com/img/CP/anniubeijing.png'),linear-gradient(to_right,#FF9411,#FFB11B)] bg-left-top bg-no-repeat">
立即领取
</button>
<image src="https://lw-zk.oss-cn-hangzhou.aliyuncs.com/img/CP/dangan_xuanzhong.png" mode="scaleToFill"
class="w-[148rpx] h-[134rpx] absolute right-[60rpx] top-[-40rpx]" />
class="w-[148rpx] h-[134rpx] absolute right-0 top-[-40rpx]" />
</view>
</view>
</template>
<script lang="ts" setup>
import { systemInfo } from '@/utils/systemInfo'
import { getEvaluationList } from "@/service/requestApi"
import { getEvaluationList ,getHelpedFamilyCount} from "@/service/requestApi"
import { useUserStore } from '@/store/user'
const userStore = useUserStore()
@ -131,12 +131,19 @@ const navigateToServer = () => {
})
}
const count = ref(0)
onShow(() => {
getEvaluationList({ query: { menuid: '339907260608593' } }).then(resp => {
if (resp.code === 200) {
evaluationList.value = resp.result
}
})
getHelpedFamilyCount().then(resp => {
if (resp.code === 200) {
count.value = resp.result
}
})
})
</script>

6
src/service/requestApi.ts
View File

@ -332,3 +332,9 @@ export const saveUserAreaScore = (options: { data: any }) => {
...options
})
}
export const getHelpedFamilyCount = () => {
return request<API.Response>('/api/busScale/helpedFamilyCount', {
method: 'GET',
});
}