<template>
	<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="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;
					}
				}
			}
		}
		}
	}
</style>
