wangmingchuan
/
yanzong_qianduan
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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

Browse Source
version/0412
mujinxia 1 year ago
parent 2dae228a00
commit 863712fa1a
3 changed files with 228 additions and 194 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 10
      api/user.js
  2. 89
      pages/news1/help.vue
  3. 15
      pages/news1/setting.vue

10
api/user.js
Unescape View File

@ -6,10 +6,14 @@ 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 = {
isPrompt: true, //（默认 true 说明：本接口抛出的错误是否提示） isPrompt: true, //（默认 true 说明：本接口抛出的错误是否提示）

89
pages/news1/help.vue
Unescape View File

@ -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>
@ -20,12 +22,12 @@
<view class="footer"> <view class="footer">
<view class="btn"> <view class="btn">
<button type="default" open-type="contact" class="infoBtn"> <button type="default" open-type="contact" class="infoBtn">
<image :src="$picUrl+'/static/news1/n7.png'" mode="widthFix"></image>在线客服（9:00-22:00） <image :src="$picUrl + '/static/news1/n7.png'" mode="widthFix"></image>在线客服（9:00-22:00）
</button> </button>
</view> </view>
</view> </view>
<view class="dialog" v-if="dialog" @click="dialog=false"> <view class="dialog" v-if="dialog" @click="dialog = false">
<view class="content"> <view class="content">
<rich-text :nodes="strings"></rich-text> <rich-text :nodes="strings"></rich-text>
</view> </view>
@ -34,8 +36,8 @@
</template> </template>
<script> <script>
import * as help from '@/api/help' import * as help from '@/api/help'
export default { export default {
data() { data() {
return { return {
itemList: [], itemList: [],
@ -47,9 +49,9 @@
this.getHelpList() this.getHelpList()
}, },
methods: { methods: {
goListPage(item){ goListPage(item) {
uni.navigateTo({ uni.navigateTo({
url:'/pages/news/rules/rulesList?itemInfo='+JSON.stringify(item) url: '/pages/news/rules/rulesList?itemInfo=' + JSON.stringify(item)
}) })
}, },
getHelpList() { getHelpList() {
@ -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)
})
} }
}) })
@ -65,22 +71,20 @@
}, },
openContent(item) { openContent(item) {
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
}, },
} }
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
page { page {
min-height: 100%; min-height: 100%;
padding-bottom: 120upx; padding-bottom: 120upx;
} }
.help { .help {
height: 100%; height: 100%;
@ -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;
@ -226,9 +242,9 @@
} }
} }
} }
} }
.dialog { .dialog {
position: fixed; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
@ -245,6 +261,5 @@
width: 80%; width: 80%;
overflow: auto; overflow: auto;
} }
} }
</style> </style>

15
pages/news1/setting.vue
Unescape View File

@ -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()
} }
} }
}); });

Write Preview
Loading…
Cancel
Save