暖心人
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

155 lines
0 B

<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>