bangzhu.vue 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. <template>
  2. <view>
  3. <customNav :shownav="true" :title="$t('index.bangzhu')" titledetl=""></customNav>
  4. <view class="contentV">
  5. <view class="itemView" v-for="(item,index) in bangzhuList" @click="bangzhuxuanze(item.id)">
  6. <text class="textstye">{{item.title}}</text>
  7. <text class="textcontent">{{item.content}}</text>
  8. </view>
  9. </view>
  10. </view>
  11. </template>
  12. <script>
  13. import api from "@/pages/api/api.js"
  14. export default {
  15. data() {
  16. return {
  17. bangzhuList:[]
  18. }
  19. },
  20. onLoad() {
  21. this.gethelplist();
  22. },
  23. methods: {
  24. bangzhuxuanze(index){
  25. },
  26. gethelplist(){
  27. api('gethelplist',{
  28. },res=>{
  29. this.bangzhuList=res.data.data;
  30. },failc=>{
  31. //console.log('getadvertis----',failc)
  32. })
  33. },
  34. }
  35. }
  36. </script>
  37. <style>
  38. .contentV{
  39. display:flex;
  40. flex-direction: column;
  41. justify-content: center;
  42. align-items: center;
  43. }
  44. .itemView{
  45. display:flex;
  46. flex-direction: column;
  47. justify-content: flex-start;
  48. margin-top: 16rpx;
  49. height: 80rpx;
  50. width: 90%;
  51. border: 2rpx dotted darkgray;
  52. background-color: aliceblue;
  53. }
  54. .textstye{
  55. font-size: 30rpx;
  56. margin-left: 30rpx;
  57. }
  58. .textcontent{
  59. font-size: 26rpx;
  60. color: darkgray;
  61. margin-left: 30rpx;
  62. }
  63. </style>