lilei il y a 4 ans
Parent
commit
0b95c4329f
7 fichiers modifiés avec 213 ajouts et 211 suppressions
  1. 1 1
      App.vue
  2. 2 2
      pages.json
  3. 1 1
      pages/goods/index.vue
  4. 1 1
      pages/index/index.vue
  5. 57 0
      pages/userCenter/fenlei.vue
  6. 0 158
      pages/userCenter/liucheng.vue
  7. 151 48
      pages/userCenter/zhinan.vue

+ 1 - 1
App.vue

@@ -1,6 +1,6 @@
 <script>
 	// const uat_URL = 'https://carwash.test.zyucgj.com/gc-shop/' // 预发布
-	const uat_URL = 'http://192.168.16.104:8302/gc-shop/' // 本地
+	const uat_URL = 'http://192.168.16.102:8302/gc-shop/' // 本地
 	const pro_URL = 'https://carwash.zyucgj.com/gc-shop/'  // 生产
 	const buildType = 0 // 打包环境对应类型,1 生产 0 预发布
 	const buildURL = buildType ? pro_URL : uat_URL // 打包后实际对应的url

+ 2 - 2
pages.json

@@ -86,13 +86,13 @@
 			}
 		},
 		{
-			"path": "pages/userCenter/liucheng",
+			"path": "pages/userCenter/zhinan",
 			"style": {
 				"navigationBarTitleText": "使用指南"
 			}
 		},
 		{
-			"path": "pages/userCenter/zhinan",
+			"path": "pages/userCenter/fenlei",
 			"style": {
 				"navigationBarTitleText": "回收分类"
 			}

+ 1 - 1
pages/goods/index.vue

@@ -37,7 +37,7 @@
 				goodsType:[], // 商品分类
 			}
 		},
-		onLoad() {
+		onShow() {
 			this.getbannerList()
 			getGoodsClass({}).then(res => {
 				console.log(res)

+ 1 - 1
pages/index/index.vue

@@ -228,8 +228,8 @@
 			// 快速导航
 			toPage(e){
 				let path=[
+					'/pages/userCenter/fenlei',
 					'/pages/userCenter/zhinan',
-					'/pages/userCenter/liucheng',
 					'/pages/userCenter/myCode/myCode',
 					''
 				]

+ 57 - 0
pages/userCenter/fenlei.vue

@@ -0,0 +1,57 @@
+<template>
+	<view class="zn-container">
+	</view>
+</template>
+
+<script>
+</script>
+
+<style lang="less">
+	.zn-container{
+		width: 100%;
+	}
+	// 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>

+ 0 - 158
pages/userCenter/liucheng.vue

@@ -1,158 +0,0 @@
-<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;">用户登录</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;">我的</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;">垃圾投放</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;">兑换</view>
-				<view class="lc-container-step-name" style="font-weight: bold;font-size: 32rpx;">乐豆商城</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;">乐享亭</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: 10rpx 0;
-				.lc-container-step-name{
-					font-weight: bold;
-				}
-				.lc-container-step-item{
-					text{
-						margin-right: 5rpx;
-						font-size: 35rpx;
-						color: #DD524D;
-					}
-				}
-			}
-		}
-		}
-	}
-</style>

+ 151 - 48
pages/userCenter/zhinan.vue

@@ -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>