城市合作商页面开发

assets/scss/cus-client/cus-client-page.scss

@@ -1958,24 +1958,6 @@
       }
     }
 
-    // 申请城市合作商弹窗
-    .apply-collaborate-dialog{
-      .el-dialog{width: 480px;border-radius: 8px;}
-      .el-dialog__header{display: none;}
-      .el-dialog__body{padding:0 48px 38px;}
-      // 弹窗标题
-      h4{
-        font-size: 28px;font-weight: 700;color: #2a63c6;
-        padding: 36px 0 40px;text-align: center;
-      }
-      // 按钮
-      .apply-dialog-btn{
-        width: 180px;height: 54px;
-        line-height: 54px;background: #2a63c6;border-radius: 6px;
-        font-size: 20px;color: #fff;text-align: center;margin: 0 auto;
-      }
-    }
-
     // 合作商申请流程
     .sq-lc-box{
       padding: 90px 0 44px;
@@ -2047,6 +2029,30 @@
         text-align: center;color: #2a63c6;margin: 28px auto 0;}
     }
 
+    // 申请城市合作商弹窗
+    .apply-collaborate-dialog{
+      .el-dialog{width: 480px;border-radius: 8px;}
+      .el-dialog__header{display: none;}
+      .el-dialog__body{padding:0 48px 38px;}
+      // 弹窗标题
+      h4{
+        font-size: 28px;font-weight: 700;color: #2a63c6;
+        padding: 36px 0 40px;text-align: center;
+      }
+      // 按钮
+      .apply-dialog-btn{
+        width: 180px;height: 54px;
+        line-height: 54px;background: #2a63c6;border-radius: 6px;
+        font-size: 20px;color: #fff;text-align: center;margin: 0 auto;
+      }
+      .el-input__prefix .el-input__icon{width: 16px;height: 16px;display: block;background-size: cover;margin: 12px 4px;}
+      .dialog-user-icon{background-image:url("~static/images/client/urbanPartners/dialog-user-icon.png");}
+      .dialog-tel-icon{background-image:url("~static/images/client/urbanPartners/dialog-tel-icon.png");}
+      .dialog-company-icon{background-image:url("~static/images/client/urbanPartners/dialog-company-icon.png");}
+      .dialog-region-icon{background-image:url("~static/images/client/urbanPartners/dialog-region-icon.png");}
+      .dialog-email-icon{background-image:url("~static/images/client/urbanPartners/dialog-email-icon.png");}
+    }
+
     @media (max-width: 768px){
       // 标题
       .urban-partners-title{

pages/urbanPartners/index.vue

@@ -184,19 +184,29 @@
       <h4>栋科软件城市合作商申请表</h4>
       <el-form :model="applyDialogDate" status-icon :rules="applyRules" ref="applyDialogForm" class="application-scheme-form">
         <el-form-item  prop="user">
-          <el-input v-model="applyDialogDate.user" placeholder="请输入联系人" class="dialog-input-tel"></el-input>
+          <el-input v-model="applyDialogDate.user" placeholder="请输入联系人" class="dialog-input-tel">
+            <i slot="prefix" class="el-input__icon dialog-user-icon"></i>
+          </el-input>
         </el-form-item>
         <el-form-item  prop="tel">
-          <el-input v-model="applyDialogDate.tel" placeholder="请输入联系电话" class="dialog-input-tel"></el-input>
+          <el-input v-model="applyDialogDate.tel" placeholder="请输入联系电话" class="dialog-input-tel">
+            <i slot="prefix" class="el-input__icon dialog-tel-icon"></i>
+          </el-input>
         </el-form-item>
         <el-form-item  prop="companyName">
-        <el-input v-model="applyDialogDate.companyName" placeholder="请输入公司名称" class="dialog-input-tel"></el-input>
+        <el-input v-model="applyDialogDate.companyName" placeholder="请输入公司名称" class="dialog-input-tel">
+          <i slot="prefix" class="el-input__icon dialog-company-icon"></i>
+        </el-input>
       </el-form-item>
         <el-form-item  prop="region">
-          <el-input v-model="applyDialogDate.region" placeholder="请输入公司所在地区" class="dialog-input-tel"></el-input>
+          <el-input v-model="applyDialogDate.region" placeholder="请输入公司所在地区" class="dialog-input-tel">
+            <i slot="prefix" class="el-input__icon dialog-region-icon"></i>
+          </el-input>
         </el-form-item>
         <el-form-item>
-          <el-input v-model="applyDialogDate.email" placeholder="请输入邮箱" class="dialog-input-tel"></el-input>
+          <el-input v-model="applyDialogDate.email" placeholder="请输入邮箱" class="dialog-input-tel">
+            <i slot="prefix" class="el-input__icon dialog-email-icon"></i>
+          </el-input>
         </el-form-item>
       </el-form>
       <div class="apply-dialog-btn" @click="applyBtn">申请方案</div>