抖音实现的心理测试小程序

随着人们生活节奏的加快，短视频应运而生，同时加之更大的流量，给小程序也提供了生存土壤，所以近几年，各大厂商也纷纷入驻抖音小程序。故此给大家介绍一种抖音实现的心理测试小程序。

话不多说，上界面。

由于篇幅有限，本文仅介绍JS代码，至于ttml和ttss实现，完全可以参考微信小程序或H5语言，渲染的情况是仁者见仁，智者见智，根据大家喜好自行改变。

主界面index.js实现代码：

const app = getApp()

Page({
  data: {
    quest: [{
    id: 1,
    question: "又到草莓季了，你喜欢吃什么草莓？(单选)",
    answers: [{
      index: 'A',
      content: '做草莓甜品'
    }, {
      index: 'B',
      content: '打成草莓汁'
    },{
      index: 'C',
      content: '弄草莓沙拉吃'
    },{
      index:'D',
      content:'一颗一颗新鲜的吃'
    }]
  }]
  },
  // 点击问题答案触发事件
  answerSelected(e) {
    let outidx = e.currentTarget.dataset.outidx;
    let idx = e.currentTarget.dataset.idx;
    let question = this.data.quest[outidx];
      for (let item of question.answers) {
        item.selected = false;
      }
      question.answers[idx].selected = true;
      this.setData({
        quest: this.data.quest
      });
  },
 
  // 点击提交按钮
  submit() {
    let {
      quest
    } = this.data;
    //用来保存选中的答案
    let answerSelected = [];
    for (let questItem of quest) {
        let isSelected = false;
        for (let answerItem of questItem.answers) {
          if (answerItem.selected) {
            //答案被选中
            isSelected = true;
            answerSelected.push(answerItem.index);
            getApp().globalData=answerSelected;
            tt.navigateTo({
              url: '/pages/result/result' // 指定页面的url
            });
          }
        }
        if (!isSelected) {
          //如果一个都没选
          answerSelected.push('');
          tt.showToast({
            title: '请选择一个答案', // 内容
          });
        }
    }
    console.log(answerSelected);
  },
  onLoad: function () {
    
  },
})

结果界面result.js实现代码：

const app = getApp()
let xuanzhe="";
Page({
data:{
    Kind:'unknow',
},

whichKind: function(){
   xuanzhe=getApp().globalData;
    if(xuanzhe=="A"){
     return "选A的人：你是个凡事都要求很高的人，有自己的想法，所以在和人相处的时候总会遇到意见不合的情况。你比较坚持自己的，而不愿意去想想别人的想法，或者考虑别人的感受，给人有种自以为是。你应该懂得去从别人的角度看问题，会发现和别人更能好好相处哦。"
    } else if (xuanzhe=="B"){
      return "选B的人：你是一个对自己没什么要求的人，也很随性，每每说起来，看似很有道理，有依据可循，可是你还是习惯简单，随遇而安。觉得自由自在，无拘无束的才是最好的。所以一般你属于那种与世无争，别人要如何都无所谓的人。但是太过无所谓的话，容易被人利用哦。"
    } else if (xuanzhe=="C") {
      return "选C的人：你是个对生活不会那么容易妥协的人，不喜欢平平凡凡的，但是又不喜欢太麻烦，所以总会在好与普通之间。你在人群里不算耀眼夺目的，但也不是沉默低调的人。偶尔还是会比较多话，发表自己的意见。相对属于懂得收放自如，圆滑的人。"
    } else{
      return "选D的人：你是一个容易满足，简单的人，但也因为你的简单，偶尔说话太心直口快，不小心得罪人也不知道。虽然平时的你都是嘻嘻哈哈的，也没有乐意的，但是对于初相识的人，却不知道是有心还是无意，就已经给人一种伤害了，所以还得学会三思而后行"
    }
    
  },

onLoad: function (options) {
    this.setData({
      Kind: this.whichKind()
    })
}

})