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