help.vue 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. <template>
  2. <view>
  3. <u-navbar title="帮助中心"></u-navbar>
  4. <view class="collapse">
  5. <u-collapse>
  6. <u-collapse-item :title="item.head" v-for="(item, index) in itemList" :key="index">
  7. {{item.body}}
  8. </u-collapse-item>
  9. </u-collapse>
  10. </view>
  11. </view>
  12. </template>
  13. <script>
  14. export default {
  15. data() {
  16. return {
  17. itemList: [{
  18. head: "赏识在于角度的转换",
  19. body: "只要我们正确择取一个合适的参照物乃至稍降一格去看待他人,值得赏识的东西便会扑面而来",
  20. open: true,
  21. disabled: true
  22. },{
  23. head: "生活中不是缺少美,而是缺少发现美的眼睛",
  24. body: "学会欣赏,实际是一种积极生活的态度,是生活的调味品,会在欣赏中发现生活的美",
  25. open: false,
  26. },{
  27. head: "周围一些不起眼的人、事、物,或许都隐藏着不同凡响的智慧",
  28. body: "但是据说雕刻大卫像所用的这块大理石,曾被多位雕刻家批评得一无是处,有些人认为这块大理石采凿得不好,有些人嫌它的纹路不够美",
  29. open: false,
  30. }],
  31. }
  32. },
  33. methods: {
  34. }
  35. }
  36. </script>
  37. <style>
  38. page{
  39. background-color: #F7F7F7;
  40. }
  41. </style>
  42. <style lang="scss" scoped>
  43. .collapse{
  44. margin: 16px;
  45. background-color: #fff;
  46. padding:0 10px;
  47. }
  48. </style>