You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
huajucanyin/pages/user/help.vue

148 lines
3.4 KiB

<template>
<view>
<view class="edgeInsetTop"></view>
<view class="wanl-service bg-white padding-lr">
<view>
<button plKain="true" open-type="contact" @contact="contact"
style="background-color: white;border: none;">
<view class="cu-avatar lg round bg-white solid">
<text class="wlIcon-unie737 text-cyan"></text>
</view>
<view class="margin-top-xs text-df">
在线客服
</view>
</button>
</view>
<!-- <view @tap="$wanlshop.phone(common.appConfig.tel_phone)">
<view class="cu-avatar lg round bg-white solid">
<text class="wlIcon-31guanzhuxuanzhong text-blue"></text>
</view>
<view class="margin-top-xs text-df">
买卖专线
</view>
</view> -->
<view @tap="$wanlshop.phone(common.appConfig.tel_phone)">
<view class="cu-avatar lg round bg-white solid">
<text class="wlIcon-dianhua text-purple"></text>
</view>
<view class="margin-top-xs text-df">
服务热线
</view>
</view>
</view>
<view class="bg-white text-center padding-bottom-sm">
<text class="text-gray text-sm">工作时间: {{common.appConfig.working_hours}}</text>
</view>
<view class="cu-bar bg-white solid-bottom margin-top">
<view class="action">
常见问题
</view>
</view>
<view class="cu-list menu">
<view class="cu-item arrow " v-for="(item, index) in dataList" :key="item.id" @tap="go1(item.id)">
<view class="content text-cut">
<text class="text-gray-2">{{item.title}}</text>
</view>
</view>
</view>
<uni-load-more :status="status" :content-text="contentText" />
</view>
</template>
<script>
import {
mapState
} from 'vuex';
export default {
data() {
return {
dataList: [],
reload: false, //判断是否上拉
total: 0, //数据量
current_page: 1, //当前页码
last_page: 1, //总页码
status: 'more',
contentText: {
contentdown: ' ',
contentrefresh: '加载中',
contentnomore: ''
}
}
},
computed: {
...mapState(['common'])
},
onLoad() {
this.loadData();
},
onPullDownRefresh() {
// this.current_page = 1;
// this.reload = true;
// this.loadData();
},
onReachBottom() {
// //判断是否最后一页
// if (this.current_page >= this.last_page) {
// this.status = 'noMore';
// } else {
// this.reload = false;
// this.current_page = this.current_page + 1; //页码+1
// this.status = 'loading';
// this.loadData();
// }
},
methods: {
go1(id) {
uni.navigateTo({
url: '/pages/lanhu_zhuantixiangqing/index?id=' + id
});
},
loadData() {
this.$api.post({
url: '/wanlshop/data/getHelp',
data: {
page: this.current_page,
type: 'help'
},
success: res => {
console.log(777, res)
uni.stopPullDownRefresh();
this.dataList = res
// this.dataList = this.reload ? res.data : this.dataList.concat(res.data); //数据 追加
// this.total = res.total; //数据量
// this.current_page = res.current_page; //当前页码
// this.last_page = res.last_page; //总页码
// this.status = res.total == 0 ? 'noMore':'more';
}
});
},
}
}
</script>
<style>
.solid::after {
border: 1px solid rgba(0, 0, 0, 0.12);
}
button[plain] {
border: none; background-color: none;
}
button::after {
background-color: none;
border: none
}
uni-button:after {
background-color: none;
border: none
}
</style>