{"version":3,"sources":["webpack:///./src/components/bbs/Editor.vue?72cf","webpack:///./src/views/H5/bbs/detail.vue?7356","webpack:///src/views/H5/bbs/detail.vue","webpack:///./src/views/H5/bbs/detail.vue?1d8d","webpack:///./src/views/H5/bbs/detail.vue","webpack:///./src/components/bbs/Editor.vue?c091","webpack:///src/components/bbs/Editor.vue","webpack:///./src/components/bbs/Editor.vue?ccb9","webpack:///./src/components/bbs/Editor.vue?8f86","webpack:///./src/views/H5/bbs/detail.vue?c63a","webpack:///./src/components/bbs/QuestionList.vue?b20b","webpack:///src/components/bbs/QuestionList.vue","webpack:///./src/components/bbs/QuestionList.vue?2bd1","webpack:///./src/components/bbs/QuestionList.vue","webpack:///./src/components/bbs/QuestionList.vue?a821"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","_v","_s","msg","TopicTitle","ref","keyword","TopicContent","Id","on","$event","isReview","SectionId","_e","staticRenderFns","name","components","Editor","QuestionList","FeedItem","FeedContent","FeedActions","Comment","data","followTip","user","isShowMore","isAsk","eidtor","isClear","created","getDetailMsg","that","window","jsonStr","getQueryStudentInfoById","$message","error","mounted","$route","query","UserId","sectionName","undefined","SectionName","localStorage","getItem","JSON","parse","postQuerySectionList","postQueryAllTopicList","userIDResultByIos","methods","getQueryUserInfo","callApp","android","callAndroid","stringify","webkit","messageHandlers","callIosGetUserID","postMessage","contentChange","console","log","showMore","summary","detail","writeAnswer","submitAnswer","content","qid","id","axios","post","params","then","res","status","message","type","focusQuestion","isFollow","get","component","answerList","actions","RichContent","props","Object","changeReview"],"mappings":"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","file":"static/js/chunk-5d83360f.5ac4739b.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Editor.vue?vue&type=style&index=0&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"detail\"}},[_c('div',{staticClass:\"QuestionHeader\"},[_c('div',{staticClass:\"QuestionHeader-content\"},[_c('div',{staticClass:\"QuestionHeader-main\"},[_c('div',{staticClass:\"QuestionHeader-title\"},[_vm._v(_vm._s(_vm.msg.TopicTitle)+\"测试测试\")]),_c('div',{staticClass:\"QuestionHeader-detail\"}),(true)?_c('feed-content',{ref:\"feedContent\",attrs:{\"author\":_vm.msg,\"summary\":_vm.keyword,\"content\":_vm.msg.TopicContent,\"keyword\":_vm.keyword,\"isRead\":true}}):_vm._e(),(true)?_c('feed-actions',{attrs:{\"actions\":_vm.msg,\"id\":_vm.msg.Id},on:{\"changeReview\":function($event){_vm.isReview = !_vm.isReview}}}):_vm._e()],1)])]),_c('div',{staticClass:\"QuestionMain\"},[_c('div',{staticClass:\"List\"},[_c('div',{staticClass:\"ListHeader\"},[_vm._v(\"精彩评论\")]),_c('transition',{attrs:{\"name\":\"fade\"}},[(_vm.isReview)?_c('comment',{attrs:{\"sectionId\":_vm.msg.SectionId,\"id\":_vm.msg.Id}}):_vm._e()],1)],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div id=\"detail\">\r\n    <!-- 头部 -->\r\n    <div class=\"QuestionHeader\">\r\n      <div class=\"QuestionHeader-content\">\r\n        <div class=\"QuestionHeader-main\">\r\n          <div class=\"QuestionHeader-title\">{{ msg.TopicTitle }}测试测试</div>\r\n          <div class=\"QuestionHeader-detail\">\r\n            <!-- <span v-html=\"msg.TopicContent\"></span> -->\r\n            <!-- <div class=\"QuestionHeader-more\" @click=\"showMore\" v-if=\"isShowMore&&msg.TopicContent\">\r\n              <span>显示全部</span>\r\n              <span class=\"iconfont icon-arrow-down\"></span>\r\n            </div> -->\r\n          </div>\r\n\r\n          <!-- <feed-item :feedList=\"msg\"></feed-item> -->\r\n\r\n          <feed-content\r\n            ref=\"feedContent\"\r\n            v-if=\"true\"\r\n            :author=\"msg\"\r\n            :summary=\"keyword\"\r\n            :content=\"msg.TopicContent\"\r\n            :keyword=\"keyword\"\r\n            :isRead=\"true\"\r\n          ></feed-content>\r\n          <feed-actions\r\n            v-if=\"true\"\r\n            @changeReview=\"isReview = !isReview\"\r\n            :actions=\"msg\"\r\n            :id=\"msg.Id\"\r\n          ></feed-actions>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <!-- 编辑器 -->\r\n    <!-- <div class=\"AnswerWrap\" v-if=\"isAsk\">\r\n      <div class=\"AnswerHeader\">\r\n        <img :src=\"user.headUrl\" alt class=\"AuthorAvator\" />\r\n        <span class=\"AuthorName\">{{ user.name }}</span>\r\n      </div>\r\n      <editor @change=\"contentChange\" :isClear=\"isClear\"></editor>\r\n      <button class=\"AnswerButton\" @click=\"submitAnswer\">提交回答</button>\r\n    </div> -->\r\n\r\n    <!-- 回答 -->\r\n    <div class=\"QuestionMain\">\r\n      <div class=\"List\">\r\n        <div class=\"ListHeader\">精彩评论</div>\r\n        <transition name=\"fade\">\r\n          <comment\r\n            v-if=\"isReview\"\r\n            :sectionId=\"msg.SectionId\"\r\n            :id=\"msg.Id\"\r\n          ></comment>\r\n        </transition>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport FeedItem from \"@/components/bbs/FeedItem.vue\";\r\nimport FeedContent from \"@/components/bbs/FeedContent.vue\";\r\nimport FeedActions from \"@/components/bbs/FeedActions.vue\";\r\nimport Comment from \"@/components/bbs/Comment.vue\";\r\nimport QuestionList from \"@/components/bbs/QuestionList.vue\";\r\nimport Editor from \"@/components/bbs/Editor.vue\";\r\nimport util from \"@/utils/index.js\";\r\nimport { queryAllTopicList, updateTopicReadNum ,queryStudentInfoById} from \"@/api/bbs\";\r\n\r\nlet detail, id;\r\nexport default {\r\n  name: \"detail\",\r\n  components: {\r\n    Editor,\r\n    QuestionList,\r\n    FeedItem,\r\n    FeedContent,\r\n    FeedActions,\r\n    Comment,\r\n  },\r\n  data() {\r\n    return {\r\n      followTip: \"关注问题\",\r\n      user: {},\r\n      msg: {},\r\n      isShowMore: true,\r\n      isAsk: false,\r\n      eidtor: \"\",\r\n      isClear: false,\r\n      keyword: \"\",\r\n      isReview: false,\r\n    };\r\n  },\r\n  created() {\r\n    // id = this.$route.query.id;\r\n    this.getDetailMsg();\r\n    var that = this;\r\n    window[\"callByAndroidParam\"] = function (jsonStr) {\r\n      if (jsonStr != \"\") {\r\n        that.user.Id = jsonStr.data;\r\n        that.getQueryStudentInfoById();\r\n      } else {\r\n        this.$message.error(\"登录失败\");\r\n      }\r\n    };\r\n  },\r\n  mounted() {\r\n    // this.getContent();\r\n    this.user.Id = this.$route.query.UserId>0?this.$route.query.UserId:0;\r\n    this.sectionName = this.$route.query.SectionName == undefined?\"\":this.$route.query.SectionName;\r\n    if (localStorage.getItem(\"userInfo\") != null && localStorage.getItem(\"userInfo\") !=undefined) {\r\n      this.user = JSON.parse(localStorage.getItem(\"userInfo\"));\r\n    } else if(this.user.Id>0){\r\n      this.getQueryStudentInfoById(); \r\n    }else{\r\n      this.user.Id = 0;\r\n    }\r\n    this.postQuerySectionList();\r\n    this.postQueryAllTopicList();\r\n    // this.listenScroll(document.documentElement);\r\n    window.userIDResultByIos = this.userIDResultByIos;\r\n  },\r\n  methods: {\r\n    userIDResultByIos(jsonStr) {\r\n      if (jsonStr != \"\") {\r\n        this.user.Id = jsonStr.data;\r\n        this.getQueryUserInfo();\r\n      } else {\r\n        this.$message.error(\"登录失败\");\r\n      }\r\n    },\r\n    callApp() {\r\n      let u = navigator.userAgent;\r\n      let isiOS = !!u.match(/\\(i[^;]+;( U;)? CPU.+Mac OS X/);\r\n      if (window.android != null && typeof window.android != \"undefined\") {\r\n        //可以传递自定义数据，比如json\r\n        window.android.callAndroid(JSON.stringify({action: \"getUserID\"}));\r\n      } else if (isiOS) {\r\n        window.webkit.messageHandlers.callIosGetUserID.postMessage(JSON.stringify({action: \"callIosGetUserID\"}));\r\n      }\r\n    },\r\n    //根据Id获取学生信息\r\n    async getQueryStudentInfoById() {\r\n      const res = await queryStudentInfoById(this.user.Id);\r\n      this.user = res.response;\r\n      console.log(this.user);\r\n      localStorage.setItem(\"userInfo\",JSON.stringify(this.user));\r\n    },\r\n    // 列表数据\r\n    async getDetailMsg() {\r\n      let parm = {};\r\n      parm.pageIndex = this.recPage;\r\n      parm.pageSize = this.pageSize;\r\n      parm.topicId = this.$route.query.id;\r\n      const res = await queryAllTopicList(parm);\r\n      if (res.data.length > 0) {\r\n        console.log(res.data[0]);\r\n        detail = res.data[0];\r\n        this.msg = res.data[0];\r\n        this.isReview = true;\r\n      }\r\n      await updateTopicReadNum(this.$route.query.id);\r\n    },\r\n    //监听编辑器\r\n    contentChange(data) {\r\n      console.log(data);\r\n      this.eidtor = data;\r\n    },\r\n    //显示更多\r\n    showMore() {\r\n      this.summary = detail;\r\n      this.isShowMore = false;\r\n    },\r\n    //写回答\r\n    writeAnswer() {\r\n      if (util.isLogin()) {\r\n        this.isAsk = true;\r\n      } else {\r\n        this.callApp();\r\n      }\r\n    },\r\n    //提交回答\r\n    submitAnswer() {\r\n      let params = {\r\n        content: this.eidtor,\r\n        qid: id,\r\n      };\r\n      this.axios.post(\"/answer/add\", params).then((res) => {\r\n        if (res.status == 200) {\r\n          this.$message({\r\n            message: \"回答成功\",\r\n            type: \"success\",\r\n          });\r\n          this.isClear = true;\r\n          this.getDetailMsg();\r\n        }\r\n      });\r\n    },\r\n    //关注问题\r\n    focusQuestion() {\r\n      if (this.msg.isFollow) {\r\n        this.axios\r\n          .get(`/follow/question_cancel?id=${this.msg.id}`)\r\n          .then((res) => {\r\n            if (res.status == 200) {\r\n              this.msg.isFollow = !this.msg.isFollow;\r\n              this.followTip = \"关注问题\";\r\n            }\r\n          });\r\n      } else {\r\n        this.axios.get(`/follow/question?id=${this.msg.id}`).then((res) => {\r\n          if (res.status == 200) {\r\n            this.msg.isFollow = !this.msg.isFollow;\r\n            this.followTip = \"已关注\";\r\n          }\r\n        });\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n<style lang=\"scss\" >\r\n@import \"../../../assets/css/config\";\r\n// 头部\r\n.QuestionHeader {\r\n  width: 100%;\r\n  background: #ffffff;\r\n  box-shadow: 0 1px 3px rgba(26, 26, 26, 0.1);\r\n  padding: 10px 0;\r\n  &-content {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    // width: 1200px;\r\n    height: 100%;\r\n    padding: 0 16px;\r\n    margin: 0 auto;\r\n  }\r\n  &-main {\r\n    width: 1000px;\r\n  }\r\n  &-title {\r\n    margin-top: 12px;\r\n    margin-bottom: 4px;\r\n    font-size: 22px;\r\n    font-weight: 600;\r\n    color: #1a1a1a;\r\n  }\r\n  &-detail {\r\n    cursor: pointer;\r\n    font-size: 15px;\r\n  }\r\n  &-more {\r\n    display: inline-block;\r\n    font-size: 14px;\r\n    color: $fontColor;\r\n  }\r\n  &-side {\r\n    display: flex;\r\n    width: 200px;\r\n    justify-content: flex-end;\r\n    .QuestionStatus-item {\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      padding: 0 20px;\r\n      .QuestionStatus-name {\r\n        font-size: 14px;\r\n        color: $fontColor;\r\n      }\r\n      .QuestionStatus-num {\r\n        font-size: 18px;\r\n        font-weight: 600;\r\n      }\r\n    }\r\n    .QuestionStatus-split {\r\n      width: 1px;\r\n      background: #ebebeb;\r\n      height: 50px;\r\n    }\r\n  }\r\n  &-footer {\r\n    margin-top: 8px;\r\n    &-inner {\r\n      display: flex;\r\n      align-items: center;\r\n      // width: 1200px;\r\n      height: 100%;\r\n      padding: 0 16px;\r\n      margin: 0 auto;\r\n    }\r\n    .QuestionButton-groups {\r\n      display: flex;\r\n      align-items: center;\r\n      .QuestionButton-follow {\r\n        cursor: pointer;\r\n        color: #ffffff;\r\n        background: $mainColor;\r\n        padding: 0 16px;\r\n        line-height: 34px;\r\n        height: 34px;\r\n        margin-right: 10px;\r\n        border: 1px solid $mainColor;\r\n      }\r\n      .AttentionButton {\r\n        background: $fontColor;\r\n        border: 1px solid $fontColor;\r\n      }\r\n      .QuestionButton-ask {\r\n        cursor: pointer;\r\n        padding: 0 16px;\r\n        line-height: 34px;\r\n        height: 34px;\r\n        border: 1px solid $mainColor;\r\n        background: #ffffff;\r\n        color: $mainColor;\r\n        &:hover {\r\n          background: #e8f3ff;\r\n        }\r\n      }\r\n      .icon-pen {\r\n        font-size: 14px;\r\n      }\r\n    }\r\n    .QuestionHeader-actions {\r\n      display: flex;\r\n      margin-left: 12px;\r\n      .ActionsWrap {\r\n        cursor: pointer;\r\n        font-size: 14px;\r\n        color: $fontColor;\r\n        padding: 0 8px;\r\n        &:hover {\r\n          color: #677081;\r\n        }\r\n      }\r\n      .ActionsText {\r\n        margin-left: 4px;\r\n      }\r\n    }\r\n  }\r\n}\r\n// 编辑器\r\n.AnswerWrap {\r\n  width: 1000px;\r\n  margin: 10px auto;\r\n  padding: 0 16px 60px 16px;\r\n  background: #ffffff;\r\n  .AnswerHeader {\r\n    display: flex;\r\n    align-items: center;\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n    padding: 16px 0;\r\n    .AuthorAvator {\r\n      margin: 0 10px;\r\n      width: 30px;\r\n      height: 30px;\r\n    }\r\n  }\r\n  .AnswerButton {\r\n    margin-top: 8px;\r\n    padding: 0 16px;\r\n    background: $mainColor;\r\n    color: #ffffff;\r\n    line-height: 36px;\r\n    float: right;\r\n    cursor: pointer;\r\n  }\r\n}\r\n// 回答\r\n.QuestionMain {\r\n  // width: 1200px;\r\n  margin: 10px auto;\r\n  // padding: 0 16px;\r\n  background: #ffffff;\r\n  .List {\r\n    padding: 0 20px;\r\n    .ListHeader {\r\n      height: 50px;\r\n      border-bottom: 1px solid #f6f6f6;\r\n      line-height: 50px;\r\n      font-weight: 600;\r\n    }\r\n    .ListItem {\r\n      padding: 16px 0;\r\n      border-bottom: 1px solid #ebebeb;\r\n    }\r\n    .Comment {\r\n      .Comment-footer {\r\n        .CommentReply-button {\r\n          height: 30px !important;\r\n          line-height: 30px !important;\r\n          margin-right: 20px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n#detail img{\r\n  max-width: 100%;\r\n}\r\n</style>\r\n\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./detail.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./detail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./detail.vue?vue&type=template&id=2bc01fde&\"\nimport script from \"./detail.vue?vue&type=script&lang=js&\"\nexport * from \"./detail.vue?vue&type=script&lang=js&\"\nimport style0 from \"./detail.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"editor\"},[_c('div',{ref:\"toolbar\",staticClass:\"toolbar\"}),_c('div',{ref:\"editor\",staticClass:\"text\"})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","  <!-- 编辑器 -->\r\n<template >\r\n  <div class=\"editor\">\r\n    <div ref=\"toolbar\" class=\"toolbar\">\r\n    </div>\r\n    <div ref=\"editor\" class=\"text\">\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import E from 'wangeditor'\r\n  export default {\r\n    name: 'editor',\r\n    data() {\r\n      return {\r\n        // uploadPath,\r\n        editor: null,\r\n        info_: null\r\n      }\r\n    },\r\n    model: {\r\n      prop: 'value',\r\n      event: 'change'\r\n    },\r\n    props: {\r\n      value: {\r\n        type: String,\r\n        default: ''\r\n      },\r\n      isClear: {\r\n        type: Boolean,\r\n        default: false\r\n      }\r\n    },\r\n    watch: {\r\n      isClear(val) {\r\n        // 触发清除文本域内容\r\n        if (val) {\r\n          this.editor.txt.clear()\r\n          this.info_ = null\r\n        }\r\n      },\r\n      value: function(value) {\r\n        if (value !== this.editor.txt.html()) {\r\n          this.editor.txt.html(this.value)\r\n        }\r\n      }\r\n      //value为编辑框输入的内容，这里我监听了一下值，当父组件调用得时候，如果给value赋值了，子组件将会显示父组件赋给的值\r\n    },\r\n    mounted() {\r\n      this.seteditor()\r\n      this.editor.txt.html(this.value)\r\n    },\r\n    methods: {\r\n      seteditor() {\r\n        // http://192.168.2.125:8080/admin/storage/create\r\n        this.editor = new E(this.$refs.toolbar, this.$refs.editor)\r\n        // 配置菜单\r\n        this.editor.customConfig.menus = [\r\n          'head', // 标题\r\n          'bold', // 粗体\r\n          'fontSize', // 字号\r\n          'fontName', // 字体\r\n          'italic', // 斜体\r\n          'underline', // 下划线\r\n          'strikeThrough', // 删除线\r\n          'foreColor', // 文字颜色\r\n          'backColor', // 背景颜色\r\n          'link', // 插入链接\r\n          'list', // 列表\r\n          'justify', // 对齐方式\r\n          'quote', // 引用\r\n          'emoticon', // 表情\r\n          'undo', // 撤销\r\n          'redo', // 重复\r\n          'fullscreen' // 全屏\r\n        ]\r\n\r\n        this.editor.customConfig.onchange = (html) => {\r\n          this.info_ = html // 绑定当前逐渐地值\r\n          this.$emit('change', this.info_) // 将内容同步到父组件中\r\n        }\r\n        // 创建富文本编辑器\r\n        this.editor.create()\r\n      }\r\n    }\r\n  }\r\n</script>\r\n\r\n<style lang=\"css\">\r\n  .editor {\r\n    width: 100%;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 0;\r\n  }\r\n  .toolbar {\r\n    border: 1px solid #ebebeb;\r\n  }\r\n  .text {\r\n    border: 1px solid #ebebeb;\r\n    min-height: 140px;\r\n  }\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Editor.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Editor.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Editor.vue?vue&type=template&id=b1c5728c&\"\nimport script from \"./Editor.vue?vue&type=script&lang=js&\"\nexport * from \"./Editor.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Editor.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./detail.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"ListItem\"},[_c('rich-content',{attrs:{\"content\":_vm.answerList}}),_c('feed-actions',{attrs:{\"actions\":_vm.answerList.actions,\"id\":_vm.answerList.id},on:{\"changeReview\":function($event){_vm.isReview=!_vm.isReview}}}),_c('transition',{attrs:{\"name\":\"fade\"}},[(_vm.isReview)?_c('comment',{attrs:{\"id\":_vm.answerList.id?_vm.answerList.id:0}}):_vm._e()],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- 详情页回答列表 -->\r\n<template>\r\n  <div class=\"ListItem\">\r\n    <rich-content\r\n      :content=\"answerList\"\r\n    ></rich-content>\r\n    <feed-actions @changeReview=\"isReview=!isReview\" :actions=\"answerList.actions\" :id=\"answerList.id\" ></feed-actions>\r\n    <transition name=\"fade\">\r\n      <comment v-if=\"isReview\" :id=\"answerList.id?answerList.id:0\"></comment>\r\n    </transition>\r\n  </div>\r\n</template>\r\n<script>\r\nimport RichContent from \"@/components/bbs/RichContent.vue\";\r\nimport FeedActions from \"@/components/bbs/FeedActions.vue\";\r\nimport Comment from \"@/components/bbs/Comment.vue\";\r\n\r\nexport default {\r\n  name: \"feed-item\",\r\n  components: {\r\n    RichContent,\r\n    FeedActions,\r\n    Comment\r\n  },\r\n  props: {\r\n    answerList: Object\r\n  },\r\n  data() {\r\n    return {\r\n      isReview: false\r\n    };\r\n  },\r\n  mounted(){\r\n    console.log(this.answerList)\r\n  },\r\n  methods: {\r\n    changeReview() {\r\n      console.log(\"changeReview\");\r\n    }\r\n  }\r\n};\r\n</script>\r\n<style lang='scss' scoped>\r\n@import \"../../assets/css/config\";\r\n.fade-enter-active,\r\n.fade-leave-active {\r\n  opacity: 1;\r\n}\r\n.fade-enter,\r\n.fade-leave-to {\r\n  opacity: 0;\r\n}\r\n.TopstoryItem {\r\n  background: #fff;\r\n  border-bottom: 1px solid #f0f2f7;\r\n  padding: 20px;\r\n  .ContentItem-title {\r\n    font-size: 18px;\r\n    font-weight: 600;\r\n  }\r\n}\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./QuestionList.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./QuestionList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./QuestionList.vue?vue&type=template&id=2be3c162&scoped=true&\"\nimport script from \"./QuestionList.vue?vue&type=script&lang=js&\"\nexport * from \"./QuestionList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./QuestionList.vue?vue&type=style&index=0&id=2be3c162&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"2be3c162\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./QuestionList.vue?vue&type=style&index=0&id=2be3c162&lang=scss&scoped=true&\""],"sourceRoot":""}