zhinan.vue 8.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160
  1. <template>
  2. <view class="lc" >
  3. <view class="lc-container">
  4. <!-- 新手引导 -->
  5. <view class="lc-container-xs">
  6. <view class="lc-container-title" style="margin-top: 0;">新手引导</view>
  7. <view class="lc-container-step" style="margin-top: 0;">(<text>一</text>)、新手入注</view>
  8. <view class="lc-container-step-name" style="font-weight: bold; font-size: 32rpx;margin: 20rpx 0;">用户登录</view>
  9. <view class="lc-container-step-item">
  10. (<text>1</text>)
  11. <text style="margin-left:10rpx ;">用户进入小程序,点击微信登录,授权手机号后将自动登录。</text>
  12. </view>
  13. <view class="lc-container-step-item">
  14. (<text>2</text>)
  15. <text style="margin-left:10rpx ;">用户进入小程序,点击手机号验证登录,可通过手机验证码登录小程序。</text>
  16. </view>
  17. <view class="lc-container-step-name" style="font-weight: bold;font-size: 32rpx;margin: 20rpx 0;">我的</view>
  18. <view class="lc-container-step-item">
  19. (<text>1</text>)
  20. <text style="margin-left:10rpx ;">点击右下角「我的」,点击头像进入「个人中心」。</text>
  21. </view>
  22. <view class="lc-container-step-item">
  23. (<text>2</text>)
  24. <text style="margin-left:10rpx ;"> 进入“支付密码”页面,可设置/修改支付密码。</text>
  25. </view>
  26. <view class="lc-container-step-item">
  27. (<text>3</text>)
  28. <text style="margin-left:10rpx ;"> 进入“收货地址”页面,进行收货地址管理。</text>
  29. </view>
  30. <view class="lc-container-step">(<text>二</text>)、使用手册</view>
  31. <view class="lc-container-step-name" style="font-weight: bold;font-size: 32rpx;margin: 20rpx 0;">垃圾投放</view>
  32. <view class="lc-container-step-item">
  33. (<text>1</text>)
  34. <text style="margin-left:10rpx ;">进入首页,可查看距离自己当前位置最近的3个回收网点。</text>
  35. </view>
  36. <view class="lc-container-step-item">
  37. (<text>2</text>)
  38. <text style="margin-left:10rpx ;">在自动回收机上输入手机号进行身份验证后,选择对应的投递类型。</text>
  39. </view>
  40. <view class="lc-container-step-item">
  41. (<text>3</text>)
  42. <text style="margin-left:10rpx ;">按下设备的开箱按钮,将分类装好的垃圾投放进相应的回收箱内。</text>
  43. </view>
  44. <view class="lc-container-step-item">
  45. (<text>4</text>)
  46. <text style="margin-left:10rpx ;">系统自动称重,获得相应的乐豆积分。</text>
  47. </view>
  48. <view class="lc-container-step-name" style="font-weight: bold;font-size: 32rpx;margin: 20rpx 0;">兑换</view>
  49. <view class="lc-container-step-name" style="font-weight: bold;font-size: 32rpx;margin: 20rpx 0;">乐豆商城</view>
  50. <view class="lc-container-step-item">
  51. (<text>1</text>)
  52. <text style="margin-left:10rpx ;">进入小程序,点击「商城」,可查看商城商品。</text>
  53. </view>
  54. <view class="lc-container-step-item">
  55. (<text>2</text>)
  56. <text style="margin-left:10rpx ;">点击商品右侧的“购物车”添加商品,点击“去兑换”进入订单页面。</text>
  57. </view>
  58. <view class="lc-container-step-item">
  59. (<text>3</text>)
  60. <text style="margin-left:10rpx ;">确认订单无误后,点击“支付"跳转至支付页面,输入支付密码,完成兑换。</text>
  61. </view>
  62. <view class="lc-container-step-item">
  63. (<text>4</text>)
  64. <text style="margin-left:10rpx ;">收到货后要进行确认收货。</text>
  65. </view>
  66. <view class="lc-container-step-name" style="font-weight: bold;font-size: 32rpx;margin: 20rpx 0;">乐享亭</view>
  67. <view class="lc-container-step-item">
  68. (<text>1</text>)
  69. <text style="margin-left:10rpx ;">找到附近的乐享亭,选择自己需要兑换的商品。</text>
  70. </view>
  71. <view class="lc-container-step-item">
  72. (<text>2</text>)
  73. <text style="margin-left:10rpx ;">同乐享亭店员沟通确认兑换该商品需要支付的乐豆。</text>
  74. </view>
  75. <view class="lc-container-step-item">
  76. (<text>3</text>)
  77. <text style="margin-left:10rpx ;">点击首页中间的“扫一扫”图标,输入需要支付的乐豆数字,点击“支付”输入支付密码后完成兑换。</text>
  78. </view>
  79. </view>
  80. <!-- 乐豆使用说明 -->
  81. <view class="lc-container-xs" style="font-size: 32rpx;">
  82. <view class="lc-container-title" >Q&A乐豆使用说明</view>
  83. <view class="lc-container-step" >Q: 什么是乐豆 ?</view>
  84. <view class="lc-container-step-item">A: 乐豆是用于乐色管家用户使用乐色管家各种服务及增值服务的种类、数量或时间等的一种统计代码,并非任何代币票券,不能用于乐色管家服务及增值服务以外的任何商品或服务。</view>
  85. <view class="lc-container-step" >Q: 如何使用乐豆 ?</view>
  86. <view class="lc-container-step-item">A: 乐豆可以用于兑换积分商城丰富的商品、服务,以及参与线上线下活动等。</view>
  87. <view class="lc-container-step" >Q: 如何获得乐豆 ?</view>
  88. <view class="lc-container-step-item">A: 用户可通过完成「垃圾投放」「系统任务」等方式来获取乐豆。</view>
  89. <view class="lc-container-step" >Q: 乐豆的有效期限是多长 ?</view>
  90. <view class="lc-container-step-item">A: 用户获得但未使用的乐豆长期有效。</view>
  91. <view class="lc-container-step" >Q: 如何查看我的乐豆数量 ?</view>
  92. <view class="lc-container-step-item">A: 点击“我的”,可查看乐豆余额;点击“乐豆明细”小图标可查看乐豆明细。</view>
  93. <view class="lc-container-step" >Q: 乐豆的使用范围 ?</view>
  94. <view class="lc-container-step-item">A: 乐色管家小程序+乐享亭。</view>
  95. </view>
  96. <!-- 常见问题 -->
  97. <view class="lc-container-xs" style="font-size: 32rpx;">
  98. <view class="lc-container-title" >Q&A常见问题</view>
  99. <view class="lc-container-step" >Q: 为什么投放垃圾后乐豆没有到账 ?</view>
  100. <view class="lc-container-step-item">A: 每次需要投放最小计算单位以上的重量才会有乐豆奖励。</view>
  101. <view class="lc-container-step" >Q: 如何修改支付密码 ?</view>
  102. <view class="lc-container-step-item">A: 点击“我的”,前往[个人中心],进入“支付密码”页面可修改支付密码。</view>
  103. <view class="lc-container-step" >Q: 乐豆余额不足时该如何兑换商品 ?</view>
  104. <view class="lc-container-step-item">A: 余额不足时不可兑换商品,需要通过各种方式增加乐豆积累后可照常兑换商品</view>
  105. <view class="lc-container-step" >Q: 乐豆余额可以提现吗 ?</view>
  106. <view class="lc-container-step-item">A: 当前版本暂不支持乐豆余额提现,乐豆仅供线上商城、乐享便利兑换使用。</view>
  107. <view class="lc-container-step" >Q: 如何完成垃圾投放 ?</view>
  108. <view class="lc-container-step-item">A: 通过首页地图找到附近的乐色箱,通过手机号认证身份后,按下开箱按钮,将分类好的垃圾投放进箱內。</view>
  109. <view class="lc-container-step" >Q: 如何查看已兑换商品订单的物流状态 ?</view>
  110. <view class="lc-container-step-item">A: 点击“我的”,前往[我的订单],通过订单显示的快递公司和快递单号,可自行查询物流信息。</view>
  111. <view class="lc-container-step" >Q: 如何进行线下兑换 ?</view>
  112. <view class="lc-container-step-item">A: 可根据首页地图找到附近的乐享便利店,选择好所需商品后,向店员支付对应数量的乐豆,完成乐豆抵扣兑换商品。</view>
  113. </view>
  114. <view style="font-size: 32rpx;">
  115. 温馨提示:使用过程中,如有其他问题,可前往[我的],点击“联系客服”图标,拨打客服电话进行沟通。
  116. </view>
  117. </view>
  118. </view>
  119. </template>
  120. <script>
  121. </script>
  122. <style lang="scss">
  123. .lc{
  124. padding: 15px;
  125. line-height: 170%;
  126. .lc-container{
  127. font-size: 32rpx;
  128. .lc-container-xs{
  129. margin-bottom: 50rpx;
  130. .lc-container-title{
  131. text-align: center;
  132. font-weight: bold;
  133. font-size: 45rpx;
  134. margin:40rpx ;
  135. }
  136. .lc-container-step{
  137. color:#217330;
  138. font-size: 38rpx;
  139. margin: 30rpx 0;
  140. .lc-container-step-name{
  141. font-weight: bold;
  142. margin: 20rpx 0;
  143. }
  144. .lc-container-step-item{
  145. margin: 20rpx 0;
  146. text{
  147. margin-right: 5rpx;
  148. font-size: 35rpx;
  149. color: #DD524D;
  150. }
  151. }
  152. }
  153. }
  154. }
  155. }
  156. </style>