Browse Source

feat:app阳光采购落地页

yangfeng 9 months ago
parent
commit
553a5c081b

+ 107 - 0
src/jfw/modules/app/src/web/templates/frontRouter/sunshine/free/index.html

@@ -0,0 +1,107 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+
+<head>
+	<meta charset="utf-8">
+  <meta name="keywords" content="剑鱼标讯">
+  <meta name="description" content="剑鱼标讯">
+  <meta name="author" content="剑鱼标讯">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
+  <meta name="browsermode" content="application">
+  <meta name="x5-orientation" content="portrait">
+  <meta name="screen-orientation" content="portrait">
+  <meta name="x5-page-mode" content="app">
+  <meta name="apple-mobile-web-app-capable" content="yes">
+  <meta name="apple-mobile-web-app-status-bar-style" content="black">
+  <meta name="format-detection" content="telephone=no">
+  <link rel="icon" href="/favicon.ico">
+  <script src='https://cdn-common.jianyu360.com/cdn/lib/jquery/3.6.0/jquery.min.js'></script>
+  <script src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/public/head.js?v={{Msg "seo" "version"}}'></script>
+
+  <!--S-必定会使用的资源-->
+  <link rel="stylesheet" href="{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/big-member/css/public.css?v={{Msg "seo" "version"}}" />
+  <link rel="stylesheet" href="{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/big-member/css/j-icons.css?v={{Msg "seo" "version"}}" />
+  <link rel="stylesheet" href="{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/vipsubscribe/iconfont/iconfont.css?v={{Msg "seo" "version"}}" />
+  <!--S-当前页必定需要预加载的资源-->
+  <link rel="preload" as="style" href=//cdn-common.jianyu360.com/cdn/lib/reset-css/5.0.1/reset.min.css />
+
+  <!--E-当前页必定需要预加载的资源-->
+
+  <!--S-当前页面的css资源-->
+  <link rel="stylesheet" href=//cdn-common.jianyu360.com/cdn/lib/reset-css/5.0.1/reset.min.css />
+  <link rel="stylesheet" href=//cdn-common.jianyu360.com/cdn/lib/vant/2.12.24/lib/index.css />
+  <link rel="stylesheet" href='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/sunshine/css/index.css?v={{Msg "seo" "version"}}' />
+  <style>
+    .jy-app-header{
+      background-color: #fff!important;
+      color: #1d1d1d;
+    }
+    .jy-app-header.header-transparent {
+      position: absolute;
+      width: 100%;
+      background-color: transparent!important;
+      color: #fff;
+    }
+  </style>
+
+</head>
+
+<body>
+  <div class="j-container sunshine-purchase">
+    <div class="j-header jy-app-header header-transparent">
+        <!-- <span class="header-left iconfont icon-fanhui"></span>
+        <span class="header-title"></span>
+        <span class="header-right"></span> -->
+    </div>
+    <div class="j-main">
+       <div class="sunshine-banner">
+         <img class="banner-title" src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/sunshine/image/banner-title.png' alt="banner-title">
+         <p class="banner-text">赋能企业经营发展降本提效</p>
+       </div>
+       <div class="sunshine-doc">
+        <h1 class="sunshine-doc-h1">剑鱼标讯阳光采购服务</h1>
+        <p class="sunshine-doc-p">
+          为企业提供企业生产性及非生产性物资采购数字化解决方案,<br>
+          推动企业采购更加智能、高效、透明,赋能企业经营 发展降本提效
+        </p>
+       </div>
+       <div class="sunshine-module">
+        <div class="module-title">采购支出成本降低15%</div>
+        <div class="module-main">
+          <img src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/sunshine/image/card-1.png'>
+          <div class="j-button-common j-button-free">免费体验</div>
+        </div>
+       </div>
+       <div class="sunshine-module">
+        <div class="module-title">工作效率提升47%</div>
+        <div class="module-main">
+          <img src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/sunshine/image/card-2.png'>
+          <div class="j-button-common j-button-free">免费体验</div>
+        </div>
+       </div>
+       <div class="sunshine-module">
+        <div class="module-title">完善供应商库</div>
+        <div class="module-main">
+          <img src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/sunshine/image/card-3.png'>
+          <div class="j-button-common j-button-free">免费体验</div>
+        </div>
+       </div>
+    </div>
+    <div class="j-footer j-button-group">
+      <div class="j-button-confirm j-button-copy">去网页版发布</div>
+      <div class="j-button-common j-button-kf">联系客服发布</div>
+    </div>
+  </div>
+</body>
+
+<script src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/local/rem.js?v={{Msg "seo" "version"}}'></script>
+<script src=//cdn-common.jianyu360.com/cdn/lib/vue/2.6.11/vue.min.js></script>
+<script src=//cdn-common.jianyu360.com/cdn/lib/vant/2.12.24/lib/vant.min.js></script>
+<!-- <script src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/js/common.js?v={{Msg "seo" "version"}}'></script> -->
+<script src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/public/js/utils.js?v={{Msg "seo" "version"}}'></script>
+<script src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/local/clipboard.min.js?v={{Msg "seo" "version"}}'></script>
+<script src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/sunshine/js/index.js?v={{Msg "seo" "version"}}'></script>
+<!--百度统计end-->
+{{include "/common/baiducc.html"}}
+</html>

+ 123 - 0
src/web/staticres/common-module/sunshine/css/index.css

@@ -0,0 +1,123 @@
+.sunshine-purchase{
+  background: #fff;
+}
+.sunshine-purchase .j-main{
+  padding-bottom: .32rem;
+}
+.sunshine-purchase .sunshine-banner{
+  width: 100%;
+  height: 3.2rem;
+  padding: 1rem .66rem;
+  background: url(/common-module/sunshine/image/banner.png) no-repeat center center;
+  background-size: 100% 100%;
+}
+.sunshine-purchase .banner-title{
+  width: 2.24rem;
+  object-fit: contain;
+}
+.sunshine-purchase .banner-text{
+  font-size: .28rem;
+  line-height: .4rem;
+  color: #383838;
+  letter-spacing: 2px;
+}
+.sunshine-purchase .sunshine-doc{
+  padding: .32rem 0;
+  text-align: center;
+}
+.sunshine-purchase .sunshine-doc-h1{
+  font-size: .4rem;
+  line-height: .56rem;
+  color: #171826;
+  font-weight: bold;
+}
+.sunshine-purchase .sunshine-doc-p{
+  padding-top: .12rem;
+  font-size: .2rem;
+  line-height: .32rem;
+  color: #5F5E64;
+}
+.sunshine-purchase .sunshine-module{}
+.sunshine-purchase .module-title{
+  position: relative;
+  text-align: center;
+  font-size: .32rem;
+  line-height: .44rem;
+  color: #171826;
+}
+.sunshine-purchase .module-title::before{
+  position: absolute;
+  content: '';
+  left: .75rem;
+  top: 50%;
+  width: 1rem;
+  height: 1px;
+  background: #2ABED1;
+}
+.sunshine-purchase .module-title::after{
+  position: absolute;
+  content: '';
+  right: .75rem;
+  top: 50%;
+  width: 1rem;
+  height: 1px;
+  background: #2ABED1;
+}
+.sunshine-purchase .module-main{
+  position: relative;
+  padding: 0 .28rem;
+}
+.sunshine-purchase .module-main > img{
+  width: 100%;
+  height: auto;
+  object-fit: fill;
+}
+.sunshine-purchase .j-button-common{
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 3rem;
+  height: .72rem;
+  background: -moz-linear-gradient(to left, #3687FF, #2ABED1);
+  background: -webkit-gradient(to left, #3687FF, #2ABED1);
+  background: -webkit-linear-gradient(to left, #3687FF, #2ABED1);
+  background: -o-linear-gradient(to left, #3687FF, #2ABED1);
+  background: -ms-linear-gradient(to left, #3687FF, #2ABED1);
+  background: linear-gradient(to left, #3687FF, #2ABED1);
+  border-radius: 6px;
+  font-size: .32rem;
+  color: #fff;
+}
+.sunshine-purchase .j-button-common.j-button-free{
+  position: absolute;
+  bottom: .68rem;
+  left: 50%;
+  transform: translateX(-50%);
+}
+.j-button-group{
+  padding: .44rem .52rem;
+}
+.j-button-confirm{
+  flex: unset;
+  width: 3rem;
+  height: .72rem;
+  border-radius: 6px;
+}
+.copy-dialog{
+  width: 6.06rem;
+  border-radius: 8px;
+}
+.copy-dialog .van-dialog__header{
+  padding-top: 24px;
+  color: #171826;
+  font-size: .36rem;
+  line-height: .52rem;
+}
+.copy-dialog .van-dialog__message{
+  padding-bottom: 24px;
+  font-size: .3rem;
+  color: #5F5E64;
+}
+.copy-dialog .van-button{
+  font-size: .36rem;
+}

BIN
src/web/staticres/common-module/sunshine/image/banner-title.png


BIN
src/web/staticres/common-module/sunshine/image/banner.png


BIN
src/web/staticres/common-module/sunshine/image/card-1.png


BIN
src/web/staticres/common-module/sunshine/image/card-2.png


BIN
src/web/staticres/common-module/sunshine/image/card-3.png


+ 54 - 0
src/web/staticres/common-module/sunshine/js/index.js

@@ -0,0 +1,54 @@
+var sunshine = {
+  init: function() {
+    this.freeExp()
+    this.copyText()
+    this.openCustomer()
+  },
+  // 免费体验(去留资)
+  freeExp: function() {
+    $('.j-button-free').click(function() {
+      console.log(utils.$envs.inWX);
+      if(utils.$envs.inWX){
+        location.href = '/weixin/frontPage/bigmember/free/perfect_info?source=wx_sunlight_publish'
+      } else {
+        var source = utils.$envs.inH5 ? 'h5_sunlight_publish' : 'app_sunlight_publish'
+        location.href = '/jyapp/frontPage/bigmember/free/perfect_info?source=' + source
+      }
+    })
+  },
+  // 复制文本
+  copyText: function() {
+    var clipboard = new ClipboardJS('.j-button-copy', {
+      text: function() {
+        return "https://jianyu360.cn/swordfish/page_web_pc/purchase/info";
+      }
+    })
+    clipboard.on('success', function(e) {
+      console.log(e, 'success')
+      vant.Dialog({
+        className:'copy-dialog',
+        title: '网页版链接已复制',
+        message: '请您前往网页端进行发布',
+        confirmButtonText:'我知道了',
+        confirmButtonColor: '#2cb7ca'
+      }).then(function () {
+      })
+    })
+    clipboard.on('error', function(e) {
+      console.log(e)
+    })
+  },
+  // 联系客服
+  openCustomer: function() {
+    $('.j-button-kf').click(function() {
+      if(utils.$envs.inWX){
+        window.location.href = '/big/wx/page/customer'
+      } else{
+        window.location.href = '/jyapp/free/customer'
+      }
+    })
+  }
+}
+$(function(){
+  sunshine.init()
+})