目录

将反馈结果存到本地缓存

1.设置result按钮的布局和点击事件

2.存数据跳页

3.建立一个新的cepingjieguo页面，用来取数据

4.把测评结果渲染到页面上 

---

将反馈结果存到本地缓存

1.设置result按钮的布局和点击事件

<view wx:if="{{totalScore>-1}}" class="defen">
    <view>您的得分为：{{totalScore}}分</view>
    <view bindtap="result" class="result">点击查看您的测评结果</view>
</view>

2.存数据跳页

（存数据方法在登陆注册页那一节讲过）

 //查看测评结果
    result(){
        console.log('点击查看您的测评结果')
        //跳页之前存数据
        wx.setStorageSync('ceping_result', this.data.totalScore)
        //跳页
        wx.navigateTo({
          url: '/pages/cepingjieguo/cepingjieguo',
        })
    }

3.建立一个新的cepingjieguo页面，用来取数据

Page({
    onLoad() {
        //取数据
        let jieguo = wx.getStorageSync('ceping_result')
        console.log('测评的结果为：',jieguo)
    }
})

实现效果：

 跳转页面后打印的日志：

4.把测评结果渲染到页面上 

首先逻辑层到渲染层的传值

Page({
    onLoad() {
        //取数据
        let jieguo = wx.getStorageSync('ceping_result')
        console.log('测评的结果为：',jieguo)
        this.setData({
            jieguo:jieguo
        })

    }
})

再根据得分选择三种不同情况的反馈，用到if-elif-else进行判断选择

<view class="word">
    <view wx:if="{{jieguo<5}}">
        <view>你的测评总分是{{jieguo}}分，从测评得分上看，你可能有情绪低落，但你的分数在正常范围之内。</view>
        <view class="attention">测评说明：本测评仅作为参考而非诊断结果</view>
    </view>

    <view wx:elif="{{jieguo<8}}">
        <view>你的测评总分是{{jieguo}}分，从测评得分上看，你可能自我感知到有少许的抑郁情绪，但不必过度焦虑。</view>
        <view class="attention">测评说明：本测评仅作为参考而非诊断结果，不要给自己心理压力喔。</view>
    </view>

    <view wx:else>
        <view>你的测评总分是{{jieguo}}分，从测评得分上看，你可能自我感知到抑郁情绪比较严重。如有需要，可以去江边心理咨询中心。</view>
        <view class="attention">测评说明：本测评仅作为参考而非诊断结果，不要给自己心理压力喔。如果情绪已经影响到你的正常生活、学习及工作。建议尽早进行心理咨询。</view>
    </view>
</view>

.word{
    text-align: left;
    margin-top:40rpx;
   font-size: 40rpx;
   margin-left: 30rpx;
   margin-right: 30rpx;
   line-height: 70rpx;
   text-indent: 45rpx;
}
.attention{
    font-size: 40rpx;
    padding-top: 30rpx;
    color: rgb(240, 17, 17);
    font-weight: 300;
    line-height: 50rpx;
}

实现效果：