TmOct5/ZhHealth
1
0
Fork 0
Code Issues Pull Requests Projects Releases 3 Wiki Activity

优化

Browse Source
This commit is contained in:
张冬雪
2022-01-14 14:44:06 +08:00
parent 6c39e3484e
commit b9beabec76
3 changed files with 262 additions and 335 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
pages/evaluation/introduce.vue
View File

@@ -7,7 +7,8 @@
--> -->
<template> <template>
<view class="introduce"> <view class="introduce">
<view class="intro-history" @click="info.is_answer?'toResult':''">{{info.is_answer?'测评记录':'暂未测评'}}</view> <view class="intro-history" v-if="info.is_answer" @click="toResult">测评记录</view>
<view class="intro-history" v-else @click="toResult">暂未测评</view>
<view class="intro-content"> <view class="intro-content">
<view class="intro-title">{{ info.title }}</view> <view class="intro-title">{{ info.title }}</view>
<u-read-more class="intro-des" :toggle="true" showHeight="140" ref="uReadMore" :shadowStyle="shadowStyle" color="#34ce98" textIndent="0"> <u-read-more class="intro-des" :toggle="true" showHeight="140" ref="uReadMore" :shadowStyle="shadowStyle" color="#34ce98" textIndent="0">
@@ -50,7 +51,8 @@ export default {
url: `/pages/evaluation/index?id=${this.$Route.query.id}` url: `/pages/evaluation/index?id=${this.$Route.query.id}`
}); });
}, },
toResult(item) { toResult() {
console.log('点击了测试')
uni.navigateTo({ uni.navigateTo({
url: `/pages/evaluation/result?id=${this.$Route.query.id}` url: `/pages/evaluation/result?id=${this.$Route.query.id}`
}); });

140
pages/evaluation/result.vue
View File

@@ -6,35 +6,15 @@
* @LastEditTime: 2022-01-13 17:30:56 * @LastEditTime: 2022-01-13 17:30:56
--> -->
<template> <template>
<view <view class="answer" v-if="loaded">
class="answer"
v-if='loaded'
>
<!-- 头像 --> <!-- 头像 -->
<view class="user"> <view class="user">
<view class="left"> <view class="left">
<u-image <u-image width="80rpx" height="80rpx" :src="info.user.avatar ? info.user.avatar : require('@/static/user/cover.png')" :lazy-load="true" shape="circle" />
width="80rpx"
height="80rpx"
:src="info.user.avatar?info.user.avatar:require('../../static/imgs/avatar.png')"
:lazy-load="true"
shape="circle"
/>
<span class="name">{{ info.user.nickname }}</span> <span class="name">{{ info.user.nickname }}</span>
</view> </view>
<view class="right"> <view class="right">
<u-icon <u-icon name="arrow-right" color="#34ce98" size="14" :bold="true" label="重新评测" labelPos="left" labelSize="14" labelColor="#34ce98" space="1" @click="reEva" />
name="arrow-right"
color="#34ce98"
size="14"
:bold="true"
label="重新评测"
labelPos="left"
labelSize="14"
labelColor="#34ce98"
space="1"
@click="reEva"
/>
</view> </view>
</view> </view>
<!-- 皮肤年龄 --> <!-- 皮肤年龄 -->
@@ -42,36 +22,15 @@
<!-- 标题 --> <!-- 标题 -->
<view class="title-content"> <view class="title-content">
<view class="title">{{ info.title }}{{ info.explain.title }}</view> <view class="title">{{ info.title }}{{ info.explain.title }}</view>
<u-icon <u-icon name="share-square" color="#333" size="30" />
name="share-square"
color="#333"
size="30"
/>
</view> </view>
<!-- 雷达图 --> <!-- 雷达图 -->
<view class="charts-box"> <view class="charts-box">
<view class="charts-box"> <view class="charts-box"><qiun-data-charts type="radar" :chartData="chartData" :loadingType="4" background="none" :tooltipShow="false" :tapLegend="false" /></view>
<qiun-data-charts
type="radar"
:chartData="chartData"
:loadingType="4"
background="none"
:tooltipShow="false"
:tapLegend="false"
/>
</view>
</view> </view>
<!-- 描述 --> <!-- 描述 -->
<view class="des"> <view class="des">
<u-read-more <u-read-more class="intro-des" :toggle="true" showHeight="140" ref="uReadMore" :shadowStyle="shadowStyle" color="#34ce98" textIndent="0">
class="intro-des"
:toggle="true"
showHeight="140"
ref="uReadMore"
:shadowStyle="shadowStyle"
color='#34ce98'
textIndent="0"
>
<rich-text :nodes="info.explain.content"></rich-text> <rich-text :nodes="info.explain.content"></rich-text>
</u-read-more> </u-read-more>
</view> </view>
@@ -79,46 +38,26 @@
<!-- 建议改进 --> <!-- 建议改进 -->
<view class="answer-item"> <view class="answer-item">
<!-- 标题 --> <!-- 标题 -->
<view class="title-content"> <view class="title-content"><view class="title">建议从一下几个方面改进</view></view>
<view class="title">建议从一下几个方面改进</view> <block v-for="(itme, index) in 3" :key="index">
</view>
<block
v-for="(itme,index) in 3"
:key="index"
>
<view class="title2"> <view class="title2">
<u-image <u-image width="34rpx" height="34rpx" :src="require('../../static/icon/health.png')" :lazy-load="true" shape="circle" />
width="34rpx"
height="34rpx"
:src="require('../../static/icon/health.png')"
:lazy-load="true"
shape="circle"
/>
<span>严厉节食导致营养不良，内分泌紊乱</span> <span>严厉节食导致营养不良，内分泌紊乱</span>
</view> </view>
<!-- 描述 --> <!-- 描述 -->
<view class="des"> <view class="des">饮食营养及生活方式对维持面部年轻态影响较大，建议注意食材选择，逐步清淡口味；规律作息，逐个改善不良生活习惯；帮助改善当前皮肤状态。</view>
饮食营养及生活方式对维持面部年轻态影响较大，建议注意食材选择，逐步清淡口味；规律作息，逐个改善不良生活习惯；帮助改善当前皮肤状态。
</view>
</block> </block>
</view> </view>
<!-- 营养建议 --> <!-- 营养建议 -->
<view class="answer-item"> <view class="answer-item">
<!-- 标题 --> <!-- 标题 -->
<view class="title-content"> <view class="title-content"><view class="title">营养建议</view></view>
<view class="title">营养建议</view> <block v-for="(item, index) in 3" :key="index">
</view>
<block
v-for="(item,index) in 3"
:key="index"
>
<view class="title2"> <view class="title2">
<span>{{ item }}. 低Gi</span> <span>{{ item }}. 低Gi</span>
</view> </view>
<!-- 描述 --> <!-- 描述 -->
<view class="des"> <view class="des">饮食营养及生活方式对维持面部年轻态影响较大，建议注意食材选择，逐步清淡口味；规律作息，逐个改善不良生活习惯；帮助改善当前皮肤状态。</view>
饮食营养及生活方式对维持面部年轻态影响较大，建议注意食材选择，逐步清淡口味；规律作息，逐个改善不良生活习惯；帮助改善当前皮肤状态。
</view>
</block> </block>
</view> </view>
<!-- 更多 --> <!-- 更多 -->
@@ -126,30 +65,12 @@
<!-- 标题 --> <!-- 标题 -->
<view class="title-content"> <view class="title-content">
<view class="title">更多护肤知识</view> <view class="title">更多护肤知识</view>
<u-icon <u-icon name="arrow-right" color="#333" size="20" />
name="arrow-right"
color="#333"
size="20"
/>
</view> </view>
<!-- 横向滚动推荐 --> <!-- 横向滚动推荐 -->
<scroll-view <scroll-view class="scroll-view_H" scroll-x="true">
class="scroll-view_H" <view v-for="(item, index) in 6" :key="index" id="demo1" class="scroll-view-item_H">
scroll-x="true" <u-image width="180rpx" height="180rpx" :src="require('../../static/imgs/indro.png')" :lazy-load="true" radius="4" />
>
<view
v-for="(item,index) in 6"
:key="index"
id="demo1"
class="scroll-view-item_H"
>
<u-image
width="180rpx"
height="180rpx"
:src="require('../../static/imgs/indro.png')"
:lazy-load="true"
radius="4"
/>
<view class="title">{{ item }}正确洗脸</view> <view class="title">{{ item }}正确洗脸</view>
</view> </view>
</scroll-view> </scroll-view>
@@ -158,18 +79,18 @@
</template> </template>
<script> <script>
import { evaluationsAnswersInfo } from "@/apis/interfaces/evaluation.js"; import { evaluationsAnswersInfo } from '@/apis/interfaces/evaluation.js';
export default { export default {
data() { data() {
return { return {
chartData: {}, chartData: {},
info: {}, info: {},
shadowStyle: { shadowStyle: {
backgroundImage: "none", backgroundImage: 'none',
paddingTop: "0", paddingTop: '0',
marginTop: "20rpx", marginTop: '20rpx'
}, },
loaded: false, loaded: false
}; };
}, },
onShow() { onShow() {
@@ -177,25 +98,25 @@ export default {
}, },
methods: { methods: {
getInfo() { getInfo() {
evaluationsAnswersInfo(this.$Route.query.id).then((res) => { evaluationsAnswersInfo(this.$Route.query.id).then(res => {
this.info = res; this.info = res;
this.chartData = { this.chartData = {
categories: res.veidoo.categories, categories: res.veidoo.categories,
series: [ series: [
{ {
data: res.veidoo.data, data: res.veidoo.data
}, }
], ]
}; };
this.loaded = true; this.loaded = true;
}); });
}, },
reEva() { reEva() {
uni.navigateTo({ uni.navigateTo({
url: `/pages/evaluation/index?id=${this.$Route.query.id}`, url: `/pages/evaluation/index?id=${this.$Route.query.id}`
}); });
}, }
}, }
}; };
</script> </script>
@@ -302,8 +223,7 @@ export default {
display: inline-block; display: inline-block;
width: 180rpx; width: 180rpx;
margin: $margin * 1.6 $margin * 0.5 $margin * 0.3 $margin * 0.5; margin: $margin * 1.6 $margin * 0.5 $margin * 0.3 $margin * 0.5;
box-shadow: 0 0 10rpx 4rpx box-shadow: 0 0 10rpx 4rpx rgba($color: $main-color, $alpha: 0.1);
rgba($color: $main-color, $alpha: 0.1);
.title { .title {
text-align: center; text-align: center;
padding: $padding * 0.6 $padding * 0.3; padding: $padding * 0.6 $padding * 0.3;

25
pages/record/index.vue
View File

@@ -12,8 +12,8 @@
<!-- 搜索顶部 --> <!-- 搜索顶部 -->
<view class="search"> <view class="search">
<!-- 头像 --> <!-- 头像 -->
<view class="user"> <view class="user" @click="$Router.back()">
<u-icon name="arrow-left" color="#525252" size="22" class="downIcon" :bold="true" @click='$Router.back()'/> <u-icon name="arrow-left" color="#525252" size="22" class="downIcon" :bold="true" />
<!-- <u-image class="avatar" width="90rpx" height="90rpx" :src="user.avatar ? user.avatar : require('../../static/imgs/avatar.png')" :lazy-load="true" shape="circle" /> <!-- <u-image class="avatar" width="90rpx" height="90rpx" :src="user.avatar ? user.avatar : require('../../static/imgs/avatar.png')" :lazy-load="true" shape="circle" />
<view class="nickname">{{user.nickname}}</view> --> <view class="nickname">{{user.nickname}}</view> -->
<!-- <u-icon name="arrow-down-fill" color="#525252" size="10" class="downIcon" :bold="true" space="1"/> --> <!-- <u-icon name="arrow-down-fill" color="#525252" size="10" class="downIcon" :bold="true" space="1"/> -->
@@ -144,16 +144,17 @@
</view> </view>
</template> </template>
<!-- 未登录 --> <!-- 未登录 -->
<template v-else-if="!is_login"> <template v-if="!is_login">
<!-- 搜索顶部 --> <!-- 搜索顶部 -->
<view class="search" @click="Login"> <view class="search" >
<!-- 头像 --> <!-- 头像 -->
<view class="user"> <view class="user" @click="$Router.back()">
<!-- <u-image class="avatar" width="90rpx" height="90rpx" :src="require('../../static/imgs/avatar.png')" :lazy-load="true" shape="circle" /> <!-- <u-image class="avatar" width="90rpx" height="90rpx" :src="require('../../static/imgs/avatar.png')" :lazy-load="true" shape="circle" />
<u-icon name="arrow-down-fill" color="#525252" size="10" class="downIcon" :bold="true" space="1" /> --> <u-icon name="arrow-down-fill" color="#525252" size="10" class="downIcon" :bold="true" space="1" /> -->
<u-icon name="arrow-left" color="#525252" size="22" class="downIcon" :bold="true" @click='$Router.back()'/> <u-icon name="arrow-left" color="#525252" size="22" class="downIcon" :bold="true"/>
</view> </view>
<!-- 搜索框 --> <!-- 搜索框 -->
<view style="flex:1;" @click="Login">
<u-search <u-search
placeholder="搜索食物营养和热量" placeholder="搜索食物营养和热量"
shape="round" shape="round"
@@ -165,6 +166,7 @@
placeholderColor="#777" placeholderColor="#777"
class="searchTem" class="searchTem"
/> />
</view>
<!-- 消息中心 --> <!-- 消息中心 -->
<view class="news"> <view class="news">
<u-icon name="bell-fill" color="#525252" size="24" :bold="true" space="1" /> <u-icon name="bell-fill" color="#525252" size="24" :bold="true" space="1" />
@@ -242,16 +244,17 @@
</view> </view>
</template> </template>
<!-- 登录 (未建立档案) --> <!-- 登录 (未建立档案) -->
<template v-eles-if="is_login && !is_record"> <template v-if="is_login && !is_record">
<!-- 搜索顶部 --> <!-- 搜索顶部 -->
<view class="search" @click="toCreateInfo"> <view class="search" >
<!-- 头像 --> <!-- 头像 -->
<view class="user"> <view class="user" @click='$Router.back()'>
<!-- <u-image class="avatar" width="90rpx" height="90rpx" :src="require('../../static/imgs/avatar.png')" :lazy-load="true" shape="circle" /> <!-- <u-image class="avatar" width="90rpx" height="90rpx" :src="require('../../static/imgs/avatar.png')" :lazy-load="true" shape="circle" />
<u-icon name="arrow-down-fill" color="#525252" size="10" class="downIcon" :bold="true" space="1" /> --> <u-icon name="arrow-down-fill" color="#525252" size="10" class="downIcon" :bold="true" space="1" /> -->
<u-icon name="arrow-left" color="#525252" size="22" class="downIcon" :bold="true" @click='$Router.back()'/> <u-icon name="arrow-left" color="#525252" size="22" class="downIcon" :bold="true"/>
</view> </view>
<!-- 搜索框 --> <!-- 搜索框 -->
<view class="flex:1;" @click="toCreateInfo">
<u-search <u-search
placeholder="搜索食物营养和热量" placeholder="搜索食物营养和热量"
shape="round" shape="round"
@@ -263,6 +266,7 @@
placeholderColor="#777" placeholderColor="#777"
class="searchTem" class="searchTem"
/> />
</view>
<!-- 消息中心 --> <!-- 消息中心 -->
<view class="news" > <view class="news" >
<u-icon name="bell-fill" color="#525252" size="24" :bold="true" space="1" /> <u-icon name="bell-fill" color="#525252" size="24" :bold="true" space="1" />
@@ -450,6 +454,7 @@ export default {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
position: relative; position: relative;
z-index: 1001;
.downIcon { .downIcon {
// margin: 0 0 0 $margin * 0.4; // margin: 0 0 0 $margin * 0.4;
} }