|
|
|
<template>
|
|
|
|
<u-navbar
|
|
|
|
:title="title"
|
|
|
|
:auto-back="true"
|
|
|
|
left-icon-size="40rpx"
|
|
|
|
:safe-area-inset-top="true"
|
|
|
|
:placeholder="true"
|
|
|
|
bgColor="#ffffff"
|
|
|
|
></u-navbar>
|
|
|
|
<view class="body-background">
|
|
|
|
|
|
|
|
</view>
|
|
|
|
<u-row :custom-style="{padding:'16rpx 26rpx'}">
|
|
|
|
<u-col :span="12" :custom-style="{
|
|
|
|
backgroundColor:'#FFFFFF',
|
|
|
|
borderRadius:'20rpx',
|
|
|
|
padding:'40rpx 32rpx',
|
|
|
|
minHeight:'1000rpx',
|
|
|
|
position:'relative'
|
|
|
|
}">
|
|
|
|
<u-form
|
|
|
|
labelWidth="auto"
|
|
|
|
labelPosition="left"
|
|
|
|
:model="model1"
|
|
|
|
:rules="rules"
|
|
|
|
ref="form1"
|
|
|
|
>
|
|
|
|
<u-form-item
|
|
|
|
prop="userInfo.name"
|
|
|
|
ref="item1"
|
|
|
|
:custom-style="{padding:'0'}"
|
|
|
|
>
|
|
|
|
<u-textarea
|
|
|
|
border="none"
|
|
|
|
placeholder="请描述您遇到的问题"
|
|
|
|
height="220"
|
|
|
|
:custom-style="{
|
|
|
|
backgroundColor:'#FAFAFA',
|
|
|
|
padding:'8rpx 20rpx'
|
|
|
|
}"
|
|
|
|
></u-textarea>
|
|
|
|
</u-form-item>
|
|
|
|
<u-form-item
|
|
|
|
label="联系方式"
|
|
|
|
prop="userInfo.sex"
|
|
|
|
borderBottom
|
|
|
|
ref="item1"
|
|
|
|
:custom-style="{padding:'34rpx 0'}"
|
|
|
|
>
|
|
|
|
<u-input
|
|
|
|
inputAlign="right"
|
|
|
|
disabledColor="#ffffff"
|
|
|
|
placeholder="请填写手机号,以便我们联系您"
|
|
|
|
border="none"
|
|
|
|
:custom-style="{paddingRight:'28rpx'}"
|
|
|
|
></u-input>
|
|
|
|
</u-form-item>
|
|
|
|
<u-form-item
|
|
|
|
prop="userInfo.sex"
|
|
|
|
ref="item1"
|
|
|
|
:custom-style="{padding:'34rpx 0'}"
|
|
|
|
>
|
|
|
|
<u-upload
|
|
|
|
width="160"
|
|
|
|
height="160"
|
|
|
|
:fileList="fileList1"
|
|
|
|
name="1"
|
|
|
|
multiple
|
|
|
|
:maxCount="10"
|
|
|
|
uploadIcon="plus"
|
|
|
|
|
|
|
|
></u-upload>
|
|
|
|
</u-form-item>
|
|
|
|
</u-form>
|
|
|
|
<view class="bottom-btn border-box">
|
|
|
|
<u-button
|
|
|
|
type="primary"
|
|
|
|
text="保存"
|
|
|
|
shape="circle"
|
|
|
|
:custom-style="{
|
|
|
|
color:'#020B18',
|
|
|
|
backgroundColor:'#FF9545',
|
|
|
|
border:'none',
|
|
|
|
fontSize:'36',
|
|
|
|
fontWeight:'400',
|
|
|
|
marginTop:'48rpx',
|
|
|
|
height:'80rpx'
|
|
|
|
}"
|
|
|
|
></u-button>
|
|
|
|
</view>
|
|
|
|
</u-col>
|
|
|
|
</u-row>
|
|
|
|
<view class="footer-content">
|
|
|
|
<view class="footer-contact">联系我们</view>
|
|
|
|
<view class="footer-wechat row">
|
|
|
|
<view class="foot-title">微信公众号:</view>
|
|
|
|
<view class="foot-url">暖新家公众平台</view>
|
|
|
|
</view>
|
|
|
|
<view class="footer-email row">
|
|
|
|
<view class="foot-title">官方邮箱:</view>
|
|
|
|
<view class="foot-url">1256896@qq.com 复制</view>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
|
|
|
import {
|
|
|
|
imghost
|
|
|
|
} from '@/config/host.js'
|
|
|
|
import MzSubsection from '@/components/MzSubsection/Index.vue';
|
|
|
|
import api from '@/utils/functions.js';
|
|
|
|
|
|
|
|
export default {
|
|
|
|
components: {
|
|
|
|
MzSubsection
|
|
|
|
},
|
|
|
|
data() {
|
|
|
|
return {
|
|
|
|
title: '意见反馈',
|
|
|
|
loading: true,
|
|
|
|
staticImage: {
|
|
|
|
bg: imghost + '/static/image/BG.png',
|
|
|
|
newIcon: imghost + '/static/image/new-icon.png',
|
|
|
|
},
|
|
|
|
isTop: false,
|
|
|
|
fileList1:[]
|
|
|
|
}
|
|
|
|
},
|
|
|
|
onLoad() {
|
|
|
|
|
|
|
|
},
|
|
|
|
computed: {
|
|
|
|
api() {
|
|
|
|
return api
|
|
|
|
},
|
|
|
|
},
|
|
|
|
methods: {
|
|
|
|
|
|
|
|
},
|
|
|
|
onPageScroll(res) {
|
|
|
|
if (res.scrollTop <= 20) {
|
|
|
|
uni.$emit('isTop', true);
|
|
|
|
} else {
|
|
|
|
uni.$emit('isTop', false);
|
|
|
|
}
|
|
|
|
},
|
|
|
|
created() {
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</script>
|
|
|
|
|
|
|
|
<style lang="scss">
|
|
|
|
@import './components/index.scss';
|
|
|
|
</style>
|