充值相关修改

src/pages.json

@@ -433,7 +433,24 @@
 			}
 
 		}
-	],
+		, {
+			"path": "pages/commonProblem/commonProblem",
+			"style": {
+				"navigationBarTitleText": "常见问题",
+				"enablePullDownRefresh": false
+			}
+
+		}
+	    ,{
+            "path" : "pages/problemDetail/problemDetail",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "",
+                "enablePullDownRefresh": false
+            }
+            
+        }
+    ],
 	"globalStyle": {
 		"navigationBarTextStyle": "black",
 		"navigationBarTitleText": "校智付",

src/pages/commonProblem/commonProblem.vue

+<template>
+  <view class="commonProblem">
+    <view class="itemWrapper">
+		<view class="title">使用规则</view>
+		<view class="content">
+			<view @click="toDetail('使用规则', 1, 1)">余额储存在哪里？</view>
+			<view @click="toDetail('使用规则',1, 2)">为什么我的余额充足却消费失败？</view>
+		</view>
+	</view>
+	<view class="itemWrapper">
+		<view class="title">充值问题</view>
+		<view class="content">
+			<view @click="toDetail('充值问题',2, 1)">充值失败后我的钱去哪了？</view>
+			<view @click="toDetail('充值问题',2, 2)">充值的上限是多少？</view>
+		</view>
+	</view>
+	<view class="itemWrapper">
+		<view class="title">提现问题</view>
+		<view class="content">
+			<view @click="toDetail('提现问题',3, 1)">充值金额是否可以提现？</view>
+			<view @click="toDetail('提现问题',3, 2)">提现申请成功后，多久可以到账？</view>
+			<view @click="toDetail('提现问题',3, 3)">为什么线上提现会失败？</view>
+		</view>
+	</view>
+	<view class="itemWrapper">
+		<view class="title">其他问题</view>
+		<view class="content">
+			<view  @click="toDetail('其他问题',4, 1)">为什么电子校园卡激活收到银行的短信？</view>
+			<view  @click="toDetail('其他问题',4, 2)">电子校园卡内的余额为什么会调整更新？</view>
+		</view>
+	</view>
+  </view>
+</template>
+
+<script>
+import { Dialog, Toast } from "vant";
+import keyboardPackage from "@/components/keyboard-package/keyboard-package.vue";
+import cityData from "@/common/js/city.js";
+var gHost = "https://" + window.location.host;
+if (window.location.protocol != "https:") {
+  gHost = "https://fpdev.xiaopay.net";
+  // gHost = "/api";
+}
+
+export default {
+  components: {
+  },
+  name: "commonProblem",
+  data() {
+    return {
+	}
+  },
+  onLoad: function (options) {
+   
+  },
+  created: function () {},
+  mounted: function () {},
+  methods: {
+	// 跳转问题详情界面
+    toDetail(title, parent, sub){
+		uni.navigateTo({
+			url: `../problemDetail/problemDetail?title=${title}&parent=${parent}&sub=${sub}`
+		})
+	}
+  },
+};
+</script>
+
+<style lang="scss">
+html,
+body,
+page {
+  width: 750rpx;
+  background: linear-gradient(180deg, #ffffff 0%, #fafafa 100%);
+}
+.commonProblem {
+	width: 100%;
+	height: 100%;
+	min-height: 100vh;
+	display: flex;
+	flex-direction: column;
+	.itemWrapper {
+		width: calc(100% - 64rpx);
+		margin: 30rpx 32rpx 0;
+		padding-bottom: 30rpx;
+		border-bottom: 1rpx solid #CCCCCC;
+		display: flex;
+		justify-content: space-between;
+		.title {
+			width: 180rpx;
+			font-size: 30rpx;
+			align-self: center;
+			font-weight: 600;
+			color: #333333;
+		}
+		.content {
+			width: calc(100% - 200rpx);
+			display: flex;
+			flex-direction: column;
+			font-size: 28rpx;
+			color: #888888;
+			line-height: 50rpx;
+			margin-left: 20rpx;
+		}
+	}
+	.itemWrapper:first-child {
+		margin-top: 50rpx;
+	}
+}
+</style>

src/pages/problemDetail/problemDetail.vue

+<template>
+	<view class="problemDetail">
+		<van-collapse v-model="activeName" accordion>
+			<van-collapse-item title="余额储存在哪里？" v-if="parent == 1" name="1-1">
+				<span>为了保障用户资金安全、存储合规，用户充值金额均存在</span><span class="red">用户以本人名义</span><span>开立的银行电子账户（即电子校园卡）中。</span>
+			</van-collapse-item>
+			<van-collapse-item title="为什么我的余额充足却消费失败？" v-if="parent == 1" name="1-2">
+				<p> 以下情况可能导致支付失败：</p>
+				<p> 1.单笔支付超100</p>
+				<p> 2.可能因用户个人原因（非正常操作、违规操作等），导致账户被开户银行进行司法冻结。具体可咨询开户银行客户热线</p>
+				<p> 工商银行：95588</p>
+				<p> 交通银行：95559</p>
+				<p> 平安银行：95511</p>
+				<p> 渤海银行：95541</p>
+			</van-collapse-item>
+			<van-collapse-item title="充值失败后我的钱去哪了？" v-if="parent == 2" name="2-1">
+				充值失败后，充值金额将在7个工作日内退回用户开户时指定的银行卡账户中。
+			</van-collapse-item>
+			<van-collapse-item title="充值的上限是多少？" v-if="parent == 2" name="2-2">
+				根据人民银行关于II/III类户使用相关法规限制，III类户可用金额上限2000，II类户可用金额上限10000。
+			</van-collapse-item>
+			<van-collapse-item title="充值金额是否可以提现？" v-if="parent == 3" name="3-1">
+				充值金额可随时发起提现。
+			</van-collapse-item>
+			<van-collapse-item title="提现申请成功后，多久可以到账？" v-if="parent == 3" name="3-2">
+				提现到账时间受到人民银行相关支付系统稳定性影响，无法准确预估。一般提现到账时间为2个小时。
+			</van-collapse-item>
+			<van-collapse-item title="为什么线上提现会失败？" v-if="parent == 3" name="3-3">
+				<p>提现失败的原因可能有：</p>
+				<p>1.超出当日提现次数</p>
+				<p>2.由于用户个人问题导致的账户出款功能受限制等</p>
+				<p>具体可咨询客服400-9656-210</p>
+			</van-collapse-item>
+			<van-collapse-item title="为什么电子校园卡激活收到银行的短信？" v-if="parent == 4" name="4-1">
+				电子校园卡账户由银行II/III账户支持。
+			</van-collapse-item>
+			<van-collapse-item title="电子校园卡内的余额为什么会调整更新？" v-if="parent == 4" name="4-2">
+				账户中的实际金额以银行II/III类户账户中的余额为准，当您在银行进行提现等操作时，真实余额将会同步更新。如对明细有疑问，请致电银行客户热线
+			</van-collapse-item>
+		</van-collapse>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				activeName: '1-1',
+				parent: 1,
+				sub: 1
+			}
+		},
+		onLoad: function(options) {
+			const {
+				title,
+				parent,
+				sub
+			} = options;
+			// 设置标题
+			uni.setNavigationBarTitle({
+				title: title
+			})
+			this.parent = parent;
+			this.sub = sub;
+			this.activeName = parent + "-" + sub;
+		},
+		methods: {
+			change(e) {
+				console.log(e);
+			}
+		}
+	}
+</script>
+
+<style lang="scss">
+	.problemDetail {
+		width: 100%;
+		height: 100%;
+		min-height: calc(100vh - 88rpx);
+
+		.content {
+			padding: 30rpx;
+
+			.red {
+				color: red;
+			}
+		}
+
+		.text {
+			font-size: 28rpx;
+			color: #666666;
+			line-height: 40rpx;
+		}
+
+	}
+</style>