开发屋首页 index

assets/css/kaifain/index.scss

@@ -0,0 +1,257 @@
+@import "../scssCommon";
+
+.kaifain {
+
+  .topArea {
+    position: relative;
+    margin: -85px 0 0 !important;
+    width: 100%;
+    background-color: #fff;
+    min-height: 200px;
+
+    .bgImage {
+      img {
+        width: 100%;
+        vertical-align: middle;
+      }
+    }
+    .topContent {
+      width: 100%;
+      height: 100%;
+      position: absolute;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      left: 0;
+      top: 0;
+
+      .freeSubmit {
+        cursor: pointer;
+        top: webPxTvw(480);
+        left: webPxTvw(625);
+        width: webPxTvw(250);
+        height: webPxTvw(60);
+        position: absolute;
+      }
+
+      .bePartner {
+        cursor: pointer;
+        right: webPxTvw(650);
+        top: webPxTvw(480);
+        width: webPxTvw(250);
+        height: webPxTvw(60);
+        position: absolute;
+      }
+    }
+  }
+
+  .contentArea {
+    background-color: #fff;
+    width: 1000px;
+    margin: 0 auto;
+    box-sizing: border-box;
+    padding: 45px;
+
+    .selectArea {
+      display: flex;
+      padding: 15px 0;
+      flex-direction: column;
+      .content {
+        width: 100%;
+        display: flex;
+        justify-content: flex-start;
+        align-items: center;
+        margin-top: 30px;
+        &:first-child {
+          margin-top: 0;
+        }
+
+        .left {
+          flex-shrink: 0;
+          width: 90px;
+          display: flex;
+          align-items: flex-start;
+          justify-content: center;
+          p {
+            text-align: left;
+            height:21px;
+            font-size:15px;
+            color:rgba(46,55,67,1);
+            line-height:21px;
+            font-weight: 500;
+          }
+        }
+
+        .right {
+          flex-grow: 1;
+          display: flex;
+          justify-content: flex-start;
+          flex-wrap: wrap;
+          .cell {
+            width: 88px;
+            height: 38px;
+            border-radius:2px;
+            border:1px solid rgba(239,239,239,1);
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            margin-left: 10px;
+            cursor: pointer;
+
+            &:nth-child(8n) {
+              margin-left: 0;
+            }
+            &:nth-child(n+9) {
+              margin-top: 10px;
+            }
+
+            p {
+              height:20px;
+              font-size:14px;
+              font-weight:400;
+              color:rgba(85,85,85,1);
+              line-height:20px;
+            }
+            &.selected {
+              border:1px solid rgba(48,142,255,1);
+              p {
+                color:rgba(48,142,255,1);
+                font-weight:500;
+                height:21px;
+                font-size:15px;
+                line-height: 21px;
+              }
+            }
+          }
+        }
+      }
+    }
+
+    .listArea {
+      margin-top: 80px;
+
+      .sTitle {
+        height:25px;
+        font-size:18px;
+        font-weight:500;
+        color:rgba(34,34,34,1);
+        line-height:25px;
+        margin-bottom: 14px;
+      }
+      .list {
+        .cell {
+          display: flex;
+          justify-content: flex-start;
+          align-items: center;
+          height: 160px;
+          width: 100%;
+          margin-top: 50px;
+          &:first-child {
+            margin-top: 0;
+          }
+          .left {
+            flex-shrink: 0;
+            width: 160px;
+            height: 160px;
+            font-size: 0;
+            img {
+              width: 160px;
+              height: 160px;
+              border-radius: 2px;
+            }
+          }
+          .right {
+            margin-left: 14px;
+            display: flex;
+            justify-content: space-between;
+            flex-direction: column;
+            height: 160px;
+            .top {
+              flex-grow: 1;
+              .titleA {
+                display: flex;
+                .title {
+                  height:28px;
+                  font-size:20px;
+                  font-weight:600;
+                  color:rgba(34,34,34,1);
+                  line-height:28px;
+                }
+                .tips {
+                  margin-left: 8px;
+                  background:rgba(48,142,255,0.11);
+                  height:18px;
+                  font-size:13px;
+                  font-weight:500;
+                  color:rgba(48,142,255,1);
+                  line-height:18px;
+                  padding: 4px 17px;
+                  border-radius: 2px;
+                  box-sizing: content-box;
+                }
+              }
+              .intro, .ep  {
+                margin-top: 13px;
+                display: flex;
+                .tt {
+                  height:18px;
+                  font-size:13px;
+                  font-weight:600;
+                  color:rgba(34,34,34,1);
+                  line-height:18px;
+                }
+                .value {
+                  width:656px;
+                  max-height:36px;
+                  font-size:13px;
+                  font-weight:400;
+                  color:rgba(68,68,68,1);
+                  line-height:18px;
+                  word-break: break-all;
+                }
+              }
+            }
+            .bottom {
+              flex-shrink: 0;
+              height: 20px;
+              display: flex;
+              align-items: center;
+              .icon {
+                width: 12px;
+                height: 12px;
+                background: url('~@/assets/img/kaifain/icon_company@2x.png') no-repeat;
+                background-size: cover;
+              }
+              .word {
+                margin-left: 5px;
+                height:17px;
+                font-size:12px;
+                font-weight:400;
+                color:rgba(153,153,153,1);
+                line-height:17px;
+
+              }
+            }
+          }
+
+        }
+      }
+    }
+  }
+
+  .pagination {
+    margin-top: 70px;
+    text-align: center;
+  }
+
+}
+
+.main {
+  margin-top: 0 !important;
+}
+
+@media screen and (max-width: 960px) {
+  .main {
+    min-width: 1000px;
+  }
+}

pages/otherpage/companyVerifyInput/index.vue

@@ -170,7 +170,7 @@
             //跳转到支付58元钱，之后提交
             if (Number(this.dataInfo.need_pay) === 1) {
               this.$message.success('提交成功,正在跳转...')
-              let appUrl = "proginn://pay?product_type=5&product_id=0"
+              let appUrl = "proginn://pay?product_type=5&product_id=0npnpm "
               let url = '/pay?product_type=5'
               if (!this.$deviceType.app) {
                 window.open(url, '_black')