49 lines
1.3 KiB
Vue
49 lines
1.3 KiB
Vue
<template>
|
|
<view class="pd-lr-20">
|
|
<view class="cardBox mg-t-20">
|
|
<view class="card-title">问题原因</view>
|
|
<up-line dashed color="#ccc"></up-line>
|
|
<view class="card-body mg-t-20">
|
|
<view class="card-type">
|
|
<input type="text" v-model="state.fromData.reason" placeholder="描述问题原因" />
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="cardBox mg-t-20">
|
|
<view class="card-title">问题描述</view>
|
|
<up-line dashed color="#ccc"></up-line>
|
|
<view class="card-body mg-t-20">
|
|
<textarea v-model="state.fromData.describe" placeholder="描述具体的问题描述"></textarea>
|
|
</view>
|
|
</view>
|
|
<view class="cardBox mg-t-20">
|
|
<view class="card-title">联系方式 </view>
|
|
<up-line dashed color="#ccc"></up-line>
|
|
<view class="card-body mg-t-20">
|
|
<input type="number" maxlength="11" v-model="state.fromData.phone" placeholder="请输入手机号码" />
|
|
</view>
|
|
</view>
|
|
|
|
<div class="fixed">
|
|
<up-button class="mg-t-20 " text="提交"></up-button>
|
|
</div>
|
|
<up-gap height="80" bgColor="#bbbfff00"></up-gap>
|
|
</view>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
import { onMounted, reactive } from 'vue';
|
|
|
|
const state = reactive({
|
|
fromData: {} as any,
|
|
})
|
|
|
|
onMounted(() => {
|
|
});
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.success {
|
|
width: 90%;
|
|
}
|
|
</style> |