123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116 |
- <template>
- <div class="page_feedBack">
- <div class="feedBackTitle">
- <i class="iconfont icon-zuojiantou jiantou"></i>
- <span class="titleName">意见反馈</span>
- </div>
- <div class="feedBackTip">反馈内容</div>
- <div class="feedBox">
- <van-field
- v-model="message"
- rows="10"
- autosize
- type="textarea"
- maxlength="200"
- placeholder="请输入反馈信息..."
- show-word-limit
- />
- <div class="uploaderBox">
- <van-uploader v-model="fileList" multiple />
- </div>
- </div>
- <div class="feedBackTip">
- 联系方式(手机号)<span style="color:#FF5400">*</span>
- </div>
- <div>
- <van-field v-model="tel" type="tel" placeholder="请输入联系方式" />
- </div>
- <div>
- <div class="submitBtn">提交反馈</div>
- <!-- <div class="submitBtnSuccess">提交反馈</div> -->
- </div>
- </div>
- </template>
-
- <script>
- export default {
- data() {
- return {
- message: "",
- fileList: [],
- tel: ""
- };
- }
- };
- </script>
-
- <style lang="scss" scoped>
- .page_feedBack {
- height: 100%;
- overflow: hidden;
- overflow-y: auto;
- .feedBackTitle {
- background: #fff;
- padding: 0 1.125rem;
- height: 3.125rem;
- display: flex;
- align-items: center;
- }
- .jiantou {
- font-size: 1.5rem;
- font-weight: 600;
- margin-right: 7rem;
- }
- .titleName {
- font-size: 1.125rem;
- font-weight: 600;
- }
- .aboutImg {
- padding: 0 0.75rem;
- height: 10.0625rem;
- margin: 1rem 0 0.3125rem;
- img {
- width: 100%;
- height: 100%;
- }
- }
- .feedBackTip {
- height: 2.375rem;
- line-height: 2.375rem;
- padding-left: 0.75rem;
- font-size: 0.75rem;
- color: #696969;
- background: #eeeeee;
- }
- .feedBox {
- height: 20.875rem;
- .uploaderBox {
- margin: 1.25rem 0 0 1rem;
- }
- }
- .submitBtn {
- width: 80%;
- height: 2.75rem;
- line-height: 2.75rem;
- text-align: center;
- background: #c5c5c5;
- color: #fff;
- margin: 6.25rem auto 0;
- border-radius: 1.875rem;
- }
- .submitBtnSuccess {
- width: 80%;
- height: 2.75rem;
- line-height: 2.75rem;
- text-align: center;
- background: #338afb;
- color: #fff;
- margin: 6.25rem auto 0;
- border-radius: 1.875rem;
- }
- }
- ::-webkit-scrollbar {
- width: 0;
- }
- </style>
|