question.vue 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. <template>
  2. <view>
  3. <!-- 公共组件-每个页面必须引入 -->
  4. <public-module></public-module>
  5. <uni-collapse :accordion="true">
  6. <block v-for="(item,index) in list" :key="index">
  7. <uni-collapse-item :title="item.title" :show-animation="true">
  8. <text class="content">{{ item.content }}</text>
  9. </uni-collapse-item>
  10. </block>
  11. </uni-collapse>
  12. <button class="my-3 mt-4 mx-3 d-flex a-center j-center main-bg-color" type="primary" @tap="openSuggest" >意见反馈</button>
  13. </view>
  14. </template>
  15. <script>
  16. export default {
  17. data() {
  18. return {
  19. list:[
  20. {
  21. title:"客服什么时候上线?",
  22. content:"早上8:30-下午6:30"
  23. },
  24. {
  25. title:"忘记账号怎么办?",
  26. content:"登录方式有账号密码登录和手机验证码登录,如果您忘记你的账号和密码,可以通过账号所绑定的手机号获取验证码登录"
  27. },
  28. {
  29. title:"如何修改密码?",
  30. content:"打开app -> 我的 -> 设置(我的页面右上角图标进入) -> 账号与安全 -> 修改密码"
  31. }
  32. ]
  33. }
  34. },
  35. methods: {
  36. openSuggest(){
  37. this.navigate({url:'/pages/set/suggest'},"navigateTo",true)
  38. }
  39. }
  40. }
  41. </script>
  42. <style lang="scss" scoped>
  43. @import '@/style/mixin.scss';
  44. /deep/ .uni-collapse-cell--open .uni-collapse-cell__title {
  45. background-color: rgba($themeColor,0.6);
  46. color: #FFFFFF;
  47. }
  48. /deep/ .uni-collapse-cell--open .uni-collapse-cell__title span{
  49. color: #FFFFFF;
  50. }
  51. .content {
  52. padding: 15px;
  53. font-size: 14px;
  54. line-height: 20px;
  55. background-color: #fbfbfb;
  56. color: #666;
  57. }
  58. </style>