You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

88 lines
2.2 KiB

4 months ago
  1. <template>
  2. <view class="content">
  3. <view class="topBg">
  4. <view class="tag">XXXX成为VIP会员</view>
  5. <view class="tag">一次搞定</view>
  6. <view class="tag">常见问题</view>
  7. <view class="tag">五大特权</view>
  8. <view class="tag">最低仅需xx元/</view>
  9. </view>
  10. <view class="allVip">
  11. <view class="vipItem" v-for="(item,index) in 3" :key="index">
  12. <view class="lab">全科VIP</view>
  13. <view class="redT flex">
  14. <view class="price"><text>15</text></view>
  15. <view class="day">100</view>
  16. </view>
  17. </view>
  18. </view>
  19. <view class="btnBox flex-b">
  20. <view class="whiteT flex">
  21. <view class="price"><text>15</text></view>
  22. <view class="day">100</view>
  23. </view>
  24. <view class="upgra">升级为VIP</view>
  25. </view>
  26. <view class="card">
  27. <view class="h1_row">
  28. <view class="h1">尊享权益</view>
  29. <view class="moreBox">
  30. <moreRight text="查看全部"/>
  31. </view>
  32. </view>
  33. <view class="tit_row flex">
  34. <view class="round">
  35. <image src="" mode=""></image>
  36. </view>
  37. <view class="tit">五大权益助力高效领证</view>
  38. <view class="round">
  39. <image src="" mode=""></image>
  40. </view>
  41. </view>
  42. <view class="tps">180天内无限使用</view>
  43. <view class="ul">
  44. <view class="li" v-for="(item,index) in 5" :key="index">
  45. <view class="icon">
  46. <image src="" mode=""></image>
  47. </view>
  48. <view class="txt">精选试题</view>
  49. </view>
  50. </view>
  51. </view>
  52. <view class="learning">
  53. <view class="h1">四步高效学习法</view>
  54. <view class="blueBg">
  55. <view class="blueTxt">拒绝费时费力 高效备考理论</view>
  56. <view class="ul">
  57. <view class="li">
  58. <view class="flex">
  59. <view class="step">第一步</view>
  60. <view class="unit"></view>
  61. </view>
  62. <view class="flex-b">
  63. <view class="leftImg">
  64. <image src="" mode=""></image>
  65. </view>
  66. <view class="rightTxt">
  67. <view class="lab">精选试题</view>
  68. <view class="txt">提炼易错易考试题减少相似题目练习缩短备考时间</view>
  69. </view>
  70. </view>
  71. </view>
  72. </view>
  73. </view>
  74. </view>
  75. </view>
  76. </template>
  77. <script>
  78. </script>
  79. <style>
  80. </style>