70 lines
1.5 KiB
Vue
70 lines
1.5 KiB
Vue
<script setup>
|
|
// 意见反馈
|
|
// 联系方式 描述问题 描述详情 问题图片
|
|
</script>
|
|
|
|
<template>
|
|
<view class="app">
|
|
<view class="form mtb30 mlr30 ptb20 plr30 bfff br20">
|
|
<view class="line">
|
|
<view class="key f36">请输入您遇到的问题标题</view>
|
|
<view class="value inputBox">
|
|
<input type="text" placeholder="请输入描述问题标题" />
|
|
</view>
|
|
</view>
|
|
<view class="line">
|
|
<view class="key f36">请输入您遇到的问题详情</view>
|
|
<view class="value inputBox">
|
|
<textarea class="textarea" type="text" placeholder="请输入描述问题详情" />
|
|
</view>
|
|
</view>
|
|
<view class="line">
|
|
<view class="key f36">请输入您遇到的问题</view>
|
|
<view class="imgList mt30">
|
|
<view class="imgs upload fmid wh180 br20">
|
|
<uni-icons type="plusempty" size="80rpx" color="#aaa" />
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="line">
|
|
<view class="key f36">请输入您的联系方式</view>
|
|
<view class="value inputBox">
|
|
<input type="text" placeholder="请输入联系方式" />
|
|
</view>
|
|
</view>
|
|
|
|
<view class="btn lg bar black mt60 mb30">提交</view>
|
|
</view>
|
|
|
|
<view class="fill"></view>
|
|
</view>
|
|
</template>
|
|
|
|
<style lang="scss" scoped>
|
|
//
|
|
.form {
|
|
.line {
|
|
margin: 40rpx 0;
|
|
|
|
.key {
|
|
font-size: 36rpx;
|
|
}
|
|
|
|
.value {
|
|
margin-top: 20rpx;
|
|
padding: 15rpx 20rpx;
|
|
}
|
|
|
|
// 上传
|
|
.upload {
|
|
border: 4rpx dashed #ddd;
|
|
}
|
|
|
|
// 多行文本框
|
|
.textarea {
|
|
width: 100%;
|
|
height: 300rpx;
|
|
}
|
|
}
|
|
}
|
|
</style> |