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.
 
 
 
 
 
huazhiyu/pages/Feedback/Feedback.vue

68 lines
1.5 KiB

<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>