1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
| <template>
| <view class="pages-my-log">
| <view class="list">
| <view class="group" v-for="(item,index) in list" :key="index">
| <view class="title" :class="item.statusCode!=200 ? 'error':''">{{ item.date+" "+item.url}}
| </view>
| <a @click="clickDetail(item)">
| <uni-icons type="right" size="24"></uni-icons>
| </a>
| </view>
| </view>
| <view class="bottom">
| <a-button class="button" @click="clickClearLog">清空</a-button>
| </view>
| </view>
| </template>
| <script>
| import {
| session,
| showToast,
| showModal
| } from "@/comm/utils.js"
| import {
| Button
| } from 'antd-mobile-vue-next'
| export default {
| name: "PagesMyLog",
| components: {
| 'a-button': Button
| },
| data() {
| return {
| list: []
|
| }
| },
| onLoad() {
| this.list = session.getValue("request_log") || []
| },
| methods: {
| clickDetail(item) {
| uni.navigateTo({
| url: `/pages/my/log-detail?info=${JSON.stringify(item)}`
| })
| },
| clickClearLog() {
| session.setValue("request_log", [])
| session.setValue("request_log_max_data", {})
|
| this.list = []
| }
| }
| }
| </script>
|
| <style lang="scss">
| .pages-my-log {
| display: flex;
| width: 750rpx;
| height: 100vh;
| flex-direction: column;
| background-color: #F5F5F5;
|
| .list {
| flex: 1;
| overflow: auto;
| display: flex;
| flex-direction: column;
| }
|
| .group {
|
|
| width: calc(100% - 30rpx);
| padding: 10rpx 10rpx;
| display: flex;
| flex-direction: row;
| margin: 5rpx;
| background-color: #fff;
| border-radius: 10rpx;
| font-size: 30rpx;
|
| .title {
| flex: 1;
| display: flex;
| flex-direction: row;
| margin: 5rpx;
| word-wrap: break-word;
| /* 允许长单词或 URL 地址换行到下一行 */
| word-break: break-all;
| /* 强制文本在超出容器宽度时换行 */
| white-space: normal;
| /* 允许文本换行 */
| }
|
| .error {
| margin: 5rpx;
| color: red;
| }
|
| }
|
| .bottom {
| margin: 10rpx;
| display: flex;
| flex-direction: row;
| justify-content: center;
| align-items: center;
|
| .button {
| width: 500rpx;
| color: red;
| }
| }
|
| }
| </style>
|
|
