浅念
76 lines
1.5 KiB
Vue
76 lines
1.5 KiB
Vue
<template>
|
|
<view>
|
|
<uni-nav-bar leftText=" " :fixed="true" :border="false" leftIcon="back" @clickLeft="leftClick" color="#000000"
|
|
backgroundColor="#fff" :statusBar="true" title="意见反馈"></uni-nav-bar>
|
|
<view class="container">
|
|
<u--textarea v-model="value2" border="none" :placeholder="$t('mine.feedbackinputhd')" count ></u--textarea>
|
|
<view class="cels">
|
|
<text>{{$t('mine.lxcall')}}</text>
|
|
<input :placeholder="$t('mine.lxcallinputhd')" v-model="form.phone" />
|
|
</view>
|
|
</view>
|
|
<view class="foot">
|
|
<button class="btn" @click="nextFn">{{$t('submit')}}</button>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
form: {
|
|
feedback: '',
|
|
phone: ''
|
|
},
|
|
}
|
|
},
|
|
methods: {
|
|
leftClick(){
|
|
uni.navigateBack({})
|
|
},
|
|
submitForm() {
|
|
}
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
.u-textarea{
|
|
background-color: #F6F6F6 !important;
|
|
}
|
|
.container {
|
|
padding: 20px;
|
|
color: #666666;
|
|
font-size: 28rpx;
|
|
.cels{
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
background-color: #F6F6F6;
|
|
padding: 15px 10px;
|
|
margin-top: 20px;
|
|
border-radius: 10px;
|
|
input{
|
|
text-align: right;
|
|
font-size: 28rpx;
|
|
}
|
|
}
|
|
}
|
|
.foot{
|
|
position: fixed;
|
|
bottom: 0px;
|
|
width: 100%;
|
|
height: 90px;
|
|
background: #FFFFFF;
|
|
z-index: 1;
|
|
}
|
|
.btn{
|
|
background: linear-gradient(to right, #3471FF, #6776FF);
|
|
color: white;
|
|
border-radius: 50px;
|
|
width: 92%;
|
|
margin-bottom: 40px;
|
|
margin: 15px 4%;
|
|
}
|
|
</style> |