Página Principal Explorar Ajuda
Iniciar Sessão
samool
/
HNKDBOSS-WEB
1
0
Fork 0
Ficheiros Problemas 0 Pull Requests 0 Wiki
Ver Fonte

临时提交

first@qq.com123 há 1 ano atrás
pai
91966f29de
commit
eb16f65cb4
13 ficheiros alterados com 193 adições e 36 exclusões
Visão Dividida Mostrar Estatísticas Diff
  1. 1 0
      hn-website/colorui/reset.css
  2. 5 0
      hn-website/colorui/wow/css/animate.min.css
  3. 86 0
      hn-website/colorui/wow/default.html
  4. 1 0
      hn-website/colorui/wow/js/wow.min.js
  5. 0 0
      hn-website/components/transition-min/transition.min.css
  6. 54 7
      hn-website/components/web-header/index.vue
  7. 3 0
      hn-website/main.js
  8. 17 20
      hn-website/package-lock.json
  9. 14 4
      hn-website/package.json
  10. 1 1
      hn-website/pages/web/about/index.vue
  11. 1 1
      hn-website/pages/web/dynamic/index.vue
  12. 9 2
      hn-website/pages/web/home/index.vue
  13. 1 1
      hn-website/pages/web/product/index.vue

+ 1 - 0
hn-website/colorui/reset.css
Ver Ficheiro 

@@ -6,6 +6,7 @@
 
  * @页面描述: 重置样式表
 
  */
 
 /****************************** 自定义公共类 ***********************************/
 
+@import url('../components/transition-min/transition.min.css');
 
 /* 清除浮动 */
 
 .r_clearfix::before,
 
 .r_clearfix::after {

Diff do ficheiro suprimidas por serem muito extensas
+ 5 - 0
hn-website/colorui/wow/css/animate.min.css


+ 86 - 0
hn-website/colorui/wow/default.html
Ver Ficheiro 

@@ -0,0 +1,86 @@
 
+<!DOCTYPE html>
 
+<html lang="zh-CN">
 
+<head>
 
+<meta charset="utf-8">
 
+<title>WOW.js演示_dowebok</title>
 
+<link rel="stylesheet" href="css/animate.min.css">
 
+<style>
 
+* { margin: 0; padding: 0;}
 
+body { overflow-x: hidden; font-family: "Microsoft Yahei";}
 
+body h1 { width: 100%; margin: 80px 0; font-size: 50px; font-weight: 500; text-align: center;}
 
+body .txt { margin: 80px 0; font-size: 16px; text-align: center;}
 
+.dowebok { margin: 0 auto;}
 
+.dowebok ul { list-style-type: none;}
 
+.dowebok .row { font-size: 0; text-align: center;}
 
+.dowebok .wow { display: inline-block; width: 280px; height: 280px; margin: 30px 15px 0; border-radius: 50%; font: 30px/280px "Microsoft Yahei"; vertical-align: top; *display: inline; zoom: 1;}
 
+.bg-green { background: #5bd5a0;}
 
+.bg-blue { background: #1daee9;}
 
+.bg-purple { background: #c843a5;}
 
+.bg-red { background: #eb3980;}
 
+.bg-yellow { background: #ffcc35;}
 
+</style>
 
+</head>
 
+
 
+<body>
 
+<h1>WOW.js - 让页面滚动更有趣</h1>
 
+
 
+<p class="txt">WOW.js 能让页面滚动时显示动画，使页面更有趣。</p>
 
+
 
+<div class="dowebok">
 
+	<div class="row">
 
+		<div class="wow rollIn bg-blue"></div>
 
+		<div class="wow bounceInDown bg-green">WOW.js</div>
 
+		<div class="wow lightSpeedIn bg-purple"></div>
 
+	</div>
 
+
 
+	<div class="row">
 
+		<div class="wow rollIn bg-yellow" data-wow-delay="0.5s">简单易用</div>
 
+		<div class="wow pulse bg-red" data-wow-iteration="5" data-wow-duration="0.15s"></div>
 
+		<div class="wow bounceInRight bg-blue">轻量级</div>
 
+	</div>
 
+
 
+	<div class="row">
 
+		<div class="wow bounceInLeft bg-green"></div>
 
+		<div class="wow flipInX bg-purple">WOW.js</div>
 
+		<div class="wow bounceInRight bg-yellow"></div>
 
+	</div>
 
+
 
+	<div class="row">
 
+		<div class="wow rollIn bg-blue">无需 jQuery</div>
 
+		<div class="wow shake bg-red" data-wow-iteration="5" data-wow-duration="0.15s"></div>
 
+		<div class="wow swing bg-purple" data-wow-iteration="2">纯 JS</div>
 
+	</div>
 
+
 
+	<div class="row">
 
+		<div class="wow rollIn bg-red"></div>
 
+		<div class="wow bounceInU bg-yellow" data-wow-delay="0.5s">WOW.js</div>
 
+		<div class="wow lightSpeedIn bg-green" data-wow-delay="0.5s" data-wow-duration="0.15s"></div>
 
+	</div>
 
+
 
+	<div class="row">
 
+		<div class="wow bounceInLeft bg-purple">依赖 animate.css</div>
 
+		<div class="wow pulse bg-blue" data-wow-iteration="5" data-wow-duration="0.25s"></div>
 
+		<div class="wow lightSpeedIn bg-yellow">多种动画</div>
 
+	</div>
 
+
 
+	<div class="row">
 
+		<div class="wow bounce bg-green" data-wow-iteration="5" data-wow-duration="0.15s"></div>
 
+		<div class="wow bounceInUp bg-red">WOW.js</div>
 
+		<div class="wow bounceInRight bg-purple"></div>
 
+	</div>
 
+
 
+	<div class="row">
 
+		<div class="wow rollIn bg-red" data-wow-delay="0.5s">无需 jQuery！？</div>
 
+		<div class="wow bounceInDown bg-green" data-wow-delay="1s"></div>
 
+		<div class="wow bounceInRight bg-yellow" data-wow-delay="1.5s">谢谢</div>
 
+	</div>
 
+</div>
 
+
 
+<script src="js/wow.min.js"></script>
 
+<script>
 
+if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))){
 
+	new WOW().init();
 
+};
 
+</script>
 
+</body>
 
+</html>

Diff do ficheiro suprimidas por serem muito extensas
+ 1 - 0
hn-website/colorui/wow/js/wow.min.js


Diff do ficheiro suprimidas por serem muito extensas
+ 0 - 0
hn-website/components/transition-min/transition.min.css


+ 54 - 7
hn-website/components/web-header/index.vue
Ver Ficheiro 

@@ -12,20 +12,49 @@
 
       </view>
 
 
       <view class="r_flex_space header-right">
 
-        <view class="nav-list r_cursor" @click="onTargetPage('pages/web/home/index')"> 首页 </view>
 
-        <view class="nav-list r_cursor" @click="onTargetPage('pages/web/product/index')">
 
+        <view
 
+          class="nav-list r_transform3 r_cursor"
 
+          :class="routeName == 'pages/web/home/index' ? 'avtive' : ''"
 
+          @click="onTargetPage('pages/web/home/index')"
 
+        >
 
+          首页
 
+        </view>
 
+        <view
 
+          class="nav-list r_transform3 r_cursor"
 
+          :class="routeName == 'pages/web/product/index' ? 'avtive' : ''"
 
+          @click="onTargetPage('pages/web/product/index')"
 
+        >
 
           产品与服务
 
         </view>
 
-        <view class="nav-list r_cursor" @click="onTargetPage('pages/web/dynamic/index')">
 
+        <view
 
+          class="nav-list r_transform3 r_cursor"
 
+          :class="routeName == 'pages/web/dynamic/index' ? 'avtive' : ''"
 
+          @click="onTargetPage('pages/web/dynamic/index')"
 
+        >
 
           最新动态
 
         </view>
 
-        <view class="nav-list r_cursor" @click="onTargetPage('pages/web/about/index')">
 
+        <view
 
+          class="nav-list r_transform3 r_cursor"
 
+          :class="routeName == 'pages/web/about/index' ? 'avtive' : ''"
 
+          @click="onTargetPage('pages/web/about/index')"
 
+        >
 
           关于我们
 
         </view>
 
-        <view class="nav-list r_cursor" @click="onTargetPage('pages/web/contact/index')">
 
+        <view
 
+          class="nav-list r_transform3 r_cursor"
 
+          :class="routeName == 'pages/web/contact/index' ? 'avtive' : ''"
 
+          @click="onTargetPage('pages/web/contact/index')"
 
+        >
 
           联系我们
 
         </view>
 
-        <view class="nav-long r_flex_center r_cursor" @click="onTargetPage(0)">
 
+        <view
 
+          class="nav-long r_flex_center r_cursor"
 
+          @click="
 
+            () => {
 
+              $toast('暂未开通');
 
+            }
 
+          "
 
+        >
 
           登录
 
         </view>
 
       </view>
 
@@ -57,6 +86,7 @@ export default {
 
       // 弹窗显示控制
 
       isShow: false,
 
       transparent: true,
 
+      routeName: "",
 
     };
 
   },
 
 
@@ -68,7 +98,18 @@ export default {
 
       return uni.upx2px(this.bottom);
 
     },
 
   },
 
-
 
+  onLoad(options) {
 
+    console.log("页面参数:", options);
 
+    console.log("当前路径:", this.$page.route);
 
+  },
 
+  mounted() {
 
+    // 获取当前页面路由信息
 
+    const pages = getCurrentPages();
 
+    const currentPage = pages[pages.length - 1];
 
+    // 获取当前页面路径
 
+    const route = currentPage.route;
 
+    this.routeName = route;
 
+  },
 
   methods: {
 
     /**
 
      * 导航菜单切换事件
 
@@ -104,6 +145,9 @@ export default {
 
   border-radius: 50%;
 
 }
 
 
+.avtive {
 
+  color: #016fff;
 
+}
 
 .r_wzjc {
 
   font-weight: 900;
 
 }
 
@@ -131,6 +175,9 @@ export default {
 
   font-size: 11rpx;
 
   font-weight: 900;
 
   margin-right: 40rpx;
 
+  &:hover {
 
+    color: #016fff;
 
+  }
 
 }
 
 
 .nav-item .iconfont {

+ 3 - 0
hn-website/main.js
Ver Ficheiro 

@@ -5,6 +5,9 @@ import bootstrap from './core/bootstrap'
 
 import mixin from './core/mixins/app'
 
 import uView from './uni_modules/vk-uview-ui'
 
 import { navTo, showToast, showSuccess, showError, getShareUrlParams, checkModuleKey, checkModules } from './core/app'
 
+import 'animate.css';
 
+import './colorui/wow/css/animate.min.css';
 
+
 
 
 // 不能修改createApp方法名，不能修改从Vue中导入的createSSRApp
 
 export function createApp() {

+ 17 - 20
hn-website/package-lock.json
Ver Ficheiro 

@@ -1,23 +1,20 @@
 
 {
 
-  "name": "hn-shop-uniapp",
 
-  "lockfileVersion": 3,
 
-  "requires": true,
 
-  "packages": {
 
-    "": {
 
-      "dependencies": {
 
-        "jweixin-module": "^1.6.0",
 
-        "weixin-js-sdk": "^1.6.0"
 
-      }
 
-    },
 
-    "node_modules/jweixin-module": {
 
-      "version": "1.6.0",
 
-      "resolved": "https://registry.npmjs.org/jweixin-module/-/jweixin-module-1.6.0.tgz",
 
-      "integrity": "sha512-dGk9cf+ipipHmtzYmKZs5B2toX+p4hLyllGLF6xuC8t+B05oYxd8fYoaRz0T30U2n3RUv8a4iwvjhA+OcYz52w=="
 
-    },
 
-    "node_modules/weixin-js-sdk": {
 
-      "version": "1.6.0",
 
-      "resolved": "https://registry.npmjs.org/weixin-js-sdk/-/weixin-js-sdk-1.6.0.tgz",
 
-      "integrity": "sha512-3IYQH7aalJGFJrwdT3epvTdR1MboMiH7vIZ5BRL2eYOJ12BNah7csoMkmSZzkq1+l92sSq29XdTCVjCJoK2sBQ=="
 
+    "name": "Transition动画",
 
+    "version": "1.0.2",
 
+    "lockfileVersion": 3,
 
+    "requires": true,
 
+    "packages": {
 
+        "": {
 
+            "name": "Transition动画",
 
+            "version": "1.0.2",
 
+            "dependencies": {
 
+                "animate.css": "^4.1.1"
 
+            }
 
+        },
 
+        "node_modules/animate.css": {
 
+            "version": "4.1.1",
 
+            "resolved": "https://registry.npmjs.org/animate.css/-/animate.css-4.1.1.tgz",
 
+            "integrity": "sha512-+mRmCTv6SbCmtYJCN4faJMNFVNN5EuCTTprDTAo7YzIGji2KADmakjVA3+8mVDkZ2Bf09vayB35lSQIex2+QaQ=="
 
+        }
 
     }
 
-  }
 
 }

+ 14 - 4
hn-website/package.json
Ver Ficheiro 

@@ -1,6 +1,16 @@
 
 {
 
-  "dependencies": {
 
-    "jweixin-module": "^1.6.0",
 
-    "weixin-js-sdk": "^1.6.0"
 
-  }
 
+    "id": "transition-min",
 
+    "name": "Transition动画",
 
+    "version": "1.0.2",
 
+    "description": "Transition动画,简易css动画",
 
+    "keywords": [
 
+        "Transition",
 
+        "动画",
 
+        "Transition动画",
 
+        "过度",
 
+        "过度动画"
 
+    ],
 
+    "dependencies": {
 
+        "animate.css": "^4.1.1"
 
+    }
 
 }

+ 1 - 1
hn-website/pages/web/about/index.vue
Ver Ficheiro 

@@ -4,7 +4,7 @@
 
     <webHeader />
 
     <img src="/static/web/Slice 22@2x.png" style="width: 100%; margin: 0px" />
 
 
-    <view class="about_content">
 
+    <view class="about_content" style="margin-bottom: 50rpx;">
 
       <view style="color: #000; font-size: 21rpx; margin: 43rpx 0px 31rpx 0px">
 
         公司介绍
 
       </view>

+ 1 - 1
hn-website/pages/web/dynamic/index.vue
Ver Ficheiro 

@@ -4,7 +4,7 @@
 
     <webHeader />
 
     <img src="/static/web/Slice 17@2x.png" style="width: 100%; margin: 0px" />
 
 
-    <view class="dynamic_content">
 
+    <view class="dynamic_content" style="margin-bottom: 50rpx;">
 
       <view
 
         class=""
 
         style="color: #000; font-size: 21rpx; margin: 14rpx 0px 6rpx 0px"

+ 9 - 2
hn-website/pages/web/home/index.vue
Ver Ficheiro 

@@ -2,13 +2,18 @@
 
   <view id="home">
 
     <!-- 快捷导航 -->
 
     <webHeader />
 
-    <img src="/static/web/Slice 2@2x.png" style="width: 100%; margin: 0px" />
 
     <img
 
+      class="fall-btt-in animate__bounce"
 
+      src="/static/web/Slice 2@2x.png"
 
+      style="width: 100%; margin: 0px"
 
+    />
 
+    <img
 
+      class="transition-all duration-300 ease-in-out hover:scale-110"
 
       src="/static/web/Slice 3@2x.png"
 
       style="width: 633rpx; margin: 20px 0px 0px 77rpx"
 
     />
 
     <view
 
-      class="r_margin"
 
+      class="animate__bounce"
 
       style="text-align: center; font-size: 26rpx; margin: 10rpx 0px 21rpx 0px"
 
     >
 
       最新动态
 
@@ -193,6 +198,8 @@ export default {
 
 </script>
 
 
 <style lang="scss" scoped>
 
+@import url("../../../components/transition-min/transition.min.css");
 
+
 
 #home {
 
   .empty_center {
 
     display: flex;

+ 1 - 1
hn-website/pages/web/product/index.vue
Ver Ficheiro 

@@ -129,7 +129,7 @@
 
       算力服务
 
     </view>
 
 
-    <view class="new_state r_flex_zy">
 
+    <view class="new_state r_flex_zy" style="margin-bottom: 50rpx;" >
 
       <view class="new_left">
 
         <img src="/static/web/Slice 15@2x.png" />
 
       </view>

Alguns ficheiros não foram mostrados porque muitos ficheiros mudaram neste diff