fae

assets/css/mine/fae.scss

+.page-dome {
+    padding: 88rpx 24rpx 0 24rpx;
+    .title {
+        height: 88rpx;
+        font-size: 28rpx;
+        color: #292b33;
+        font-weight: 600;
+    }
+    .content {
+        padding: 24rpx;
+        background: #ffffff;
+        border-radius: 10rpx;
+        .box {
+            margin-bottom: 28rpx;
+            &:last-child {
+                margin-bottom: 0;
+            }
+            .label-box {
+                margin-bottom: 16rpx;
+                .required {
+                    font-size: 24rpx;
+                    color: #1969f9;
+                }
+                .name {
+                    font-size: 24rpx;
+                    color: #484b59;
+                }
+            }
+            .tab {
+                color: #f00;
+                .tab-box {
+                    width: 206rpx;
+                    height: 72rpx;
+                    background: #f5f5f7;
+                    border-radius: 6rpx;
+                    font-size: 24rpx;
+                    color: #292b33;
+                }
+            }
+            .textarea-box {
+                height: 144rpx;
+                background: #f5f5f7;
+                border-radius: 10rpx;
+                .uni-textarea {
+                    height: 144rpx;
+                    padding: 24rpx;
+                    font-size: 24rpx;
+                }
+            }
+            .input-box {
+                width: 654rpx;
+                height: 72rpx;
+                background: #f5f5f7;
+                border-radius: 10rpx;
+                .uni-input {
+                    padding-left: 24rpx;
+                    height: 72rpx;
+                    font-size: 24rpx;
+                }
+            }
+        }
+    }
+    .btn {
+        position: fixed;
+        bottom: 0;
+        left: 0;
+        right: 0;
+        width: 100%;
+        height: 100rpx;
+        z-index: 9;
+        background: #ffffff;
+        box-shadow: 0px -4rpx 20rpx 0px rgba(198, 199, 204, 0.1);
+        border-radius: 10rpx 10rpx 0px 0px;
+        padding: 0 24rpx;
+        .btn1 {
+            width: 100%;
+            height: 68rpx;
+            background: #1969f9;
+            border-radius: 10rpx;
+            font-size: 28rpx;
+            color: #fff;
+        }
+    }
+}

pages/mine/fae.vue

 <template>
-    <view class="page-dome"><navElement title="FAE技术申请"></navElement></view>
+    <view class="page-dome">
+        <navElement title="FAE技术申请"></navElement>
+        <view class="title row verCenter">申请人信息</view>
+        <view class="content">
+            <view class="box">
+                <view class="label-box">
+                    <text class="required">*</text>
+                    <text class="name">姓名：</text>
+                </view>
+                <view class="input-box"><input type="text" placeholder="请输入姓名" class="uni-input" /></view>
+            </view>
+            <view class="box">
+                <view class="label-box">
+                    <text class="required">*</text>
+                    <text class="name">手机号：</text>
+                </view>
+                <view class="input-box"><input type="text" placeholder="请输入手机号" class="uni-input" /></view>
+            </view>
+            <view class="box">
+                <view class="label-box">
+                    <text class="required">*</text>
+                    <text class="name">公司名：</text>
+                </view>
+                <view class="input-box"><input type="text" placeholder="请输入公司名" class="uni-input" /></view>
+            </view>
+            <view class="box">
+                <view class="label-box">
+                    <text class="required">*</text>
+                    <text class="name">邮箱：</text>
+                </view>
+                <view class="input-box"><input type="text" placeholder="请输入邮箱" class="uni-input" /></view>
+            </view>
+        </view>
+        <view class="title row verCenter">项目信息</view>
+        <view class="content">
+            <view class="box">
+                <view class="label-box">
+                    <text class="required">*</text>
+                    <text class="name">项目阶段</text>
+                </view>
+                <view class="tab row avarage">
+                    <view class="tab-box row rowCenter verCenter">设计研发</view>
+                    <view class="tab-box row rowCenter verCenter">小批量试产</view>
+                    <view class="tab-box row rowCenter verCenter">已量产</view>
+                </view>
+            </view>
+            <view class="box">
+                <view class="label-box">
+                    <text class="required">*</text>
+                    <text class="name">申请理由</text>
+                </view>
+                <view class="tab row avarage">
+                    <view class="tab-box row rowCenter verCenter">压缩成本</view>
+                    <view class="tab-box row rowCenter verCenter">停产料替代</view>
+                    <view class="tab-box row rowCenter verCenter">进口交期长</view>
+                </view>
+            </view>
+            <view class="box">
+                <view class="label-box">
+                    <text class="required">*</text>
+                    <text class="name">需求描述：</text>
+                </view>
+                <view class="textarea-box row"><textarea class="uni-textarea" placeholder="请输入需求描述"></textarea></view>
+            </view>
+        </view>
+        <view class="btn row rowCenter verCenter"><view class="btn1 row rowCenter verCenter">提交</view></view>
+    </view>
 </template>
 
 <script>
@@ -18,17 +84,11 @@ export default {
         this.getData();
     },
     methods: {
-        getData(type) {
-            this.request(Api_Url + '/article/getArticleList', 'POST', this.searchParams, true, true).then(res => {
-                if (res.err_code === 0) {
-                } else {
-                }
-            });
-        }
+        getData() {}
     }
 };
 </script>
 
 <style lang="scss">
-@import '@/assets/css/mine/dome.scss';
+@import '@/assets/css/mine/fae.scss';
 </style>