帮助中心页面优化,接口对接

version/0412
mujinxia 9 months ago
parent 2dae228a00
commit 863712fa1a
  1. 8
      api/user.js
  2. 55
      pages/news1/help.vue
  3. 15
      pages/news1/setting.vue

@ -6,9 +6,13 @@ const api = {
assets: 'user/assets', assets: 'user/assets',
bindMobile: 'user/bindMobile', bindMobile: 'user/bindMobile',
personal: 'user/personal', personal: 'user/personal',
todoCounts: "order/todoCounts" todoCounts: "order/todoCounts",
delUser: "user/delete",
}
// 注销
export const delUser = (param) => {
return request.post(api.delUser, param)
} }
// 当前登录的用户信息 // 当前登录的用户信息
export const info = (param, option) => { export const info = (param, option) => {
const options = { const options = {

@ -2,17 +2,19 @@
<view class="help"> <view class="help">
<view class="helpContent"> <view class="helpContent">
<view class="helpTitle">帮助中心</view> <view class="helpTitle">帮助中心</view>
<view class="helpItem" v-for="(item,index) in itemList" :key="index"> <view class="helpItem" :class="((index == itemList.length - 1) && item.child.length == 0) ? 'border' : ''"
v-for="(item, index) in itemList" :key="index">
<view class="helpMain" @click="goListPage(item)"> <view class="helpMain" @click="goListPage(item)">
<u-icon name="arrow-left" class="zhishi" color="#dfdbdb" size="28"></u-icon> <u-icon name="arrow-left" class="zhishi" color="#dfdbdb" size="28"></u-icon>
<image :src="item.img_url" class="titleIcon" mode="widthFix"></image> <u-icon name="question-circle"></u-icon>
<!-- <image :src="item.img_url" class="titleIcon" mode="widthFix"></image> -->
<view class="mainText"> <view class="mainText">
<text>{{ item.name }}</text> <text>{{ item.name }}</text>
<u-icon name="arrow-right" v-if="item.name != ''" color="#8B8B8B" size="22"></u-icon> <u-icon name="arrow-right" v-if="item.name != ''" color="#8B8B8B" size="22"></u-icon>
</view> </view>
</view> </view>
<view class="mainItem"> <view class="mainItem">
<view class="itemText" v-for="(p,i) in item.child" :key="i" @click="openContent(p)">{{p.title}} <view class="itemText" v-for="(p, i) in item.childArr" :key="i" @click="openContent(p)">{{ p.title }}
</view> </view>
</view> </view>
</view> </view>
@ -58,6 +60,10 @@
.then(res => { .then(res => {
if (res.status == 200) { if (res.status == 200) {
that.itemList = res.data.list; that.itemList = res.data.list;
that.itemList.map(item => {
item.childArr = []
item.childArr = item.child.slice(0, 9)
})
} }
}) })
@ -67,8 +73,6 @@
uni.navigateTo({ uni.navigateTo({
url: '/pages/news/rules/index?itemInfo=' + JSON.stringify(item) url: '/pages/news/rules/index?itemInfo=' + JSON.stringify(item)
}) })
// this.strings = item.content
// this.dialog = true
}, },
} }
} }
@ -100,15 +104,21 @@
// border-bottom: 3upx solid #dfdbdb; // border-bottom: 3upx solid #dfdbdb;
} }
.border {
border-bottom: 1px solid #dfdbdb;
}
.helpItem { .helpItem {
display: flex; display: flex;
color: #333333; color: #333333;
font-size: 28upx; font-size: 28upx;
min-height: 90rpx;
border-top: 1px solid #dfdbdb; border-top: 1px solid #dfdbdb;
.helpMain { .helpMain {
width: 180upx; width: 180upx;
height: 180upx; // height: 178upx;
min-height: 180rpx;
border-right: 1px solid #dfdbdb; border-right: 1px solid #dfdbdb;
flex-shrink: 0; flex-shrink: 0;
display: flex; display: flex;
@ -116,6 +126,7 @@
align-items: center; align-items: center;
flex-direction: column; flex-direction: column;
position: relative; position: relative;
border-bottom: 1px solid #dfdbdb;
.titleIcon { .titleIcon {
width: 50upx; width: 50upx;
@ -145,7 +156,7 @@
.mainItem { .mainItem {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
align-items: center; // align-items: center;
width: calc(100% - 90px); width: calc(100% - 90px);
.itemText { .itemText {
@ -159,23 +170,24 @@
line-height: 90upx; line-height: 90upx;
padding: 0 10upx; padding: 0 10upx;
border-bottom: 1px solid #dfdbdb; border-bottom: 1px solid #dfdbdb;
border-left: 1px solid #dfdbdb;
} }
:first-child { // :first-child {
border-right: 1px solid #dfdbdb; // border-right: 1px solid #dfdbdb;
} // }
:nth-child(2n) { // :nth-child(2n) {
border-left: 1px solid #dfdbdb; // border-left: 1px solid #dfdbdb;
} // }
:last-child { // :last-child {
border-left: 1px solid #dfdbdb; // border-left: 1px solid #dfdbdb;
} // }
:nth-child(3) { // :nth-child(3) {
border-right: 1px solid #dfdbdb; // border-right: 1px solid #dfdbdb;
} // }
} }
} }
} }
@ -187,6 +199,7 @@
width: 100%; width: 100%;
background-color: #fff; background-color: #fff;
padding: 30rpx; padding: 30rpx;
.btn { .btn {
height: 100upx; height: 100upx;
background: #FE6048; background: #FE6048;
@ -195,6 +208,7 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
image { image {
width: 54upx; width: 54upx;
height: auto; height: auto;
@ -208,12 +222,14 @@
margin-left: 100upx; margin-left: 100upx;
} }
.infoBtn { .infoBtn {
image { image {
width: 54upx; width: 54upx;
height: auto; height: auto;
margin-right: 100rpx; margin-right: 100rpx;
} }
text-align: center; text-align: center;
display: flex; display: flex;
justify-content: center; justify-content: center;
@ -246,5 +262,4 @@
overflow: auto; overflow: auto;
} }
} }
</style> </style>

@ -171,13 +171,28 @@ export default {
content: '', content: '',
success(o) { success(o) {
if (o.confirm) { if (o.confirm) {
userApi.delUser({})
.then(res => {
if (res.status == 200) {
uni.showToast({
title: '注销成功',
icon: 'none',
duration: 2000
})
uni.removeStorage('token'); uni.removeStorage('token');
uni.removeStorage('userInfo'); uni.removeStorage('userInfo');
uni.clearStorageSync() uni.clearStorageSync()
uni.clearStorage() uni.clearStorage()
setTimeout(function () {
uni.reLaunch({ uni.reLaunch({
url: '/pages/login/index' url: '/pages/login/index'
}) })
}, 2000);
}
})
.finally()
} }
} }
}); });

Loading…
Cancel
Save