jackyu66gitandCursor
69d9825b63
新增愈心魔方 WebView Tab、首页魔方横幅与四宫格入口（心理测评/咨询/情绪压力评估/就医保障）；H5 地址配置于 yxgConfig.js。 Co-authored-by: Cursor <cursoragent@cursor.com>
926 lines
27 KiB
Vue
926 lines
27 KiB
Vue
<template>
|
|
<view class="content">
|
|
|
|
<view class="banner">
|
|
<view style="width: 750rpx;margin-top: 18px;"></view>
|
|
<myNav title="愈心谷" bgColor="nonoe" titleColor="#D1502B" :isJcenter="true" :backIcon="false" :backHome="false"
|
|
:flex="false"></myNav>
|
|
|
|
<view style="width: 670rpx;height: 296rpx;margin-top: 20px;">
|
|
<uni-swiper-dot :info="banners" mode="default" :current="current" :dots-styles="dotsStyles">
|
|
<swiper class="swiper" @change="change" next-margin="-90rpx" style="width: 670rpx;height: 296rpx;">
|
|
<swiper-item v-for="(item,index) in banners" :key="index">
|
|
<view class="swiper-item uni-bg-red" style="width: 670rpx;height: 256rpx;">
|
|
<image :src="item.bannerImage" mode="widthFix"
|
|
style="width: 670rpx;border-radius: 10rpx;"
|
|
@click="showBanner(item)">
|
|
</image>
|
|
</view>
|
|
</swiper-item>
|
|
</swiper>
|
|
</uni-swiper-dot>
|
|
</view>
|
|
<view class="yxg-magic-entry" @click="toYxgMagic">
|
|
<view class="yxg-magic-banner-wrap">
|
|
<image
|
|
class="yxg-magic-banner"
|
|
src="/static/n-main/yxg-magic-cube.jpg"
|
|
mode="widthFix"
|
|
></image>
|
|
<text class="yxg-magic-title">愈心魔方</text>
|
|
</view>
|
|
<text class="yxg-magic-desc">数字魔方、亲子魔方、艺术魔方、急救魔方、情感魔方、成长魔方、解构魔方</text>
|
|
</view>
|
|
<view
|
|
style="width: 670rpx;display: flex;justify-content: space-between;align-items: center;margin-top: 20rpx;">
|
|
<!-- 左边部分 -->
|
|
<view style="width: 324rpx;height: 168rpx;border-radius: 10rpx;
|
|
background: linear-gradient(180deg, #FFE6DF 2%, #FCF3EA 100%);
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
align-items: center;
|
|
padding-right: 36rpx;
|
|
" @click="toTestList">
|
|
<view style="display: flex;flex-direction: column;flex: 1;min-width: 0;justify-content: center;margin-left: 20rpx;">
|
|
<text style="color: #614D49;
|
|
font-family: SourceHanSansBold;font-variation-settings: 'opsz' auto;
|
|
font-size: 30rpx;
|
|
line-height: 1.2;
|
|
letter-spacing: 0px;
|
|
white-space: nowrap;">
|
|
心理测评
|
|
</text>
|
|
<text style="margin-top: 8rpx;color: #B88973;
|
|
font-family: SourceHanSans;ont-variation-settings: 'opsz' auto;
|
|
font-size: 24rpx;
|
|
font-weight: normal;
|
|
line-height: normal;
|
|
letter-spacing: 0px;">
|
|
探寻自我
|
|
</text>
|
|
</view>
|
|
<image src="/static/n-main/icon-emotion-assess.png"
|
|
style="flex-shrink: 0;width: 90rpx;height: 90rpx;margin-left: 6rpx;"></image>
|
|
</view>
|
|
<!-- 右边部分 -->
|
|
<view style="width: 324rpx;height: 168rpx;border-radius: 10rpx;
|
|
background: linear-gradient(180deg, #FFE6DF 2%, #FCF3EA 100%);
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
align-items: center;
|
|
padding-right: 36rpx;
|
|
" @click="toZxList">
|
|
<view style="display: flex;flex-direction: column;flex: 1;min-width: 0;justify-content: center;margin-left: 20rpx;">
|
|
<text style="color: #614D49;
|
|
font-family: SourceHanSansBold;font-variation-settings: 'opsz' auto;
|
|
font-size: 30rpx;
|
|
line-height: normal;
|
|
letter-spacing: 0px;
|
|
white-space: nowrap;">
|
|
心理咨询
|
|
</text>
|
|
<text style="margin-top: 8rpx;color: #B88973;
|
|
font-family: SourceHanSans;ont-variation-settings: 'opsz' auto;
|
|
font-size: 24rpx;
|
|
font-weight: normal;
|
|
line-height: normal;
|
|
letter-spacing: 0px;">
|
|
严选咨询师
|
|
</text>
|
|
</view>
|
|
<image src="/static/n-main/icon-consult.png"
|
|
style="flex-shrink: 0;width: 82rpx;height: 82rpx;margin-left: 6rpx;"></image>
|
|
</view>
|
|
</view>
|
|
<view
|
|
style="width: 670rpx;display: flex;justify-content: space-between;align-items: center;margin-top: 20rpx;">
|
|
<view style="width: 324rpx;height: 168rpx;border-radius: 10rpx;
|
|
background: linear-gradient(180deg, #FFE6DF 2%, #FCF3EA 100%);
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
align-items: center;
|
|
padding-right: 36rpx;
|
|
" @click="toBioelectric">
|
|
<view style="display: flex;flex-direction: column;flex: 1;min-width: 0;justify-content: center;margin-left: 20rpx;">
|
|
<text style="color: #614D49;
|
|
font-family: SourceHanSansBold;font-variation-settings: 'opsz' auto;
|
|
font-size: 30rpx;
|
|
line-height: normal;
|
|
letter-spacing: 0px;
|
|
white-space: nowrap;">
|
|
情绪压力评估
|
|
</text>
|
|
<text style="margin-top: 8rpx;color: #B88973;
|
|
font-family: SourceHanSans;ont-variation-settings: 'opsz' auto;
|
|
font-size: 24rpx;
|
|
font-weight: normal;
|
|
line-height: normal;
|
|
letter-spacing: 0px;">
|
|
脑机检测
|
|
</text>
|
|
</view>
|
|
<image src="/static/n-main/icon-bioelectric.png"
|
|
style="flex-shrink: 0;width: 90rpx;height: 90rpx;margin-left: 6rpx;"></image>
|
|
</view>
|
|
<view style="width: 324rpx;height: 168rpx;border-radius: 10rpx;
|
|
background: linear-gradient(180deg, #FFE6DF 2%, #FCF3EA 100%);
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
align-items: center;
|
|
padding-right: 36rpx;
|
|
" @click="toMedicalService">
|
|
<view style="display: flex;flex-direction: column;flex: 1;min-width: 0;justify-content: center;margin-left: 20rpx;">
|
|
<text style="color: #614D49;
|
|
font-family: SourceHanSansBold;font-variation-settings: 'opsz' auto;
|
|
font-size: 30rpx;
|
|
line-height: normal;
|
|
letter-spacing: 0px;
|
|
white-space: nowrap;">
|
|
就医保障
|
|
</text>
|
|
<text style="margin-top: 8rpx;color: #B88973;
|
|
font-family: SourceHanSans;ont-variation-settings: 'opsz' auto;
|
|
font-size: 24rpx;
|
|
font-weight: normal;
|
|
line-height: normal;
|
|
letter-spacing: 0px;">
|
|
绿色就医
|
|
</text>
|
|
</view>
|
|
<image src="/static/n-main/icon-medical.png"
|
|
style="flex-shrink: 0;width: 82rpx;height: 82rpx;margin-left: 6rpx;"></image>
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
<view
|
|
style="width: 750rpx;border-radius: 32rpx 32rpx 0rpx 0rpx;margin-top: 60rpx;
|
|
opacity: 1;<!-- background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #FFF4C7 100%); -->display: flex;flex-direction: column;">
|
|
<view style="display: flex;margin-top: 16rpx;margin-left: 40rpx; align-items: center;">
|
|
<text style="margin-left: 8rpx;color: #614D49;
|
|
font-family: SourceHanSansBold;ont-variation-settings: 'opsz' auto;
|
|
font-size: 32rpx;
|
|
line-height: normal;
|
|
letter-spacing: 0px;">
|
|
艺术疗愈
|
|
</text>
|
|
|
|
<view style="display: flex;margin-left: 442rpx;align-items: center;" @click="toHealingView">
|
|
<text style="color: #9B918C;
|
|
font-family: SourceHanSans;ont-variation-settings: 'opsz' auto;
|
|
font-size: 24rpx;
|
|
font-weight: normal;
|
|
line-height: normal;
|
|
letter-spacing: 0px;">
|
|
更多
|
|
</text>
|
|
<image src="/static/n-main/to-right.png" style="width: 12rpx;height: 20rpx; margin-left: 10rpx;"></image>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view style="width: 750rpx;display: flex;flex-direction: column;align-items: center;
|
|
display: flex; border-radius: 32rpx;">
|
|
<view style="width: 670rpx;margin-top: 6rpx;display: flex;align-items: center;justify-content: space-between;">
|
|
</view>
|
|
<view v-for="(item,index) in newHealingList" :key="index"
|
|
style="width: 750rpx;height: 196rpx;background-color: #fff;margin-top: 14rpx;display: flex;flex-direction: column; align-items: center;justify-content: center;">
|
|
<view style="width: 670rpx;display: flex;flex-direction: row; align-items: center;justify-content:space-between;" @click="toHealingDetail(item)">
|
|
<text style="color: #614D49;
|
|
width: 350rpx;
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-line-clamp: 3;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
word-break: break-all;
|
|
font-family: SourceHanSansBold;ont-variation-settings: 'opsz' auto;
|
|
font-size: 28rpx;
|
|
line-height: normal;
|
|
letter-spacing: 0px;">
|
|
{{item.title}}
|
|
</text>
|
|
<image :src="item.showImage" style="width: 200rpx;height: 156rpx;border-radius: 10rpx;"></image>
|
|
</view>
|
|
</view>
|
|
<view v-if="newHealingList.length==0" >
|
|
<text style="color: #9B918C;
|
|
font-family: SourceHanSansBold;ont-variation-settings: 'opsz' auto;
|
|
font-size: 28rpx;
|
|
line-height: normal;
|
|
letter-spacing: 0px;">暂无疗愈内容</text>
|
|
</view>
|
|
</view>
|
|
|
|
<view
|
|
style="width: 750rpx;border-radius: 32rpx 32rpx 0rpx 0rpx;margin-top: 20rpx;
|
|
opacity: 1;<!-- background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #FFF4C7 100%); -->display: flex;flex-direction: column;">
|
|
<view style="display: flex;margin-top: 16rpx;margin-left: 40rpx; align-items: center;">
|
|
<text style="margin-left: 8rpx;color: #614D49;
|
|
font-family: SourceHanSansBold;ont-variation-settings: 'opsz' auto;
|
|
font-size: 32rpx;
|
|
line-height: normal;
|
|
letter-spacing: 0px;">
|
|
活动中心
|
|
</text>
|
|
|
|
<view style="display: flex;margin-left: 442rpx;align-items: center;" @click="toActiveView">
|
|
<text style="color: #9B918C;
|
|
font-family: SourceHanSans;ont-variation-settings: 'opsz' auto;
|
|
font-size: 24rpx;
|
|
font-weight: normal;
|
|
line-height: normal;
|
|
letter-spacing: 0px;">
|
|
更多
|
|
</text>
|
|
<image src="/static/n-main/to-right.png" style="width: 12rpx;height: 20rpx; margin-left: 10rpx;"></image>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
|
|
<view style="width: 750rpx;display: flex;flex-direction: column;align-items: center;
|
|
display: flex;background-color: transparent;border-radius: 32rpx;">
|
|
<view style="width: 670rpx;margin-top: 10rpx;display: flex;align-items: center;justify-content: space-between;">
|
|
</view>
|
|
<view v-for="(item,index) in newActivityList" :key="index"
|
|
style="width: 670rpx; height: 300rpx;background-color: #fff;border-radius: 10rpx; margin-top: 14rpx;display: flex;flex-direction: column; align-items: flex-start;justify-content: flex-start;">
|
|
<image :src="item.showImage" style="width: 670rpx;height: 220rpx;border-top-right-radius: 10rpx;border-top-left-radius: 10rpx;" @click="toActiveDetail(item)"></image>
|
|
<view style="display: flex;flex-direction: column;margin-left: 20rpx;">
|
|
<text style="color: #614D49;
|
|
width: 670rpx;
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-line-clamp: 1;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
word-break: break-all;
|
|
font-family: SourceHanSansBold;ont-variation-settings: 'opsz' auto;
|
|
margin-top: 20rpx;
|
|
font-size: 28rpx;
|
|
font-weight: 400;
|
|
line-height: normal;
|
|
letter-spacing: 0px;">
|
|
{{item.title}}
|
|
</text>
|
|
</view>
|
|
</view>
|
|
<view v-if="newActivityList.length==0" >
|
|
<text style="color: #9B918C;
|
|
font-family: SourceHanSansBold;ont-variation-settings: 'opsz' auto;
|
|
font-size: 28rpx;
|
|
line-height: normal;
|
|
letter-spacing: 0px;">暂无活动内容</text>
|
|
</view>
|
|
</view>
|
|
|
|
<view
|
|
style="width: 750rpx;border-radius: 32rpx 32rpx 0rpx 0rpx;margin-top: 20rpx;
|
|
opacity: 1;<!-- background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #FFF4C7 100%); -->display: flex;flex-direction: column;">
|
|
<view style="display: flex;margin-top: 16rpx;margin-left: 40rpx;align-items: center;">
|
|
<text style="margin-left: 8rpx;color: #614D49;
|
|
font-family: SourceHanSansBold;ont-variation-settings: 'opsz' auto;
|
|
font-size: 32rpx;
|
|
line-height: normal;
|
|
letter-spacing: 0px;">
|
|
经典必测
|
|
</text>
|
|
<view style="display: flex;margin-left: 442rpx;align-items: center;" @click="toTestList">
|
|
<text style="color: #9B918C;
|
|
font-family: SourceHanSans;ont-variation-settings: 'opsz' auto;
|
|
font-size: 24rpx;
|
|
font-weight: normal;
|
|
line-height: normal;
|
|
letter-spacing: 0px;">
|
|
更多
|
|
</text>
|
|
<image src="/static/n-main/to-right.png" style="width: 12rpx;height: 20rpx; margin-left: 10rpx;"></image>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view style="width: 670rpx;margin-left: 40rpx; display: flex;flex-direction: column;align-items: center;
|
|
display: flex;background-color: transparent;border-radius: 32rpx;">
|
|
<view style="width: 670rpx;margin-top: 6rpx;display: flex;align-items: center;justify-content: space-between;">
|
|
</view>
|
|
<!-- 个人测评 -->
|
|
<view v-for="(item,index) in testList" :key="index"
|
|
style="width: 650rpx;background-color: #fff;border-radius: 10rpx; padding: 20rpx; margin-top: 14rpx;display: flex;align-items: center;justify-content: space-between;">
|
|
<view style="display: flex;">
|
|
<image :src="item.testPic" style="width: 140rpx;height: 140rpx;border-radius: 10rpx;"></image>
|
|
<view style="display: flex;flex-direction: column;margin-left: 20rpx;">
|
|
<text style="color: #614D49;
|
|
font-family: SourceHanSansBold;ont-variation-settings: 'opsz' auto;
|
|
font-size: 28rpx;
|
|
line-height: normal;
|
|
letter-spacing: 0px;">
|
|
{{item.testName}}
|
|
</text>
|
|
<view style="margin-top: 8rpx;display: flex;align-items: center;">
|
|
|
|
<view style="width: fit-content;margin-left: 10rpx;
|
|
border-radius: 32rpx;
|
|
display: flex;
|
|
text-align: center;
|
|
justify-content: center;
|
|
padding-top: 4rpx;
|
|
padding-bottom: 4rpx;
|
|
padding-left: 10rpx;
|
|
padding-right: 10rpx;
|
|
border: 1px solid #EA8D7A;">
|
|
<text style="color: #F37155;
|
|
font-family: SourceHanSans;ont-variation-settings: 'opsz' auto;
|
|
font-size: 20rpx;
|
|
font-weight: normal;
|
|
letter-spacing: 0px;">
|
|
{{item.showNum}}人已测
|
|
</text>
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<text style="color: #9B918C;margin-top: 26rpx;
|
|
font-family: SourceHanSans;ont-variation-settings: 'opsz' auto;
|
|
font-size: 20rpx;
|
|
font-weight: normal;
|
|
line-height: normal;
|
|
letter-spacing: 0px;">
|
|
{{item.subTitle}}
|
|
</text>
|
|
|
|
</view>
|
|
</view>
|
|
<view @click="goTest(item)" style="width:fit-content;
|
|
height: fit-content;
|
|
border-radius: 2002rpx;
|
|
opacity: 1;
|
|
display: flex;
|
|
padding: 8rpx 40rpx;justify-content: center;align-items: center;
|
|
background: linear-gradient(180deg, #E84B2A 0%, #FF846A 100%);">
|
|
<text style="color: #FFFFFF;
|
|
font-family: SourceHanSansBold;ont-variation-settings: 'opsz' auto;
|
|
font-size: 28rpx;
|
|
line-height: normal;
|
|
letter-spacing: 0px;">
|
|
测评
|
|
</text>
|
|
</view>
|
|
</view>
|
|
<view v-if="testList.length==0" >
|
|
<text style="color: #9B918C;
|
|
font-family: SourceHanSansBold;ont-variation-settings: 'opsz' auto;
|
|
font-size: 28rpx;
|
|
line-height: normal;
|
|
letter-spacing: 0px;">
|
|
暂无测评信息
|
|
</text>
|
|
</view>
|
|
|
|
|
|
</view>
|
|
|
|
|
|
<view
|
|
style="width: 750rpx;border-radius: 32rpx 32rpx 0rpx 0rpx;margin-top: 20rpx;
|
|
opacity: 1;<!-- background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #FFF4C7 100%); -->display: flex;flex-direction: column;">
|
|
<view style="display: flex;margin-top: 16rpx;margin-left: 40rpx; align-items: center;">
|
|
<text style="margin-left: 8rpx;color: #614D49;
|
|
font-family: SourceHanSansBold;ont-variation-settings: 'opsz' auto;
|
|
font-size: 32rpx;
|
|
line-height: normal;
|
|
letter-spacing: 0px;">
|
|
咨询推荐
|
|
</text>
|
|
|
|
<view style="display: flex;margin-left: 442rpx;align-items: center;" @click="toZxList">
|
|
<text style="color: #9B918C;
|
|
font-family: SourceHanSans;ont-variation-settings: 'opsz' auto;
|
|
font-size: 24rpx;
|
|
font-weight: normal;
|
|
line-height: normal;
|
|
letter-spacing: 0px;">
|
|
更多
|
|
</text>
|
|
<image src="/static/n-main/to-right.png" style="width: 12rpx;height: 20rpx; margin-left: 10rpx;"></image>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
|
|
<view style="width: 750rpx;display: flex;flex-direction: column;align-items: center;
|
|
display: flex;background-color: transparent;
|
|
padding-bottom: 15rpx;border-radius: 10rpx;">
|
|
<view style="width: 670rpx;margin-top: 6rpx;display: flex;align-items: center;justify-content: space-between;">
|
|
</view>
|
|
<view class="show-card" v-for="(item,index) in consultList" :key="index" @click="toDetail(item)">
|
|
<view style="position: relative;height: 204rpx;">
|
|
<image :src="item.avatar" style="width: 156rpx;height: 204rpx;border-radius: 10rpx;"></image>
|
|
</view>
|
|
<view style="position: relative; display: flex;flex-direction: column;margin-left: 20rpx;width: 452rpx;
|
|
justify-content: space-between">
|
|
<view style="display: flex;flex-direction: column; gap: 4rpx;">
|
|
<text class="show-name">
|
|
{{item.name}}
|
|
</text>
|
|
<view style="display: flex;height: 28rpx;" v-if="item.tags&&item.tags.length==1">
|
|
<view class="tag">
|
|
<text class="tag-text">{{item.tags[0]}}</text>
|
|
</view>
|
|
</view>
|
|
|
|
<view style="display: flex;height: 28rpx;" v-if="item.tags&&item.tags.length==2">
|
|
<view class="tag">
|
|
<text class="tag-text">{{item.tags[0]}}</text>
|
|
</view>
|
|
<view class="tag" style="margin-left:20rpx;">
|
|
<text class="tag-text">{{item.tags[1]}}</text>
|
|
</view>
|
|
</view>
|
|
|
|
<view style="display: flex;height: 28rpx;" v-if="item.tags&&item.tags.length==3">
|
|
<view class="tag">
|
|
<text class="tag-text">{{item.tags[0]}}</text>
|
|
</view>
|
|
<view class="tag" style="margin-left:20rpx;">
|
|
<text class="tag-text">{{item.tags[1]}}</text>
|
|
</view>
|
|
<view class="tag" style="margin-left:20rpx;">
|
|
<text class="tag-text">{{item.tags[2]}}</text>
|
|
</view>
|
|
</view>
|
|
|
|
<view style="display: flex;height: 28rpx;" v-if="item.tags&&item.tags.length>=4">
|
|
<view class="tag">
|
|
<text class="tag-text">{{item.tags[0]}}</text>
|
|
</view>
|
|
<view class="tag" style="margin-left:20rpx;">
|
|
<text class="tag-text">{{item.tags[1]}}</text>
|
|
</view>
|
|
<view class="tag" style="margin-left:20rpx;">
|
|
<text class="tag-text">{{item.tags[2]}}</text>
|
|
</view>
|
|
<view class="tag" style="margin-left:20rpx;">
|
|
<text class="tag-text">{{item.tags[3]}}</text>
|
|
</view>
|
|
</view>
|
|
<text class="show-introduce" >
|
|
{{item.introduction}}
|
|
</text>
|
|
<!-- <text class="show-introduce">
|
|
擅长:婚姻家庭/情绪管理/个人成长从业15年·咨询经验3300+小小时
|
|
</text> -->
|
|
</view>
|
|
<view style="position: absolute; right: 10rpx; bottom: -10rpx; display: flex;justify-content: flex-end;align-items: baseline;">
|
|
<view>
|
|
<text class="momey-text">
|
|
¥ {{item.price/100}}
|
|
</text>
|
|
<text class="unit-text">
|
|
/次
|
|
</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view v-if="consultList.length==0" >
|
|
<text style="color: #9B918C;
|
|
font-family: SourceHanSansBold;ont-variation-settings: 'opsz' auto;
|
|
font-size: 28rpx;
|
|
line-height: normal;
|
|
letter-spacing: 0px;">
|
|
暂无推荐信息
|
|
</text>
|
|
</view>
|
|
</view>
|
|
<web-view v-if="showWebView" :src="externalUrl"></web-view>
|
|
</view>
|
|
</template>
|
|
|
|
<script setup>
|
|
import myNav from '@/components/my-nav.vue'
|
|
import {
|
|
urls
|
|
} from '@/util/apiUrl.js'
|
|
import dohttp from '@/util/requestConfig.js'
|
|
|
|
const banners = ref([])
|
|
const testList = ref([])
|
|
const consultList = ref([])
|
|
const newHealingList = ref([])
|
|
const newActivityList = ref([])
|
|
const showWebView = ref(false)
|
|
const externalUrl = ref()
|
|
const dotsStyles = ref({
|
|
backgroundColor: 'rgba(96, 98, 113, 1)',
|
|
border: '1px rgba(96, 98, 113, 1) solid',
|
|
color: '#fff',
|
|
selectedBackgroundColor: 'rgba(231, 86, 55, 1)',
|
|
selectedBorder: '1px rgba(231, 86, 55, 1) solid'
|
|
})
|
|
const current = ref(0)
|
|
const change = (e) => {
|
|
current.value = e.detail.current
|
|
}
|
|
const showBanner = (item) => {
|
|
if (item.jumpType == 1) {
|
|
uni.navigateTo({
|
|
"url": "/pages/show-banner/show-banner?url=" + item.clickUrl,
|
|
"animationType": "pop-in"
|
|
})
|
|
} else {
|
|
uni.showModal({
|
|
title: '跳转异常',
|
|
content: '该banner跳转方式不正确，请稍后再试',
|
|
showCancel: false,
|
|
success: function(res) {
|
|
if (res.confirm) {
|
|
|
|
}
|
|
}
|
|
})
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
const onShareAppMessage = () => {
|
|
return {
|
|
title: '快来体验一下吧~',
|
|
path: '/pages/index/index', // 分享的路径
|
|
};
|
|
};
|
|
|
|
const onShareTimeline = () => {
|
|
return {
|
|
title: '快来体验一下吧~',
|
|
query: 'id=1', // 分享路径的参数
|
|
};
|
|
};
|
|
onLoad(() => {
|
|
|
|
|
|
})
|
|
onMounted(() => {
|
|
getBanner()
|
|
getPsychicTest()
|
|
getConsult()
|
|
getNewsHealingPage()
|
|
getNewActivityPage()
|
|
})
|
|
|
|
const getNewsHealingPage = ()=> {
|
|
const param = ref({
|
|
type: 1,
|
|
pageNo: 1,
|
|
pageSize: 100,
|
|
showMain: 1
|
|
})
|
|
dohttp.get(urls.newPageUrl, param.value).then((result) => {
|
|
newHealingList.value = result.list
|
|
})
|
|
}
|
|
|
|
const getNewActivityPage = ()=> {
|
|
const param = ref({
|
|
type: 2,
|
|
pageNo: 1,
|
|
pageSize: 100,
|
|
showMain: 1
|
|
})
|
|
dohttp.get(urls.newPageUrl, param.value).then((result) => {
|
|
newActivityList.value = result.list
|
|
})
|
|
}
|
|
|
|
const toTuTest=()=>{
|
|
|
|
const externalUrl = 'https://cps.jsbr.org.cn/login.html';
|
|
uni.navigateTo({
|
|
url: `/pages/webview-page/webview-page?url=${encodeURIComponent(externalUrl)}`
|
|
});
|
|
|
|
|
|
}
|
|
|
|
const toHealingDetail=(item)=>{
|
|
dohttp.navigateTo("/pages/healing-detail/healing-detail?id=" + item.id)
|
|
}
|
|
|
|
const toActiveDetail=(item)=>{
|
|
dohttp.navigateTo("/pages/healing-detail/active-detail?id=" + item.id)
|
|
}
|
|
|
|
|
|
const goTest = (item) => {
|
|
|
|
dohttp.navigateTo("/pages/test-detail/test-detail?id=" + item.id)
|
|
|
|
}
|
|
|
|
const toDetail=(item)=>{
|
|
dohttp.navigateTo("/pages/consult-detail/consult-detail?id=" + item.id)
|
|
}
|
|
|
|
const getConsult = ()=> {
|
|
const param = ref({
|
|
businessScope: "",
|
|
pageNo: 1,
|
|
pageSize: 100,
|
|
isTop: 1
|
|
})
|
|
dohttp.get(urls.doctorInfopage, param.value).then((result) => {
|
|
for (let i = 0; i < result.list.length; i++) {
|
|
if (result.list[i].consultationMethod) {
|
|
result.list[i].tags = result.list[i].tags.split(",")
|
|
}
|
|
}
|
|
consultList.value = result.list
|
|
})
|
|
}
|
|
|
|
|
|
const getBanner = () => {
|
|
dohttp.post(urls.getBanner).then((result) => {
|
|
banners.value = result
|
|
})
|
|
|
|
}
|
|
|
|
const getPsychicTest = () => {
|
|
dohttp.post(urls.getPsychicListTest +'?showMain=1').then((result) => {
|
|
console.log("getPsychicTestgetPsychicTestgetPsychicTest", result)
|
|
if (result) {
|
|
result.forEach((ele) => {
|
|
if (ele.totalNum && Number(ele.totalNum) >= 10000) {
|
|
|
|
ele.showNum = (Number(ele.totalNum) / 10000).toFixed(1) + "W"
|
|
|
|
} else {
|
|
ele.showNum = ele.totalNum
|
|
}
|
|
})
|
|
}
|
|
testList.value = result
|
|
})
|
|
}
|
|
|
|
const toTestList = () => {
|
|
uni.switchTab({
|
|
"url": "/pages/test-list/test-list",
|
|
"animationType": "pop-in"
|
|
})
|
|
}
|
|
|
|
const toActiveView = ()=> {
|
|
uni.navigateTo({
|
|
"url": "/pages/healing/active-list",
|
|
"animationType": "pop-in"
|
|
})
|
|
}
|
|
|
|
const toHealingView = ()=> {
|
|
uni.navigateTo({
|
|
"url": "/pages/healing/healing-list",
|
|
"animationType": "pop-in"
|
|
})
|
|
}
|
|
|
|
const toZxList = (params) => {
|
|
if (params) {
|
|
uni.setStorageSync("zxcode", params)
|
|
}
|
|
uni.switchTab({
|
|
"url": "/pages/consult/consult",
|
|
"animationType": "pop-in"
|
|
})
|
|
}
|
|
|
|
const toYxgMagic = () => {
|
|
uni.switchTab({
|
|
url: '/pages/yxg-magic/index'
|
|
})
|
|
}
|
|
|
|
const toMedicalService = () => {
|
|
uni.showToast({
|
|
title: '就医保障即将上线',
|
|
icon: 'none'
|
|
})
|
|
}
|
|
|
|
const toBioelectric = () => {
|
|
uni.showToast({
|
|
title: '情绪压力评估即将上线',
|
|
icon: 'none'
|
|
})
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
.content {
|
|
|
|
width: 100vw;
|
|
background-color: #F9F6F5;
|
|
display: flex;
|
|
flex-direction: column;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
.banner {
|
|
background-image: url('https://miniapp.yuxingu.com.cn/yxg-mp/pic/botton.png');
|
|
background-size: cover;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 750rpx;
|
|
min-height: 660rpx;
|
|
padding-bottom: 24rpx;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: flex-start;
|
|
align-items: center;
|
|
}
|
|
|
|
.yxg-magic-entry {
|
|
width: 670rpx;
|
|
margin-top: 20rpx;
|
|
}
|
|
|
|
.yxg-magic-banner-wrap {
|
|
position: relative;
|
|
border-radius: 10rpx;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.yxg-magic-banner {
|
|
width: 670rpx;
|
|
display: block;
|
|
border-radius: 10rpx;
|
|
}
|
|
|
|
.yxg-magic-title {
|
|
position: absolute;
|
|
top: 20rpx;
|
|
left: 24rpx;
|
|
color: #ffffff;
|
|
font-family: SourceHanSansBold;
|
|
font-size: 32rpx;
|
|
line-height: 1.2;
|
|
z-index: 1;
|
|
text-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.28);
|
|
}
|
|
|
|
.yxg-magic-desc {
|
|
display: block;
|
|
margin-top: 12rpx;
|
|
padding: 0 4rpx;
|
|
color: #9B918C;
|
|
font-family: SourceHanSans;
|
|
font-size: 24rpx;
|
|
line-height: 1.55;
|
|
letter-spacing: 0.5rpx;
|
|
}
|
|
|
|
|
|
.choce-view {
|
|
display: flex;
|
|
justify-content: center;
|
|
margin-top: 20rpx;
|
|
|
|
}
|
|
|
|
.choce-view-inner {
|
|
display: flex;
|
|
justify-content: center;
|
|
width: 696rpx;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.choice-inner-left {
|
|
width: 340rpx;
|
|
height: 190rpx;
|
|
background-image: url('https://miniapp.yuxingu.com.cn/yxg-mp/pic/main_left.png');
|
|
background-size: cover;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
display: flex;
|
|
}
|
|
|
|
.choice-inner-right {
|
|
width: 340rpx;
|
|
height: 190rpx;
|
|
background-image: url('https://miniapp.yuxingu.com.cn/yxg-mp/pic/main_right.png');
|
|
background-size: cover;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
display: flex;
|
|
}
|
|
|
|
.choice-inner-text {
|
|
font-family: SourceHanSansBold;
|
|
font-size: 44rpx;
|
|
margin-left: 28rpx;
|
|
margin-top: 35rpx;
|
|
letter-spacing: 2rpx;
|
|
}
|
|
|
|
.bottom-view {
|
|
display: flex;
|
|
justify-content: center;
|
|
width: 100%;
|
|
margin-top: 40rpx;
|
|
|
|
}
|
|
|
|
|
|
.show-card {
|
|
margin-top: 14rpx;
|
|
width: 670rpx;
|
|
height: 244rpx;
|
|
border-radius: 10rpx;
|
|
background: #FFFFFF;
|
|
display: flex;
|
|
padding: 20rpx;
|
|
box-sizing: border-box;
|
|
justify-content: center;
|
|
}
|
|
|
|
.show-name {
|
|
/* 标题/标题三加粗 */
|
|
/* 样式描述：正文标题 */
|
|
font-family: SourceHanSansBold;
|
|
font-size: 28rpx;
|
|
line-height: normal;
|
|
letter-spacing: 0px;
|
|
font-variation-settings: "opsz" auto;
|
|
/* 背景色/浅色背景2 */
|
|
color: #614D49;
|
|
}
|
|
|
|
.show-introduce {
|
|
font-family: SourceHanSans;
|
|
font-size: 20rpx;
|
|
font-weight: normal;
|
|
line-height: normal;
|
|
letter-spacing: 0px;
|
|
font-variation-settings: "opsz" auto;
|
|
/* 正文色/正文辅助4 */
|
|
color: #9B918C;
|
|
display: -webkit-box; /* 使用 flex 布局 */
|
|
-webkit-box-orient: vertical; /* 垂直排列 */
|
|
-webkit-line-clamp: 3; /* 限制显示行数 */
|
|
overflow: hidden; /* 超出部分隐藏 */
|
|
text-overflow: ellipsis; /* 超出部分显示省略号 */
|
|
}
|
|
|
|
|
|
.momey-text {
|
|
color: #F37155;
|
|
/* 标题/标题二加粗 */
|
|
font-family: SourceHanSansBold;
|
|
font-size: 36rpx;
|
|
font-variation-settings: "opsz" auto;
|
|
}
|
|
|
|
.unit-text {
|
|
|
|
|
|
/* 正文/正文文本小号加粗 */
|
|
font-family: SourceHanSans;
|
|
font-weight: 700;
|
|
font-size: 20rpx;
|
|
font-variation-settings: "opsz" auto;
|
|
color: #F37155;
|
|
|
|
}
|
|
|
|
|
|
.tag {
|
|
border-radius: 60rpx;
|
|
opacity: 1;
|
|
|
|
/* 自动布局 */
|
|
display: flex;
|
|
padding: 2rpx 10rpx;
|
|
box-sizing: border-box;
|
|
border: 2rpx solid #EA8D7A;
|
|
justify-content: center;
|
|
align-items: center;
|
|
|
|
}
|
|
|
|
.tag-text {
|
|
|
|
/* 样式描述：辅助信息 */
|
|
font-family: SourceHanSans;
|
|
font-size: 16rpx;
|
|
font-weight: normal;
|
|
line-height: normal;
|
|
letter-spacing: 0rpx;
|
|
/* 正文色/正文色辅助3 */
|
|
color: #F37155;
|
|
}
|
|
</style> |