You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
69 lines
1.5 KiB
69 lines
1.5 KiB
1 year ago
|
<template>
|
||
|
<view class="page">
|
||
|
<!-- 选择反馈类型 -->
|
||
|
<view class="feedback-type">
|
||
|
<view class="title">
|
||
|
<text>{{TypeArray[TypeIndex]}}</text>
|
||
|
</view>
|
||
|
<view class="picker">
|
||
|
<picker @change="FeedbackTypeCh" :value="TypeIndex" :range="TypeArray">
|
||
|
<view class="uni-input">{{TypeArray[TypeIndex]}}</view>
|
||
|
</picker>
|
||
|
</view>
|
||
|
<view class="more">
|
||
|
<text class="iconfont icon-more1"></text>
|
||
|
</view>
|
||
|
</view>
|
||
|
<!-- 反馈内容 -->
|
||
|
<view class="feedback-data">
|
||
|
<view class="content">
|
||
|
<textarea value="" placeholder="请输入反馈的内容" />
|
||
|
</view>
|
||
|
<view class="voucher-img">
|
||
|
<view class="list">
|
||
|
<image src="/static/voucher_bg.png"></image>
|
||
|
</view>
|
||
|
<view class="list">
|
||
|
<image src="/static/img/yf_01.png"></image>
|
||
|
</view>
|
||
|
<view class="list">
|
||
|
<image src="/static/img/yf_01.png"></image>
|
||
|
</view>
|
||
|
</view>
|
||
|
</view>
|
||
|
<!-- 联系方式 -->
|
||
|
<view class="contact-way">
|
||
|
<input type="text" placeholder="手机/邮箱/QQ">
|
||
|
</view>
|
||
|
<!-- 提交 -->
|
||
|
<view class="submit-btn">
|
||
|
<text>提交</text>
|
||
|
</view>
|
||
|
</view>
|
||
|
</template>
|
||
|
|
||
|
<script>
|
||
|
export default {
|
||
|
data() {
|
||
|
return {
|
||
|
TypeArray: ['商品相关', '物流状况', '客户服务', '优惠活动','产品体验','产品功能','其他问题'],
|
||
|
TypeIndex: 0,
|
||
|
};
|
||
|
},
|
||
|
methods:{
|
||
|
/**
|
||
|
* 反馈类型
|
||
|
* @param {Object} val
|
||
|
*/
|
||
|
FeedbackTypeCh(val){
|
||
|
console.log(val);
|
||
|
this.TypeIndex = val.detail.value;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
</script>
|
||
|
|
||
|
<style scoped lang="scss">
|
||
|
@import 'Feedback.scss';
|
||
|
</style>
|