|
@@ -1,57 +1,160 @@
|
|
|
<template>
|
|
|
- <view class="zn-container">
|
|
|
+ <view class="lc" >
|
|
|
+ <view class="lc-container">
|
|
|
+ <!-- 新手引导 -->
|
|
|
+ <view class="lc-container-xs">
|
|
|
+ <view class="lc-container-title" style="margin-top: 0;">新手引导</view>
|
|
|
+ <view class="lc-container-step" style="margin-top: 0;">(<text>一</text>)、新手入注</view>
|
|
|
+ <view class="lc-container-step-name" style="font-weight: bold; font-size: 32rpx;margin: 20rpx 0;">用户登录</view>
|
|
|
+ <view class="lc-container-step-item">
|
|
|
+ (<text>1</text>)
|
|
|
+ <text style="margin-left:10rpx ;">用户进入小程序,点击微信登录,授权手机号后将自动登录。</text>
|
|
|
+ </view>
|
|
|
+ <view class="lc-container-step-item">
|
|
|
+ (<text>2</text>)
|
|
|
+ <text style="margin-left:10rpx ;">用户进入小程序,点击手机号验证登录,可通过手机验证码登录小程序。</text>
|
|
|
+ </view>
|
|
|
+ <view class="lc-container-step-name" style="font-weight: bold;font-size: 32rpx;margin: 20rpx 0;">我的</view>
|
|
|
+ <view class="lc-container-step-item">
|
|
|
+ (<text>1</text>)
|
|
|
+ <text style="margin-left:10rpx ;">点击右下角「我的」,点击头像进入「个人中心」。</text>
|
|
|
+ </view>
|
|
|
+ <view class="lc-container-step-item">
|
|
|
+ (<text>2</text>)
|
|
|
+ <text style="margin-left:10rpx ;"> 进入“支付密码”页面,可设置/修改支付密码。</text>
|
|
|
+ </view>
|
|
|
+ <view class="lc-container-step-item">
|
|
|
+ (<text>3</text>)
|
|
|
+ <text style="margin-left:10rpx ;"> 进入“收货地址”页面,进行收货地址管理。</text>
|
|
|
+ </view>
|
|
|
+ <view class="lc-container-step">(<text>二</text>)、使用手册</view>
|
|
|
+ <view class="lc-container-step-name" style="font-weight: bold;font-size: 32rpx;margin: 20rpx 0;">垃圾投放</view>
|
|
|
+ <view class="lc-container-step-item">
|
|
|
+ (<text>1</text>)
|
|
|
+ <text style="margin-left:10rpx ;">进入首页,可查看距离自己当前位置最近的3个回收网点。</text>
|
|
|
+ </view>
|
|
|
+ <view class="lc-container-step-item">
|
|
|
+ (<text>2</text>)
|
|
|
+ <text style="margin-left:10rpx ;">在自动回收机上输入手机号进行身份验证后,选择对应的投递类型。</text>
|
|
|
+ </view>
|
|
|
+ <view class="lc-container-step-item">
|
|
|
+ (<text>3</text>)
|
|
|
+ <text style="margin-left:10rpx ;">按下设备的开箱按钮,将分类装好的垃圾投放进相应的回收箱内。</text>
|
|
|
+ </view>
|
|
|
+ <view class="lc-container-step-item">
|
|
|
+ (<text>4</text>)
|
|
|
+ <text style="margin-left:10rpx ;">系统自动称重,获得相应的乐豆积分。</text>
|
|
|
+ </view>
|
|
|
+ <view class="lc-container-step-name" style="font-weight: bold;font-size: 32rpx;margin: 20rpx 0;">兑换</view>
|
|
|
+ <view class="lc-container-step-name" style="font-weight: bold;font-size: 32rpx;margin: 20rpx 0;">乐豆商城</view>
|
|
|
+ <view class="lc-container-step-item">
|
|
|
+ (<text>1</text>)
|
|
|
+ <text style="margin-left:10rpx ;">进入小程序,点击「商城」,可查看商城商品。</text>
|
|
|
+ </view>
|
|
|
+ <view class="lc-container-step-item">
|
|
|
+ (<text>2</text>)
|
|
|
+ <text style="margin-left:10rpx ;">点击商品右侧的“购物车”添加商品,点击“去兑换”进入订单页面。</text>
|
|
|
+ </view>
|
|
|
+ <view class="lc-container-step-item">
|
|
|
+ (<text>3</text>)
|
|
|
+ <text style="margin-left:10rpx ;">确认订单无误后,点击“支付"跳转至支付页面,输入支付密码,完成兑换。</text>
|
|
|
+ </view>
|
|
|
+ <view class="lc-container-step-item">
|
|
|
+ (<text>4</text>)
|
|
|
+ <text style="margin-left:10rpx ;">收到货后要进行确认收货。</text>
|
|
|
+ </view>
|
|
|
+ <view class="lc-container-step-name" style="font-weight: bold;font-size: 32rpx;margin: 20rpx 0;">乐享亭</view>
|
|
|
+ <view class="lc-container-step-item">
|
|
|
+ (<text>1</text>)
|
|
|
+ <text style="margin-left:10rpx ;">找到附近的乐享亭,选择自己需要兑换的商品。</text>
|
|
|
+ </view>
|
|
|
+ <view class="lc-container-step-item">
|
|
|
+ (<text>2</text>)
|
|
|
+ <text style="margin-left:10rpx ;">同乐享亭店员沟通确认兑换该商品需要支付的乐豆。</text>
|
|
|
+ </view>
|
|
|
+ <view class="lc-container-step-item">
|
|
|
+ (<text>3</text>)
|
|
|
+ <text style="margin-left:10rpx ;">点击首页中间的“扫一扫”图标,输入需要支付的乐豆数字,点击“支付”输入支付密码后完成兑换。</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <!-- 乐豆使用说明 -->
|
|
|
+ <view class="lc-container-xs" style="font-size: 32rpx;">
|
|
|
+ <view class="lc-container-title" >Q&A乐豆使用说明</view>
|
|
|
+ <view class="lc-container-step" >Q: 什么是乐豆 ?</view>
|
|
|
+ <view class="lc-container-step-item">A: 乐豆是用于乐色管家用户使用乐色管家各种服务及增值服务的种类、数量或时间等的一种统计代码,并非任何代币票券,不能用于乐色管家服务及增值服务以外的任何商品或服务。</view>
|
|
|
+ <view class="lc-container-step" >Q: 如何使用乐豆 ?</view>
|
|
|
+ <view class="lc-container-step-item">A: 乐豆可以用于兑换积分商城丰富的商品、服务,以及参与线上线下活动等。</view>
|
|
|
+ <view class="lc-container-step" >Q: 如何获得乐豆 ?</view>
|
|
|
+ <view class="lc-container-step-item">A: 用户可通过完成「垃圾投放」「系统任务」等方式来获取乐豆。</view>
|
|
|
+ <view class="lc-container-step" >Q: 乐豆的有效期限是多长 ?</view>
|
|
|
+ <view class="lc-container-step-item">A: 用户获得但未使用的乐豆长期有效。</view>
|
|
|
+ <view class="lc-container-step" >Q: 如何查看我的乐豆数量 ?</view>
|
|
|
+ <view class="lc-container-step-item">A: 点击“我的”,可查看乐豆余额;点击“乐豆明细”小图标可查看乐豆明细。</view>
|
|
|
+ <view class="lc-container-step" >Q: 乐豆的使用范围 ?</view>
|
|
|
+ <view class="lc-container-step-item">A: 乐色管家小程序+乐享亭。</view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <!-- 常见问题 -->
|
|
|
+ <view class="lc-container-xs" style="font-size: 32rpx;">
|
|
|
+ <view class="lc-container-title" >Q&A常见问题</view>
|
|
|
+ <view class="lc-container-step" >Q: 为什么投放垃圾后乐豆没有到账 ?</view>
|
|
|
+ <view class="lc-container-step-item">A: 每次需要投放最小计算单位以上的重量才会有乐豆奖励。</view>
|
|
|
+ <view class="lc-container-step" >Q: 如何修改支付密码 ?</view>
|
|
|
+ <view class="lc-container-step-item">A: 点击“我的”,前往[个人中心],进入“支付密码”页面可修改支付密码。</view>
|
|
|
+ <view class="lc-container-step" >Q: 乐豆余额不足时该如何兑换商品 ?</view>
|
|
|
+ <view class="lc-container-step-item">A: 余额不足时不可兑换商品,需要通过各种方式增加乐豆积累后可照常兑换商品</view>
|
|
|
+ <view class="lc-container-step" >Q: 乐豆余额可以提现吗 ?</view>
|
|
|
+ <view class="lc-container-step-item">A: 当前版本暂不支持乐豆余额提现,乐豆仅供线上商城、乐享便利兑换使用。</view>
|
|
|
+ <view class="lc-container-step" >Q: 如何完成垃圾投放 ?</view>
|
|
|
+ <view class="lc-container-step-item">A: 通过首页地图找到附近的乐色箱,通过手机号认证身份后,按下开箱按钮,将分类好的垃圾投放进箱內。</view>
|
|
|
+ <view class="lc-container-step" >Q: 如何查看已兑换商品订单的物流状态 ?</view>
|
|
|
+ <view class="lc-container-step-item">A: 点击“我的”,前往[我的订单],通过订单显示的快递公司和快递单号,可自行查询物流信息。</view>
|
|
|
+ <view class="lc-container-step" >Q: 如何进行线下兑换 ?</view>
|
|
|
+ <view class="lc-container-step-item">A: 可根据首页地图找到附近的乐享便利店,选择好所需商品后,向店员支付对应数量的乐豆,完成乐豆抵扣兑换商品。</view>
|
|
|
+ </view>
|
|
|
+ <view style="font-size: 32rpx;">
|
|
|
+ 温馨提示:使用过程中,如有其他问题,可前往[我的],点击“联系客服”图标,拨打客服电话进行沟通。
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
</script>
|
|
|
|
|
|
-<style lang="less">
|
|
|
- .zn-container{
|
|
|
- width: 100%;
|
|
|
+<style lang="scss">
|
|
|
+ .lc{
|
|
|
+ padding: 15px;
|
|
|
+ line-height: 170%;
|
|
|
+ .lc-container{
|
|
|
+ font-size: 32rpx;
|
|
|
+ .lc-container-xs{
|
|
|
+ margin-bottom: 50rpx;
|
|
|
+ .lc-container-title{
|
|
|
+ text-align: center;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 45rpx;
|
|
|
+ margin:40rpx ;
|
|
|
+ }
|
|
|
+ .lc-container-step{
|
|
|
+ color:#217330;
|
|
|
+ font-size: 38rpx;
|
|
|
+ margin: 30rpx 0;
|
|
|
+ .lc-container-step-name{
|
|
|
+ font-weight: bold;
|
|
|
+ margin: 20rpx 0;
|
|
|
+ }
|
|
|
+ .lc-container-step-item{
|
|
|
+ margin: 20rpx 0;
|
|
|
+ text{
|
|
|
+ margin-right: 5rpx;
|
|
|
+ font-size: 35rpx;
|
|
|
+ color: #DD524D;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
- // page{
|
|
|
- // background: #FFFFFF;
|
|
|
- // }
|
|
|
- // .container{
|
|
|
- // font-size: 32rpx;
|
|
|
- // padding:0 50rpx;
|
|
|
- // text-align: center;
|
|
|
- // color:#666;
|
|
|
- // .logoContent{
|
|
|
- // .logoBorder{
|
|
|
- // width:200rpx;
|
|
|
- // height:200rpx;
|
|
|
- // border:2px solid #eee;
|
|
|
- // border-radius: 20rpx;
|
|
|
- // margin:50rpx 0 15rpx 0;
|
|
|
- // display: inline-block;
|
|
|
- // position: relative;
|
|
|
- // .logoImg{
|
|
|
- // width:135rpx;
|
|
|
- // height:180rpx;
|
|
|
- // position: absolute;
|
|
|
- // top:0;
|
|
|
- // left:0;
|
|
|
- // right:0;
|
|
|
- // bottom:0;
|
|
|
- // margin:auto;
|
|
|
- // }
|
|
|
- // }
|
|
|
- // }
|
|
|
- // .textContent{
|
|
|
- // text-align: left;
|
|
|
- // margin-top: 30rpx;
|
|
|
- // font-size: 32rpx;
|
|
|
- // .tetxTitle{
|
|
|
- // margin-bottom: 10rpx;
|
|
|
- // font-size: 32rpx;
|
|
|
- // }
|
|
|
- // > view{
|
|
|
- // padding: 16upx 0;
|
|
|
- // line-height: 50upx;
|
|
|
- // text-indent: 60rpx;
|
|
|
- // }
|
|
|
- // }
|
|
|
- // }
|
|
|
</style>
|