zhangdan 4 lat temu
rodzic
commit
3f79ce3fcb

+ 6 - 0
pages.json

@@ -79,6 +79,12 @@
 				"navigationBarTitleText": "关于我们"
 			}
 		},
+		{
+			"path": "pages/userCenter/question",
+			"style": {
+				"navigationBarTitleText": "常见问题"
+			}
+		},
 		{
 			"path": "pages/userCenter/liucheng",
 			"style": {

+ 11 - 4
pages/goods/index.vue

@@ -26,20 +26,19 @@
 		getGoodsClass,
 		getGoodsList
 	} from '@/api/goods.js'
+	import {bannerList} from '@/api/banner.js'
 	export default {
 		components: {
 		},
 		data() {
 			return {
-				imageTopList:[
-					{image:'/static/banner.png'},
-					{image:'/static/banner1.png'}
-				],
+				imageTopList:[],
 				goodsList:[], // 商品
 				goodsType:[], // 商品分类
 			}
 		},
 		onLoad() {
+			this.getbannerList()
 			getGoodsClass({}).then(res => {
 				console.log(res)
 				if(res.status == 200){
@@ -53,6 +52,14 @@
 			})
 		},
 		methods: { 
+			// 获取banner
+			getbannerList(){
+				bannerList({type:'banner',location:'MALL_TOP'}).then(res=>{
+					if(res.status==200){
+						this.imageTopList=res.data
+					}
+				})
+			},
 			// 更多商品
 			toGoods(item){
 				uni.navigateTo({

+ 1 - 1
pages/index/index.vue

@@ -137,7 +137,7 @@
 			},
 			// 获取banner
 			getbannerList(){
-				bannerList({type:'banner',location:'MALL_TOP'}).then(res=>{
+				bannerList({type:'banner',location:'HOME_TOP'}).then(res=>{
 					if(res.status==200){
 						this.imageTopList=res.data
 					}

+ 3 - 3
pages/userCenter/index.vue

@@ -29,8 +29,8 @@
 				<u-cell-item v-if="hasLogin" icon="order" icon-size="38" :icon-style="{color:'#ff5500'}" index="0" @click="toPage" title="我的订单"></u-cell-item>
 				<u-cell-item v-if="hasLogin" icon="gift" icon-size="40" :icon-style="{color:'#00aaff'}" index="1" @click="toPage" title="投递记录"></u-cell-item>
 				<u-cell-item icon="question-circle" icon-size="40" :icon-style="{color:'#19be6b'}" index="2" @click="toPage" title="常见问题"></u-cell-item>
-				<u-cell-item icon="phone" icon-size="40" :icon-style="{color:'#f00'}" @click="callPhone" title="联系客服"></u-cell-item>
-				<u-cell-item icon="file-text" icon-size="40" :icon-style="{color:'#ffaa00'}" index="3" @click="toPage" title="服务协议"></u-cell-item>
+				<u-cell-item icon="phone" icon-size="40" :icon-style="{color:'#f00'}" @click="callPhone" title="联系客服" index="3"></u-cell-item>
+				<u-cell-item icon="file-text" icon-size="40" :icon-style="{color:'#ffaa00'}" index="4" @click="toPage" title="服务协议"></u-cell-item>
 				<!-- <u-cell-item icon="info-circle" icon-size="38" :icon-style="{color:'#55aa00'}" index="4" @click="toPage" title="关于我们"></u-cell-item> -->
 			</u-cell-group>
 		</view>
@@ -60,7 +60,7 @@
 				let pageUrl=[
 					'/pages/userCenter/deliveryRecord',
 					'/pages/order/order',
-					'',
+					'/pages/userCenter/question',
 					'/pages/agreement/agreement?fromPage=usercenter',
 					'/pages/userCenter/aboutUs'
 					]

+ 149 - 7
pages/userCenter/liucheng.vue

@@ -1,16 +1,158 @@
 <template>
-	<view class="lc-container" >
-		<u-image width="750rpx" height="100%" src="/static/syZN.jpg"></u-image>
-		<u-image width="750rpx" height="100%" src="/static/zn1.jpg" ></u-image>
-		<u-image width="750rpx" height="100%" src="/static/zn2.jpg"></u-image>
+	<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="less">
-	.lc-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: 10rpx 0;
+				.lc-container-step-name{
+					font-weight: bold;
+				}
+				.lc-container-step-item{
+					text{
+						margin-right: 5rpx;
+						font-size: 35rpx;
+						color: #DD524D;
+					}
+				}
+			}
+		}
+		}
 	}
 </style>

+ 61 - 0
pages/userCenter/question.vue

@@ -0,0 +1,61 @@
+<template>
+	<view class="lc" >
+		<view class="lc-container">
+			<!-- 常见问题 -->
+			<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>
+	</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-bottom: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>