diff --git a/pages/index/index.vue b/pages/index/index.vue index 9337d5a..bc92491 100644 --- a/pages/index/index.vue +++ b/pages/index/index.vue @@ -188,31 +188,41 @@ - + + + 交易安全 交易安全 - + + + 代检代查 代检代查 - + + + 优势资源匹配 优势资源匹配 - + + + 交易模式多元化 交易模式多元化 - + + + 电子合同 电子合同 @@ -326,8 +336,43 @@ 马上开通
- + + + +
+
+
·买家采购更放心
+
先收货后付款,账期最长60天
+ +
·卖家销售无压力
+
账期交易未到期,资金提前放。
+
+
+ +
+
+
+
+ + +
+
+
利率低至年化4.35%
+
赊销卖钢材,回款不担心
+
+
+ +
+
+
+
+
+ + +
@@ -336,15 +381,16 @@
最新入驻
- +
+ 广西聚钱财实业有限公司 + 广西聚钱财实业有限公司 + 广西聚钱财实业有限公司 + 广西聚钱财实业有限公司 + 广西聚钱财实业有限公司 + 广西聚钱财实业有限公司 + 广西聚钱财实业有限公司 + 广西聚钱财实业有限公司 +
@@ -368,22 +414,22 @@
-
    -
  • 常见问题常见问题常见见问题常问题常见问题常见问题常见问题1
  • -
  • 常见问题2
  • -
  • 常见问题3
  • -
  • 常见问题4
  • -
  • 常见问题5
  • -
+
+ 常见问题1 + 常见问题2 + 常见问题3 + 常见问题4 + 常见问题5 +
-
    -
  • 如何采购
  • -
  • 如何采购
  • -
  • 如何采购
  • -
  • 如何采购
  • -
  • 如何采购
  • -
+
+ 如何采购1 + 如何采购2 + 如何采购3 + 如何采购4 + 如何采购5 +
@@ -404,22 +450,22 @@
-
    -
  • 常见问题常见问题常见见问题常问题常见问题常见问题常见问题1
  • -
  • 常见问题2
  • -
  • 常见问题3
  • -
  • 常见问题4
  • -
  • 常见问题5
  • -
+
+ 常见问题11 + 常见问题2 + 常见问题3 + 常见问题4 + 常见问题5 +
-
    -
  • 如何采购
  • -
  • 如何采购
  • -
  • 如何采购
  • -
  • 如何采购
  • -
  • 如何采购
  • -
+
+ 如何采购1 + 如何采购2 + 如何采购3 + 如何采购4 + 如何采购5 +
@@ -443,13 +489,13 @@
市场信息
- +
+ 市场信息市场信息 + 市场信息 + 市场信息 + 市场信息 + 市场信息 +
@@ -457,13 +503,13 @@
期货信息
-
    -
  • 新闻资讯
  • -
  • 新闻资讯
  • -
  • 新闻资讯
  • -
  • 新闻资讯
  • -
  • 新闻资讯
  • -
+
+ 期货信息 + 期货信息 + 期货信息 + 期货信息 + 期货信息 +
@@ -471,13 +517,13 @@
行情分析
-
    -
  • 新闻资讯
  • -
  • 新闻资讯
  • -
  • 新闻资讯
  • -
  • 新闻资讯
  • -
  • 新闻资讯
  • -
+
+ 行情分析 + 行情分析 + 行情分析 + 行情分析 + 行情分析 +
@@ -485,13 +531,13 @@
行业动态
-
    -
  • 新闻资讯
  • -
  • 新闻资讯
  • -
  • 新闻资讯
  • -
  • 新闻资讯
  • -
  • 新闻资讯
  • -
+
+ 行业动态 + 行业动态 + 行业动态 + 行业动态 + 行业动态 +
@@ -887,6 +933,14 @@ font-weight: 500; } + .news-list { + width: 330px; + display: flex; + flex-direction: column; + align-items: self-start; + line-height: 1.8em; + } + .news-card { .news-img { image { @@ -902,24 +956,69 @@ } .news-list { - ul {} - - li { - width: 330px; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - } + width: 330px; + display: flex; + flex-direction: column; + align-items: self-start; + line-height: 1.8em; + // .ellipsis { + // width: 320px; + // display: flex; + // flex-direction: column; + // align-items: self-start; + // overflow: hidden; + // white-space: nowrap; + // text-overflow: ellipsis; + // } } } } .jrfw-img { + display: flex; + justify-content: space-between; + flex: 1; + + .jrfw-row { + width: 100%; + + } + + height: 184px; + image { width: 100%; } } + .jrfw-img-item { + display: flex; + justify-content: space-between; + align-items: center; + flex: 1; + .info { + .title{ + font-weight: 400; + font-size: 17px; + } + .desc{ + color: #666666; + text{ + font-size: 20px; + color: #BD3124; + } + } + } + + .pic { + width: 156px; + image { + width: 156px; + height: 136px; + } + } + } + .transaction-card { .item { display: flex; @@ -957,6 +1056,27 @@ } } + .transaction-card:hover { + background-color: #BD3124; + + .p1 { + color: #ffffff; + } + + .p2 { + .line { + width: 40px; + height: 3px; + border-radius: 100px; + background-color: #ffffff; + } + } + + .p3 { + color: #ffffff; + } + } + .server-card2 { display: flex; justify-content: space-between; @@ -968,14 +1088,21 @@ flex-direction: column; justify-content: center; align-items: center; + cursor: pointer; + i { - font-size: 30px; color: #ffffff; + font-size: 24px; } - + .p4 { margin-top: 20px; } + + .text{ + display: none; + } + } .b1 { @@ -984,28 +1111,88 @@ background-size: 150%; } + .b1:hover { + width: 380px; + /* 添加过渡属性效果 */ + transition: width .1s linear; + .text{ + display: block; + color: #ffffff; + font-size: 24px; + padding-top: 10px; + } + } + .b2 { background: url('http://jyx.gxwebsoft.com/public/index/images/god2hover.jpg'); background-position: center; background-size: 150%; } + .b2:hover { + width: 380px; + /* 添加过渡属性效果 */ + transition: width .1s linear; + .text{ + display: block; + color: #ffffff; + font-size: 24px; + padding-top: 10px; + } + } + .b3 { background: url('http://jyx.gxwebsoft.com/public/index/images/god3hover.jpg'); background-position: center; background-size: 150%; } + .b3:hover { + width: 380px; + /* 添加过渡属性效果 */ + transition: width .1s linear; + .text{ + display: block; + color: #ffffff; + font-size: 24px; + padding-top: 10px; + } + } + .b4 { background: url('http://jyx.gxwebsoft.com/public/index/images/god4hover.jpg'); background-position: center; background-size: 150%; } + .b4:hover { + width: 380px; + /* 添加过渡属性效果 */ + transition: width .1s linear; + .text{ + display: block; + color: #ffffff; + font-size: 24px; + padding-top: 10px; + } + } + .b5 { background: url('http://jyx.gxwebsoft.com/public/index/images/god5hover.jpg'); background-position: center; background-size: 150%; } + + .b5:hover { + width: 380px; + /* 添加过渡属性效果 */ + transition: width .1s linear; + .text{ + display: block; + color: #ffffff; + font-size: 24px; + padding-top: 10px; + } + } } \ No newline at end of file