opinion.vue
1.6 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
<template>
<view class="opinion">
<!-- 悼念文本区域 -->
<view class="walkContentWrap">
<view class="walkTitle">
意见反馈
</view>
<view class="walkContent">
<my-textarea @changeContent="changeContent" contentTxt="" pl="请输入您的意见与建议"></my-textarea>
</view>
</view>
<view class="contactWrap">
<view class="contactKey">
联系方式
</view>
<view class="contactVal">
<input type="text" value="" placeholder="请填写手机号" placeholder-style="font-size: 30rpx;color: #c8c9cc;"/>
</view>
</view>
<view class="bottomBtn">
提交
</view>
</view>
</template>
<script>
import myTextarea from "@/components/my-textarea.vue"
export default {
data() {
return {
content:''
}
},
components:{
myTextarea
},
methods: {
changeContent(e){
this.content = e
},
}
}
</script>
<style lang="scss">
page{background: #f7f8fa;}
.opinion{padding: 32rpx;}
/* 悼念文本区域 */
.walkContentWrap{padding: 24rpx 32rpx;background: #fff;border-radius: 28rpx;}
.walkContentWrap .walkTitle{font-size: 30rpx;}
.walkContentWrap .walkContent{padding-top: 24rpx;}
.contactWrap{height: 108rpx;display: flex;background: #ffffff;border-radius: 28rpx;margin-top: 24rpx;}
.contactWrap .contactKey{width: 194rpx;text-align: center;align-items: 108rpx;line-height: 108rpx;font-size: 30rpx;}
.contactWrap .contactVal{flex: 1;display: flex;align-items: center;padding-right: 10rpx;}
.contactVal input{width: 100%;}
.bottomBtn{height: 100rpx;border-radius: 28rpx;text-align: center;line-height: 100rpx;background: $theme-color;margin-top: 80rpx;font-size: 34rpx;color: #fff;}
</style>