view.axml 2.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. <view class="page">
  2. <view class="page-description">视图容器,相当于 web 的 div 或者 react-native 的 View。</view>
  3. <view class="page-section">
  4. <view class="page-section-demo">
  5. <view class="stream">
  6. <view class="post">
  7. <view class="postUser">
  8. <view class="postUser__name">Chris</view>
  9. </view>
  10. <view class="postBody">
  11. <view class="postBody__content">
  12. 欢迎使用支付宝小程序!!!
  13. </view>
  14. <view class="postBody__date">
  15. May 20
  16. </view>
  17. </view>
  18. </view>
  19. <view class="post">
  20. <view class="postUser">
  21. <view class="postUser__name">Jack</view>
  22. </view>
  23. <view class="postBody">
  24. <view class="postBody__content">
  25. @Chris 我该如何上手?
  26. </view>
  27. <view class="postBody__date">
  28. May 21
  29. </view>
  30. </view>
  31. </view>
  32. <view class="post">
  33. <view class="postUser">
  34. <view class="postUser__name">Chris</view>
  35. </view>
  36. <view class="postBody">
  37. <view class="postBody__content">
  38. 你可以查看 Demo,对小程序有一个简单的了解;然后下载我们的 IDE 进行开发。
  39. </view>
  40. <view class="postBody__date">
  41. May 22
  42. </view>
  43. </view>
  44. </view>
  45. <view class="post">
  46. <view class="postUser">
  47. <view class="postUser__name">Jessie</view>
  48. </view>
  49. <!-- hover red -->
  50. <view class="postBody" hover-class="red">
  51. <view class="postBody__content">
  52. 赞!
  53. </view>
  54. <view class="postBody__date" hidden>
  55. June 1
  56. </view>
  57. </view>
  58. </view>
  59. <view class="post" hidden>
  60. <view class="postUser">
  61. <view class="postUser__name">Jessie</view>
  62. </view>
  63. <view class="postBody">
  64. <view class="postBody__content">
  65. 赞! +1
  66. </view>
  67. <view class="postBody__date">
  68. June 1
  69. </view>
  70. </view>
  71. </view>
  72. </view>
  73. </view>
  74. </view>
  75. </view>