fix: 样式调整
parent
25386bee63
commit
bdd0e2acc9
|
|
@ -5,7 +5,7 @@ VITE_UNI_APPID = 'H57F2ACE4'
|
|||
# VITE_WX_APPID = 'wxc48ad15d58a3e417' 六纬中考通
|
||||
# VITE_WX_APPID = 'wx4b925e36c17dd54a' 智能中专学校的
|
||||
# wx487ac749c0e10be5 深泉外国语的
|
||||
VITE_WX_APPID = 'wxc48ad15d58a3e417'
|
||||
VITE_WX_APPID = 'wx487ac749c0e10be5'
|
||||
# VITE_WX_VIDEO_ID= 'sphju9MCfZetYHP' 智能中专学校的
|
||||
# VITE_WX_VIDEO_ID= 'spht0MPpWjxEKb4' 深泉外国语
|
||||
VITE_WX_VIDEO_ID= 'spht0MPpWjxEKb4'
|
||||
|
|
@ -16,12 +16,12 @@ VITE_WX_VIDEO_ID= 'spht0MPpWjxEKb4'
|
|||
# VITE_CLOUD_BOT_ID= 'agent-wxai-4gl75um61026324f',
|
||||
|
||||
# 深泉外国语学院的
|
||||
# VITE_CLOUD_ENV_ID='cloud1-d9g4odcaqf6a2114f'
|
||||
# VITE_CLOUD_BOT_ID='agent-wxai-9gi3rts96061202f'
|
||||
VITE_CLOUD_ENV_ID='cloud1-d9g4odcaqf6a2114f'
|
||||
VITE_CLOUD_BOT_ID='agent-wxai-9gi3rts96061202f'
|
||||
|
||||
# 六纬中考通
|
||||
VITE_CLOUD_ENV_ID='cloud1-d3g5q6bq61a240786'
|
||||
VITE_CLOUD_BOT_ID='agent-wxai-4gl75um61026324f'
|
||||
# VITE_CLOUD_ENV_ID='cloud1-d3g5q6bq61a240786'
|
||||
# VITE_CLOUD_BOT_ID='agent-wxai-4gl75um61026324f'
|
||||
|
||||
# h5部署网站的base,配置到 manifest.config.ts 里的 h5.router.base
|
||||
# https://uniapp.dcloud.net.cn/collocation/manifest.html#h5-router
|
||||
|
|
|
|||
|
|
@ -169,7 +169,7 @@ function createOption(): Record<string, unknown> {
|
|||
radar: [
|
||||
{
|
||||
// 主雷达坐标系:负责显示文字、中间虚线网格和实际数据区域
|
||||
center: ['50%', '52%'],
|
||||
center: ['54%', '50%'],
|
||||
radius: '68%',
|
||||
shape: 'polygon',
|
||||
// 维度文字和雷达图外圈之间的距离,值越小文字越靠近图形
|
||||
|
|
@ -214,7 +214,7 @@ function createOption(): Record<string, unknown> {
|
|||
},
|
||||
{
|
||||
// 外圈边框坐标系:只负责叠加一层实线外边框
|
||||
center: ['50%', '52%'],
|
||||
center: ['54%', '50%'],
|
||||
radius: '68%',
|
||||
shape: 'polygon',
|
||||
nameGap: 4,
|
||||
|
|
|
|||
|
|
@ -67,10 +67,10 @@ const redirectToTest = () => {
|
|||
})
|
||||
}
|
||||
|
||||
onLoad((options:any) => {
|
||||
onLoad((options: any) => {
|
||||
shareOptions.value = normalizeShareOptions(options)
|
||||
|
||||
getCustomScaleExplains({query:{ CustomScaleId: options?.id }}).then((resp) => {
|
||||
getCustomScaleExplains({ query: { CustomScaleId: options?.id } }).then((resp) => {
|
||||
if (resp.code === 200) {
|
||||
detailData.value = resp.result;
|
||||
}
|
||||
|
|
@ -87,31 +87,34 @@ onShareAppMessage(() => {
|
|||
</script>
|
||||
|
||||
<template>
|
||||
<view class="flex flex-col bg-[#1880FC] relative">
|
||||
<view class="flex flex-col bg-[#1880FC] h-screen">
|
||||
<view class="flex-1 flex flex-col relative overflow-auto pb-[40rpx]">
|
||||
<image src="https://lw-zk.oss-cn-hangzhou.aliyuncs.com/img/CP/xq_BG.png" mode="scaleToFill"
|
||||
class="w-full h-[296rpx]" />
|
||||
class="w-full h-[296rpx] shrink-0" />
|
||||
<Navbar safeAreaInsetTop :bordered="false" leftArrow @clickLeft="handleBack" bg-color="transparent"
|
||||
:fixed="true" class="h-0">
|
||||
</Navbar>
|
||||
<view
|
||||
class="rounded-[0_0_24rpx_24rpx] bg-white min-h-[800rpx] px-[30rpx] pb-[22rpx] mx-[30rpx] mt-[-2rpx] flex flex-col">
|
||||
<view class="flex items-center">
|
||||
class="rounded-[0_0_24rpx_24rpx] bg-white pb-[22rpx] 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]">
|
||||
你的天赋类型为
|
||||
</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]" />
|
||||
<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]" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="text-[92rpx] font-[700] font-[AlimamaShuHeiTi] text-center my-[24rpx]">{{ detailData.reportView.scoreDimension }}</view>
|
||||
<view class="mx-[30rpx] 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="mx-[18rpx] 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="rounded-[24rpx] bg-gradient-to-t from-[#EAF3FF] to-[#F3F8FF] px-[30rpx] py-[20rpx] mt-[24rpx] flex items-center">
|
||||
class="rounded-[24rpx] bg-gradient-to-t from-[#EAF3FF] to-[#F3F8FF] pl-[30rpx] py-[20rpx] mt-[24rpx] flex items-center mx-[30rpx]">
|
||||
<view class="flex flex-col">
|
||||
<view class="text-[#F5663E] flex items-baseline">
|
||||
<view class="font-700 text-[72rpx] font-[DinBold]">{{ detailData.reportView.score }}</view>
|
||||
|
|
@ -119,15 +122,16 @@ onShareAppMessage(() => {
|
|||
</view>
|
||||
<view class="text-[#333] text-[24rpx] font-500">组织管理能力</view>
|
||||
<view class="w-[132rpx] h-[40rpx] mt-[10rpx]">
|
||||
<image src="https://lw-zk.oss-cn-hangzhou.aliyuncs.com/img/CP/xq_youshi.png" mode="scaleToFill"
|
||||
class="w-[132rpx] h-[40rpx]" />
|
||||
<image src="https://lw-zk.oss-cn-hangzhou.aliyuncs.com/img/CP/xq_youshi.png"
|
||||
mode="scaleToFill" class="w-[132rpx] h-[40rpx]" />
|
||||
</view>
|
||||
</view>
|
||||
<RadarChart class="flex-1" :data="detailData.picCharts" />
|
||||
</view>
|
||||
|
||||
<view class="text-[24rpx] text-[#333] flex items-center justify-center mt-[10rpx]">已超过济南 <view
|
||||
class="font-[DinBold] text-[32rpx] font-700 text-[#F5663E]">{{ detailData.reportView.beatPercent }}%</view> 的同龄学生</view>
|
||||
class="font-[DinBold] text-[32rpx] font-700 text-[#F5663E]">{{ detailData.reportView.beatPercent
|
||||
}}%</view> 的同龄学生</view>
|
||||
</view>
|
||||
|
||||
<view class="rounded-[24rpx] p-[30rpx] bg-white mx-[30rpx] mt-[20rpx]">
|
||||
|
|
@ -140,29 +144,26 @@ onShareAppMessage(() => {
|
|||
<view class="rounded-[24rpx] p-[30rpx] bg-white mx-[30rpx] mt-[20rpx]">
|
||||
<view class="text-[36rpx] font-600">{{ detailData.reportView.environmentTitle }}</view>
|
||||
<view class="grid grid-cols-2 gap-[6rpx] mt-[20rpx]">
|
||||
<view
|
||||
v-for="(item, index) in environmentCards"
|
||||
:key="`${item.title}-${index}`"
|
||||
class="h-[176rpx] px-[24rpx] py-[30rpx]"
|
||||
:class="getEnvironmentCardClass(index)"
|
||||
>
|
||||
<view v-for="(item, index) in environmentCards" :key="`${item.title}-${index}`"
|
||||
class="h-[176rpx] px-[24rpx] py-[30rpx] box-border" :class="getEnvironmentCardClass(index)">
|
||||
<view class="font-600 text-[32rpx]">{{ item.title }}</view>
|
||||
<view class="text-[24rpx] text-[#3D3D3D]">{{ item.description }}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
<view class="pb-safe bg-white mt-[40rpx]">
|
||||
<view class="pb-safe bg-white">
|
||||
<view class="py-[18rpx] px-[30rpx] flex items-center gap-[20rpx]">
|
||||
<view class="" @click="redirectToTest()">
|
||||
<button class="flex items-center justify-center rounded-full text-[32rpx] text-[#9E9E9E] h-[88rpx]! w-[240rpx]! bg-white border-solid border-[2rpx] border-[#9E9E9E]" >
|
||||
<button
|
||||
class="flex items-center justify-center rounded-full text-[32rpx] text-[#9E9E9E] h-[88rpx]! w-[240rpx]! bg-white border-solid border-[2rpx] border-[#9E9E9E]">
|
||||
重新测评
|
||||
</button>
|
||||
</view>
|
||||
<view class="z-2 relative">
|
||||
<button
|
||||
open-type="share"
|
||||
<button open-type="share"
|
||||
class="flex items-center justify-center 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">
|
||||
分享档案
|
||||
</button>
|
||||
|
|
|
|||
|
|
@ -87,14 +87,15 @@ onShareAppMessage(() => {
|
|||
</script>
|
||||
|
||||
<template>
|
||||
<view class="flex flex-col bg-[#1880FC] relative">
|
||||
<view class="flex flex-col bg-[#1880FC] h-screen">
|
||||
<view class="flex-1 flex flex-col relative overflow-auto pb-[40rpx]">
|
||||
<image src="https://lw-zk.oss-cn-hangzhou.aliyuncs.com/img/CP/xq_BG.png" mode="scaleToFill"
|
||||
class="w-full h-[296rpx]" />
|
||||
class="w-full h-[296rpx] shrink-0" />
|
||||
<Navbar safeAreaInsetTop :bordered="false" leftArrow @clickLeft="handleBack" bg-color="transparent"
|
||||
:fixed="true" class="h-0">
|
||||
</Navbar>
|
||||
<view
|
||||
class="rounded-[0_0_24rpx_24rpx] bg-white min-h-[800rpx] px-[30rpx] pb-[22rpx] mx-[30rpx] mt-[-2rpx] flex flex-col">
|
||||
class="rounded-[0_0_24rpx_24rpx] bg-white px-[30rpx] pb-[22rpx] 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]" />
|
||||
|
|
@ -111,7 +112,7 @@ onShareAppMessage(() => {
|
|||
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>
|
||||
|
||||
<view
|
||||
class="rounded-[24rpx] bg-gradient-to-t from-[#EAF3FF] to-[#F3F8FF] px-[30rpx] py-[20rpx] mt-[24rpx] flex items-center">
|
||||
class="rounded-[24rpx] bg-gradient-to-t from-[#EAF3FF] to-[#F3F8FF] pl-[30rpx] py-[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>
|
||||
|
|
@ -143,7 +144,7 @@ onShareAppMessage(() => {
|
|||
<view
|
||||
v-for="(item, index) in environmentCards"
|
||||
:key="`${item.title}-${index}`"
|
||||
class="h-[176rpx] px-[24rpx] py-[30rpx]"
|
||||
class="h-[176rpx] px-[24rpx] py-[30rpx] box-border"
|
||||
:class="getEnvironmentCardClass(index)"
|
||||
>
|
||||
<view class="font-600 text-[32rpx]">{{ item.title }}</view>
|
||||
|
|
@ -151,9 +152,10 @@ onShareAppMessage(() => {
|
|||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
<view class="pb-safe bg-white mt-[40rpx]">
|
||||
<view class="pb-safe bg-white">
|
||||
<view class="py-[18rpx] px-[30rpx] flex items-center gap-[20rpx]">
|
||||
<view class="" @click="redirectToTest()">
|
||||
<button class="flex items-center justify-center rounded-full text-[32rpx] text-[#9E9E9E] h-[88rpx]! w-[240rpx]! bg-white border-solid border-[2rpx] border-[#9E9E9E]" >
|
||||
|
|
|
|||
|
|
@ -60,15 +60,16 @@ onLoad((options:any) => {
|
|||
</script>
|
||||
|
||||
<template>
|
||||
<view class="flex flex-col bg-[#1880FC] relative">
|
||||
<view class="flex flex-col bg-[#1880FC] h-screen">
|
||||
<view class="flex-1 flex flex-col relative overflow-auto pb-[40rpx]">
|
||||
<image src="https://lw-zk.oss-cn-hangzhou.aliyuncs.com/img/CP/xq_BG.png" mode="scaleToFill"
|
||||
class="w-full h-[296rpx]" />
|
||||
class="w-full h-[296rpx] shrink-0" />
|
||||
<Navbar safeAreaInsetTop :bordered="false" leftArrow @clickLeft="handleBack" bg-color="transparent"
|
||||
:fixed="true" class="h-0">
|
||||
</Navbar>
|
||||
<view
|
||||
class="rounded-[0_0_24rpx_24rpx] bg-white px-[30rpx] pb-[22rpx] mx-[30rpx] mt-[-2rpx] flex flex-col">
|
||||
<view class="flex items-center">
|
||||
class="rounded-[0_0_24rpx_24rpx] bg-white pb-[22rpx] 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]">
|
||||
|
|
@ -80,29 +81,25 @@ onLoad((options:any) => {
|
|||
</view>
|
||||
</view>
|
||||
<view class="text-[92rpx] font-[700] font-[AlimamaShuHeiTi] text-center my-[24rpx]">{{ detailData.reportView.mainTitle }}</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>
|
||||
<view class="text-[28rpx] text-[#333] mt-[20rpx]">
|
||||
<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="text-[28rpx] text-[#333] mt-[20rpx] mx-[30rpx]">
|
||||
{{ detailData.reportView.portrait }}
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="rounded-[24rpx] p-[30rpx] bg-white mx-[30rpx] mt-[20rpx]">
|
||||
<view class="text-[36rpx] font-600">{{ detailData.reportView.environmentTitle }}</view>
|
||||
<view class="grid grid-cols-2 gap-[6rpx] mt-[20rpx]">
|
||||
<view
|
||||
v-for="(item, index) in environmentCards"
|
||||
:key="`${item.title}-${index}`"
|
||||
class="h-[176rpx] px-[24rpx] py-[30rpx]"
|
||||
:class="getEnvironmentCardClass(index)"
|
||||
>
|
||||
<view v-for="(item, index) in environmentCards" :key="`${item.title}-${index}`"
|
||||
class="h-[176rpx] px-[24rpx] py-[30rpx] box-border" :class="getEnvironmentCardClass(index)">
|
||||
<view class="font-600 text-[32rpx]">{{ item.title }}</view>
|
||||
<view class="text-[24rpx] text-[#3D3D3D]">{{ item.description }}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
<view class="pb-safe bg-white mt-[40rpx]">
|
||||
<view class="pb-safe bg-white">
|
||||
<view class="py-[18rpx] px-[30rpx] flex items-center gap-[20rpx]">
|
||||
<view class="" @click="redirectToTest()">
|
||||
<button class="flex items-center justify-center rounded-full text-[32rpx] text-[#9E9E9E] h-[88rpx]! w-[240rpx]! bg-white border-solid border-[2rpx] border-[#9E9E9E]" >
|
||||
|
|
|
|||
|
|
@ -67,10 +67,10 @@ const redirectToTest = () => {
|
|||
})
|
||||
}
|
||||
|
||||
onLoad((options:any) => {
|
||||
onLoad((options: any) => {
|
||||
shareOptions.value = normalizeShareOptions(options)
|
||||
|
||||
getCustomScaleExplains({query:{ CustomScaleId: options?.id }}).then((resp) => {
|
||||
getCustomScaleExplains({ query: { CustomScaleId: options?.id } }).then((resp) => {
|
||||
if (resp.code === 200) {
|
||||
detailData.value = resp.result;
|
||||
}
|
||||
|
|
@ -87,31 +87,34 @@ onShareAppMessage(() => {
|
|||
</script>
|
||||
|
||||
<template>
|
||||
<view class="flex flex-col bg-[#1880FC] relative">
|
||||
<view class="flex flex-col bg-[#1880FC] h-screen">
|
||||
<view class="flex-1 flex flex-col relative overflow-auto pb-[40rpx]">
|
||||
<image src="https://lw-zk.oss-cn-hangzhou.aliyuncs.com/img/CP/xq_BG.png" mode="scaleToFill"
|
||||
class="w-full h-[296rpx]" />
|
||||
class="w-full h-[296rpx] shrink-0" />
|
||||
<Navbar safeAreaInsetTop :bordered="false" leftArrow @clickLeft="handleBack" bg-color="transparent"
|
||||
:fixed="true" class="h-0">
|
||||
</Navbar>
|
||||
<view
|
||||
class="rounded-[0_0_24rpx_24rpx] bg-white min-h-[800rpx] px-[30rpx] pb-[22rpx] mx-[30rpx] mt-[-2rpx] flex flex-col">
|
||||
<view class="flex items-center">
|
||||
class="rounded-[0_0_24rpx_24rpx] bg-white pb-[22rpx] 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]">
|
||||
你的天赋类型为
|
||||
</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]" />
|
||||
<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]" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="text-[92rpx] font-[700] font-[AlimamaShuHeiTi] text-center my-[24rpx]">{{ detailData.reportView.scoreDimension }}</view>
|
||||
<view class="mx-[30rpx] 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="mx-[18rpx] 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="rounded-[24rpx] bg-gradient-to-t from-[#EAF3FF] to-[#F3F8FF] px-[30rpx] py-[20rpx] mt-[24rpx] flex items-center">
|
||||
class="rounded-[24rpx] bg-gradient-to-t from-[#EAF3FF] to-[#F3F8FF] pl-[30rpx] py-[20rpx] mt-[24rpx] flex items-center mx-[30rpx]">
|
||||
<view class="flex flex-col">
|
||||
<view class="text-[#F5663E] flex items-baseline">
|
||||
<view class="font-700 text-[72rpx] font-[DinBold]">{{ detailData.reportView.score }}</view>
|
||||
|
|
@ -119,15 +122,16 @@ onShareAppMessage(() => {
|
|||
</view>
|
||||
<view class="text-[#333] text-[24rpx] font-500">组织管理能力</view>
|
||||
<view class="w-[132rpx] h-[40rpx] mt-[10rpx]">
|
||||
<image src="https://lw-zk.oss-cn-hangzhou.aliyuncs.com/img/CP/xq_youshi.png" mode="scaleToFill"
|
||||
class="w-[132rpx] h-[40rpx]" />
|
||||
<image src="https://lw-zk.oss-cn-hangzhou.aliyuncs.com/img/CP/xq_youshi.png"
|
||||
mode="scaleToFill" class="w-[132rpx] h-[40rpx]" />
|
||||
</view>
|
||||
</view>
|
||||
<RadarChart class="flex-1" :data="detailData.picCharts" />
|
||||
</view>
|
||||
|
||||
<view class="text-[24rpx] text-[#333] flex items-center justify-center mt-[10rpx]">已超过济南 <view
|
||||
class="font-[DinBold] text-[32rpx] font-700 text-[#F5663E]">{{ detailData.reportView.beatPercent }}%</view> 的同龄学生</view>
|
||||
class="font-[DinBold] text-[32rpx] font-700 text-[#F5663E]">{{ detailData.reportView.beatPercent
|
||||
}}%</view> 的同龄学生</view>
|
||||
</view>
|
||||
|
||||
<view class="rounded-[24rpx] p-[30rpx] bg-white mx-[30rpx] mt-[20rpx]">
|
||||
|
|
@ -140,29 +144,26 @@ onShareAppMessage(() => {
|
|||
<view class="rounded-[24rpx] p-[30rpx] bg-white mx-[30rpx] mt-[20rpx]">
|
||||
<view class="text-[36rpx] font-600">{{ detailData.reportView.environmentTitle }}</view>
|
||||
<view class="grid grid-cols-2 gap-[6rpx] mt-[20rpx]">
|
||||
<view
|
||||
v-for="(item, index) in environmentCards"
|
||||
:key="`${item.title}-${index}`"
|
||||
class="h-[176rpx] px-[24rpx] py-[30rpx]"
|
||||
:class="getEnvironmentCardClass(index)"
|
||||
>
|
||||
<view v-for="(item, index) in environmentCards" :key="`${item.title}-${index}`"
|
||||
class="h-[176rpx] px-[24rpx] py-[30rpx] box-border" :class="getEnvironmentCardClass(index)">
|
||||
<view class="font-600 text-[32rpx]">{{ item.title }}</view>
|
||||
<view class="text-[24rpx] text-[#3D3D3D]">{{ item.description }}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
<view class="pb-safe bg-white mt-[40rpx]">
|
||||
<view class="pb-safe bg-white">
|
||||
<view class="py-[18rpx] px-[30rpx] flex items-center gap-[20rpx]">
|
||||
<view class="" @click="redirectToTest()">
|
||||
<button class="flex items-center justify-center rounded-full text-[32rpx] text-[#9E9E9E] h-[88rpx]! w-[240rpx]! bg-white border-solid border-[2rpx] border-[#9E9E9E]" >
|
||||
<button
|
||||
class="flex items-center justify-center rounded-full text-[32rpx] text-[#9E9E9E] h-[88rpx]! w-[240rpx]! bg-white border-solid border-[2rpx] border-[#9E9E9E]">
|
||||
重新测评
|
||||
</button>
|
||||
</view>
|
||||
<view class="z-2 relative">
|
||||
<button
|
||||
open-type="share"
|
||||
<button open-type="share"
|
||||
class="flex items-center justify-center 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">
|
||||
分享档案
|
||||
</button>
|
||||
|
|
|
|||
|
|
@ -1,19 +1,19 @@
|
|||
<template>
|
||||
<view class="bg-[#F8F8F8] flex flex-col pb-safe relative min-h-[calc(100vh-118px)] z-0">
|
||||
<view class="bg-[#F8F8F8] flex flex-col pb-safe relative min-h-[calc(100vh-118px)] 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>
|
||||
<sar-navbar :fixed="true" fixation-style="top:unset;"
|
||||
:root-style="{ '--sar-navbar-bg': `rgba(255, 255, 255, ${opacity})`, '--sar-navbar-height': `${systemInfo?.statusBarHeight + 44}px` }">
|
||||
</sar-navbar>
|
||||
<view class="z-2 px-[30rpx] mt-[40rpx]">
|
||||
<view class="z-2 px-[30rpx] mt-[28rpx]">
|
||||
<image src="https://lw-zk.oss-cn-hangzhou.aliyuncs.com/img/CP/ce_biaoti.png" mode="scaleToFill"
|
||||
class="w-[374rpx] h-[116rpx] z-2" />
|
||||
<view class="flex items-center text-[24rpx] text-[#666] mt-[10rpx]">
|
||||
<image src="https://lw-zk.oss-cn-hangzhou.aliyuncs.com/img/CP/ceping_touxiang.png" mode="scaleToFill"
|
||||
class="w-[74rpx] h-[28rpx]" />
|
||||
<view>已帮助</view>
|
||||
<view class="text-[#F5663E] font-[DinBold] font-700 text-[26rpx]">22632</view>
|
||||
<view class="text-[#F5663E] font-[DinBold] font-700 text-[26rpx] leading-[1]">22632</view>
|
||||
<view>济南家庭</view>
|
||||
</view>
|
||||
</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">{{ item.name }}</view>
|
||||
<view class="text-[34rpx] text-black font-500 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"
|
||||
|
|
@ -55,7 +55,7 @@
|
|||
</view>
|
||||
</view>
|
||||
|
||||
<view class="z-2 mt-[48rpx] relative" v-if="!getAward">
|
||||
<view class="z-2 mt-[86rpx] relative" v-if="!getAward">
|
||||
<button
|
||||
class="flex items-center justify-center rounded-full text-[32rpx] bg-[#EAEDF2] text-[#9E9E9E] h-[96rpx]! w-[600rpx]!">
|
||||
完成全部测评,即可领取
|
||||
|
|
@ -63,9 +63,9 @@
|
|||
<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-[48rpx] relative" v-else @click="navigateToServer">
|
||||
<view class="z-2 mt-[86rpx] relative" v-else @click="navigateToServer">
|
||||
<button
|
||||
class="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">
|
||||
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"
|
||||
|
|
|
|||
|
|
@ -122,9 +122,9 @@ export function getEnvBaseUrl() {
|
|||
// https://liebian.ycymedu.com 智能中专学校的
|
||||
// https://xqwgy.ycymedu.com/ 深泉外国语学院
|
||||
// # 有些同学可能需要在微信小程序里面根据 develop、trial、release 分别设置上传地址,参考代码如下。
|
||||
const VITE_SERVER_BASEURL__WEIXIN_DEVELOP = 'https://senior.ycymedu.com'
|
||||
const VITE_SERVER_BASEURL__WEIXIN_TRIAL = 'https://senior.ycymedu.com'
|
||||
const VITE_SERVER_BASEURL__WEIXIN_RELEASE = 'https://senior.ycymedu.com'
|
||||
const VITE_SERVER_BASEURL__WEIXIN_DEVELOP = 'https://xqwgy.ycymedu.com'
|
||||
const VITE_SERVER_BASEURL__WEIXIN_TRIAL = 'https://xqwgy.ycymedu.com'
|
||||
const VITE_SERVER_BASEURL__WEIXIN_RELEASE = 'https://xqwgy.ycymedu.com'
|
||||
|
||||
// 微信小程序端环境区分
|
||||
if (isMpWeixin) {
|
||||
|
|
|
|||
Loading…
Reference in New Issue