123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121 |
- <template>
- <view class="content">
- <view class="navTitle">
- <text>常见问题</text>
- </view>
- <view class="helpList">
- <view v-for="(item,index) in helpList" :key="index">
- <view class="helpItem" :class="item.open ? 'open':'more'" @click="helpToggle(index,this)">
- <text>{{item.title}}</text>
- </view>
- <view class="helpOpen" v-if="item.open">
- <view class="helpOpenItem" v-for="(Bitem,Bindex) in item.content" :key="Bindex">
- <text v-if="item.content.length>1">{{Bindex+1}}.</text>
- <text>{{Bitem.text}}</text>
- </view>
- </view>
- </view>
- </view>
- </view>
- </template>
- <script>
- export default{
- data(){
- return {
- helpList:[
- {
- title:"如何缴纳",
- open:false,
- content:[
- {
- text:"点击缴费入口,进入页面,根据下方提示字进行缴纳,缴纳标准要按规定进行自觉缴纳。"
- }
- ]
- },{
- title:"缴纳失败",
- open:false,
- content:[
- {
- text:"若缴纳不成功提示余额不足,建议您先充值余额,余额高于缴纳的金额才能完成输入支付宝密码完成缴纳。"
- },
- {
- text:"若页面无提示,缴纳不成功,建议您先在“微信账户余额”内充值大于等于补缴金额的钱款后再操作补缴。"
- }
- ]
- },{
- title:"账单问题",
- open:false,
- content:[
- {
- text:"充值暂只支持微信支付,每次充值金额请自行计算,充值完成后,详情可以查询以往缴费明细。"
- }
- ]
- }
- ]
- }
- },
- onLoad() {
-
- },
- methods: {
- helpToggle(i){
- this.helpList[i]["open"]=!this.helpList[i]["open"]
- this.helpList.splice(i,1,this.helpList[i]);
- }
- }
- }
- </script>
- <style scoped lang="scss">
- .navTitle{
- font-size: 32rpx;
- color: #2A2A2A;
- margin: 14rpx 30rpx;
- padding-top: 30rpx;
- }
- .helpItem{
- margin: 0 30rpx;
- display: flex;
- justify-content: space-between;
- align-items: center;
- color: #2A2A2A;
- font-size: 28rpx;
- height: 77rpx;
- line-height: 77rpx;
- border-top: 1px solid $uni-border-color-grey;
- border-bottom: 1px solid $uni-border-color-grey;
- padding-left: 20rpx;
- }
- .helpList view:nth-of-type(2n) .helpItem{
- border-width: 0;
- }
- .more::after{
- content: "";
- display: block;
- width: 16rpx;
- height: 30rpx;
- background: url(../../static/arrow_right.jpg);
- background-size: 100% 100%;
- }
- .open::after{
- content: "";
- display: block;
- width: 30rpx;
- height: 16rpx;
- background: url(../../static/arrow_down.jpg);
- background-size: 100% 100%;
- }
- .helpOpen{
- background: $uni-bg-color-normal;
- color: #2A2A2A;
- font-size: 24rpx;
- padding: 30rpx 45px 30rpx 50rpx;
- line-height: 36rpx;
- }
- .helpOpenItem{
- display: flex;
- justify-content: space-between;
- align-items: flex-start;
- }
- </style>
|