93 lines
1.7 KiB
Vue
93 lines
1.7 KiB
Vue
<template>
|
||
<div class="feedback">
|
||
<div class="suggest">
|
||
<div class="title">请输入您的宝贵意见</div>
|
||
<textarea v-model="content" placeholder="请输入（500字以内）" placeholder-style="font-size: 16px;" style="width: 100%;"></textarea>
|
||
</div>
|
||
<div class="space"></div>
|
||
<div class="photo">
|
||
<div class="photo-title">图片 <span>（最多9张）</span></div>
|
||
<div class="pad-120">
|
||
<AiUploader :limit="9" multiple :def.sync="picture" placeholder="上传图片"></AiUploader>
|
||
</div>
|
||
</div>
|
||
<div style="height: 56px;"></div>
|
||
<div class="btn" @click="submit">保存</div>
|
||
</div>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
name: 'feedback',
|
||
|
||
data() {
|
||
return {
|
||
content: '',
|
||
picture: []
|
||
}
|
||
},
|
||
|
||
methods: {
|
||
submit() {}
|
||
},
|
||
onShow() {
|
||
document.title = '意见反馈'
|
||
|
||
},
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
.feedback {
|
||
.suggest {
|
||
padding: 15px 30px;
|
||
box-sizing: border-box;
|
||
background-color: #FFFFFF;
|
||
|
||
.title {
|
||
width: 100%;
|
||
height: 100px;
|
||
line-height: 100px;
|
||
font-size: 32px;
|
||
color: #333333;
|
||
}
|
||
}
|
||
|
||
.space {
|
||
width: 100%;
|
||
height: 16px;
|
||
background-color: #F5F5F5;
|
||
}
|
||
|
||
.photo {
|
||
background-color: #FFFFFF;
|
||
padding: 20px 30px;
|
||
|
||
.photo-title {
|
||
width: 100%;
|
||
height: 100px;
|
||
line-height: 80px;
|
||
color: #333333;
|
||
|
||
& > span {
|
||
color: #999999;
|
||
}
|
||
}
|
||
|
||
}
|
||
|
||
.btn {
|
||
position: fixed;
|
||
bottom: 0px;
|
||
left: 0px;
|
||
width: 100%;
|
||
height: 112px;
|
||
line-height: 112px;
|
||
text-align: center;
|
||
background-color: #1365DD;
|
||
color: #FFFFFF;
|
||
}
|
||
|
||
}
|
||
</style>
|