7 changed files with 134 additions and 3 deletions
@ -0,0 +1,111 @@ |
|||||
|
<template> |
||||
|
<v-page> |
||||
|
<v-header :title="$t('common.c35')"></v-header> |
||||
|
<view style="background-color: #121212;height: 100%;"> |
||||
|
<view class="scrollview"> |
||||
|
<scroll-view scroll-y="true" style="height: 71vh;"> |
||||
|
<view class="userfeedbox_flex"> |
||||
|
<view v-for="(item,index) in list" :key="index" class="userfeedbox_list"> |
||||
|
<view style="margin-bottom: 40rpx;" v-if="item.contents"> |
||||
|
<view class="userfeedbox_email">{{ item.email }}:</view> |
||||
|
<view style="word-break: break-all;width: 620rpx;">{{ item.contents }}</view> |
||||
|
</view> |
||||
|
|
||||
|
<view class="userfeedbox_process_note" v-if="item.process_note"> |
||||
|
<view style="font-size: 18px;font-weight: bold;color: #a1a1a1;">{{$t('common.service')}}:</view> |
||||
|
<view>{{ item.process_note }}</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</scroll-view> |
||||
|
</view> |
||||
|
<view style="margin: 0px 10px;"> |
||||
|
<v-input v-model="text"> |
||||
|
<template #right> |
||||
|
<view @click="onsend" class="sendview">{{$t('common.c36')}}</view> |
||||
|
</template> |
||||
|
</v-input> |
||||
|
</view> |
||||
|
</view> |
||||
|
</v-page> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import Wallet from "@/api/wallet"; |
||||
|
export default { |
||||
|
data() { |
||||
|
return { |
||||
|
text:"", |
||||
|
list:[], |
||||
|
} |
||||
|
}, |
||||
|
mounted(){ |
||||
|
this.advices() |
||||
|
}, |
||||
|
methods: { |
||||
|
advices(){ |
||||
|
Wallet.advices({}).then(res => { |
||||
|
this.list = res.data; |
||||
|
}); |
||||
|
}, |
||||
|
onsend(){ |
||||
|
Wallet.addAdvice({contents:this.text}).then(data => { |
||||
|
this.text = ""; |
||||
|
this.advices(); |
||||
|
}) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style scoped lang="less"> |
||||
|
.sendview{ |
||||
|
color: #000; |
||||
|
width: 50px; |
||||
|
height: 35px; |
||||
|
display: flex; |
||||
|
margin-left: 10px; |
||||
|
border-radius: 5px; |
||||
|
align-items: center; |
||||
|
justify-content: center; |
||||
|
background-image: linear-gradient(to right, #6d9ef9, #1f5df4); |
||||
|
} |
||||
|
.scrollview{ |
||||
|
margin-top: 20px; |
||||
|
margin: 20px 10px; |
||||
|
padding: 20px 20px; |
||||
|
border-radius: 10px; |
||||
|
border: 1px solid #eee; |
||||
|
} |
||||
|
.viewtext{ |
||||
|
max-width: 100%; |
||||
|
padding: 10rpx; |
||||
|
border-radius: 0px 5px 5px 0px; |
||||
|
box-sizing: border-box; |
||||
|
background-color: #1f5df4; |
||||
|
} |
||||
|
.userfeedbox_flex{ |
||||
|
gap: 10px; |
||||
|
width: 100%; |
||||
|
display: flex; |
||||
|
flex-wrap: wrap; |
||||
|
} |
||||
|
.userfeedbox_list{ |
||||
|
gap: 5px; |
||||
|
display: flex; |
||||
|
flex: 1 0 auto; |
||||
|
max-width: 100%; |
||||
|
flex-wrap: wrap; |
||||
|
border-bottom: 1px solid #515151; |
||||
|
} |
||||
|
.userfeedbox_email{ |
||||
|
color: #a1a1a1; |
||||
|
font-size: 18px; |
||||
|
font-weight: bold; |
||||
|
} |
||||
|
.userfeedbox_process_note{ |
||||
|
width: 620rpx; |
||||
|
padding-bottom: 20px; |
||||
|
word-break: break-all; |
||||
|
} |
||||
|
</style> |
||||
|
After Width: | Height: | Size: 713 B |
Loading…
Reference in new issue