|
|
@@ -0,0 +1,111 @@
|
|
|
+<template>
|
|
|
+ <view class="form">
|
|
|
+ <view class="title">合作与咨询</view>
|
|
|
+ <view class="tip">立即预约，我们将为您量身定制解决方案</view>
|
|
|
+ <view class="items">
|
|
|
+ <view class="item">
|
|
|
+ <input type="text" placeholder="*您的称呼" v-model="info.name">
|
|
|
+ </view>
|
|
|
+ <view class="item">
|
|
|
+ <input type="tel" placeholder="*您的电话" v-model="info.phone">
|
|
|
+ </view>
|
|
|
+ <view class="item">
|
|
|
+ <input type="tel" placeholder="您遇到的问题" v-model="info.question">
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="submit" @click="submit">立即提交</view>
|
|
|
+ </view>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+ export default {
|
|
|
+ data(){
|
|
|
+ return {
|
|
|
+ info:{
|
|
|
+ name:'',
|
|
|
+ phone:'',
|
|
|
+ question:''
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods:{
|
|
|
+ submit(){
|
|
|
+ if(!this.info.name) return this.$showToast('请输入您的称呼');
|
|
|
+ if(!this.$reg.mobile(this.info.phone)) return this.$showToast('请输入正确的联系电话');
|
|
|
+
|
|
|
+ this.$emit('submitSuccess');
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+</script>
|
|
|
+
|
|
|
+<style scoped lang="less">
|
|
|
+ .form{
|
|
|
+ width: 100%;
|
|
|
+ height: 812rpx;
|
|
|
+ padding: 72rpx 30rpx 0;
|
|
|
+ box-sizing: border-box;
|
|
|
+ background: url(../../static/imgs/hzzx_bg.png) no-repeat;
|
|
|
+ background-size: 100% 100%;
|
|
|
+ margin-top: 64rpx;
|
|
|
+
|
|
|
+ .title{
|
|
|
+ font-family: PingFang-SC, PingFang-SC;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 48rpx;
|
|
|
+ color: #FFFFFF;
|
|
|
+ line-height: 44rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .tip{
|
|
|
+ font-family: PingFangSC, PingFang SC;
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 28rpx;
|
|
|
+ color: #FFFFFF;
|
|
|
+ line-height: 44rpx;
|
|
|
+ margin-top: 20rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .items{
|
|
|
+ margin-top: 12rpx;
|
|
|
+ .item{
|
|
|
+ width: 100%;
|
|
|
+ height: 88rpx;
|
|
|
+ background: #FFFFFF;
|
|
|
+ border-radius: 12rpx;
|
|
|
+ padding: 22rpx 24rpx;
|
|
|
+ box-sizing: border-box;
|
|
|
+ margin-top: 28rpx;
|
|
|
+ input{
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ border: none;
|
|
|
+ outline: none;
|
|
|
+ font-family: PingFangSC, PingFang SC;
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 28rpx;
|
|
|
+ color: #111111;
|
|
|
+ line-height: 44rpx;
|
|
|
+ &::placeholder{
|
|
|
+ color: #999999;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .submit{
|
|
|
+ width: 240rpx;
|
|
|
+ height: 88rpx;
|
|
|
+ background: #FFB362;
|
|
|
+ border-radius: 12rpx;
|
|
|
+ margin-top: 48rpx;
|
|
|
+ font-family: PingFang-SC, PingFang-SC;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 30rpx;
|
|
|
+ color: #041158;
|
|
|
+ line-height: 88rpx;
|
|
|
+ text-align: center;
|
|
|
+ letter-spacing: 2rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+</style>
|
