chengkun
2 years ago
19 changed files with 1110 additions and 186 deletions
Binary file not shown.
@ -0,0 +1,118 @@ |
|||
<template> |
|||
<view class="content"> |
|||
<view class="radioStyle"> |
|||
<tn-radio-group v-model="radioValue" width="100%" wrap :size="radioGroupSize"> |
|||
<tn-radio :iconSize="iconSize" :labelSize="labelSize" v-for="(item, index) in radioList" :key="index" :name="item.name" :disabled="item.disabled"> |
|||
<view class="radioFont">{{ item.name }}</view> |
|||
</tn-radio> |
|||
</tn-radio-group> |
|||
</view> |
|||
<view class="radioBtn"> |
|||
<tn-button @click="submitFeedback()" backgroundColor="#0186ff" width="600rpx" height="100rpx" |
|||
:fontSize="btnFontSize">Submit</tn-button> |
|||
</view> |
|||
<tn-toast ref="toast"></tn-toast> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
data() { |
|||
return { |
|||
radioGroupSize: 45, |
|||
labelSize: 45, |
|||
iconSize: 40, |
|||
btnFontSize: 36, |
|||
radioValue: '', |
|||
radioList:[ |
|||
{ |
|||
'name': 'Scan faild', |
|||
'disabled': false |
|||
}, |
|||
{ |
|||
'name': 'Too many ads', |
|||
'disabled': false |
|||
}, |
|||
{ |
|||
'name': 'Need more infomation', |
|||
'disabled': false |
|||
}, |
|||
{ |
|||
'name': 'Bugs', |
|||
'disabled': false |
|||
}, |
|||
{ |
|||
'name': 'Other', |
|||
'disabled': false |
|||
} |
|||
] |
|||
} |
|||
}, |
|||
onLoad() { |
|||
//更改starTipStatus状态 |
|||
this.setStarTipStatus(false); |
|||
}, |
|||
onHide() { |
|||
|
|||
}, |
|||
methods: { |
|||
|
|||
//设置弹窗状态结果 |
|||
setStarTipStatus(value){ |
|||
uni.setStorageSync('starTipStatus', value); |
|||
}, |
|||
|
|||
//提交反馈 |
|||
submitFeedback(){ |
|||
let that = this; |
|||
if(that.radioValue == '' || that.radioValue == null){ |
|||
that.$refs.toast.show({ |
|||
title: 'Fail', |
|||
content: 'please select one!', |
|||
icon: 'fail', |
|||
duration: 3000 |
|||
}) |
|||
}else{ |
|||
that.$refs.toast.show({ |
|||
title: 'Success', |
|||
content: 'Thanks for feedback!', |
|||
icon: 'success', |
|||
duration: 3000 |
|||
}) |
|||
//返回上一个页面 |
|||
setTimeout(() =>{ |
|||
uni.navigateBack(); |
|||
}, 3000); |
|||
} |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss"> |
|||
.content { |
|||
display: flex; |
|||
flex-direction: column; |
|||
align-items: center; |
|||
justify-content: flex-start; |
|||
background-color: #1F222B; |
|||
height:100vh; |
|||
} |
|||
|
|||
.radioStyle{ |
|||
//border: 1px solid red; |
|||
margin-top: 50rpx; |
|||
margin-left: 50rpx; |
|||
padding-top: 100rpx; |
|||
} |
|||
|
|||
.radioFont{ |
|||
color: #fff; |
|||
//margin-top: 50rpx; |
|||
} |
|||
|
|||
.radioBtn{ |
|||
//border: 1px solid yellow; |
|||
margin-top: 600rpx; |
|||
} |
|||
</style> |
|||
Loading…
Reference in new issue