index.vue 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  1. <template>
  2. <!-- 首页 -->
  3. <view class="page">
  4. <image class="topBanner" src="../../static/image/topBanner.png" mode="scaleToFill"></image>
  5. <view class="content-list">
  6. <view class="item">
  7. <view class="flex item-user">
  8. <view class="item-left-user flex">
  9. <view class="user-pic">
  10. </view>
  11. <view class="user-name-box">
  12. <view class="user-name">
  13. </view>
  14. <view class="user-money flex">
  15. <view class="tipImg">
  16. </view>
  17. <view class="mongy">
  18. </view>
  19. </view>
  20. </view>
  21. </view>
  22. <view class="item-rigt-user">
  23. </view>
  24. </view>
  25. <view class="item-user-model flex">
  26. <view class="model">
  27. </view>
  28. <view class="model">
  29. </view>
  30. <view class="model">
  31. </view>
  32. </view>
  33. <view class="flex">
  34. <view class="function-block">
  35. </view>
  36. <view class="function-block">
  37. </view>
  38. </view>
  39. </view>
  40. </view>
  41. </view>
  42. </template>
  43. <script>
  44. export default {
  45. data() {
  46. return {
  47. };
  48. },
  49. onLoad(options) {
  50. },
  51. onShow() {},
  52. methods: {
  53. }
  54. };
  55. </script>
  56. <style lang="scss">
  57. .page{
  58. background-image:linear-gradient(#5d34ff,#e0d8ff) ;
  59. min-height: 100vh;
  60. }
  61. .topBanner{
  62. width: 750rpx;
  63. height: 900rpx;
  64. }
  65. </style>