ソースを参照

Merge branch 'v2' of https://github.com/jdf2e/nutui into v2

Frans 7 年 前
コミット
2aa6590850
3 ファイル変更177 行追加20 行削除
  1. 173 16
      sites/doc/index.vue
  2. 3 3
      src/config.json
  3. 1 1
      src/locales/index.js

+ 173 - 16
sites/doc/index.vue

@@ -1,22 +1,29 @@
 <template>
 <template>
   <div class="container">
   <div class="container">
     <template v-if="notWebgl">
     <template v-if="notWebgl">
-      <div class="css-animation">
-        <div class="blue-bg">
-          <span class="phone"></span>
-          <span class="goods"></span>
-          <span class="nut"></span>
-          <span class="people"></span>
-          <span class="flower">
-            <span class="leaf_2"></span>
-            <span class="leaf_1"></span>
-            <span class="leaf_4"></span>
-            <span class="leaf_3"></span>
-            <span class="flowerpot"></span>
-          </span>
-          <span class="fengche"></span>
-        </div>
-      </div>
+
+      <div class="css-animation" >
+				
+          <span class="blue-bg"></span>
+					<span class="phone"></span>
+					<span class="goods"></span>
+					<span class="nut"></span>
+					<span class="people"></span>
+					<span class="flower">
+						<span class="leaf_2"></span>
+						<span class="leaf_1"></span>
+						<span class="leaf_4"></span>
+						<span class="leaf_3"></span>
+					
+						<span class="flowerpot"></span>
+
+					</span>
+					<span class="fengche"></span>
+			
+
+			</div>
+
+      
     </template>
     </template>
     <template v-else>
     <template v-else>
       <canvas id="output"></canvas>
       <canvas id="output"></canvas>
@@ -496,6 +503,19 @@ export default {
     transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
   }
   }
 }
 }
+
+@keyframes fadeInRightAndTop{
+  from{
+    opacity: 0;
+    transform: translate(100%,100%,0);
+    transform: scale3d(1,1,1);
+  }
+  to{
+    opacity: 1;
+    transform:translate3d(0,0,0);
+    transform: scale3d(1.06,1.06,1.06);
+  }
+}
 @keyframes leafShake {
 @keyframes leafShake {
   form,
   form,
   to {
   to {
@@ -757,6 +777,142 @@ export default {
   }
   }
 }
 }
 
 
+<<<<<<< HEAD
+.css-animation{
+	position: absolute;
+  top:0;
+  right:0;
+  height:757px;
+	width:963px;
+  animation: fadeInRightAndTop 1.2s 1;
+  transform: scale3d(1.06,1.06,1.06);
+
+	.blue-bg{
+		background:url('//img12.360buyimg.com/uba/jfs/t1/22824/40/3136/6504/5c24a3f4E76fdafde/802d02d1ec5d3d55.png') 0 0 no-repeat;
+		height:757px;
+		width:963px;
+		background-size:100% 100%;
+		position: absolute;
+		right:0;
+		top:0;
+  }
+		.phone{
+			background:url('//img10.360buyimg.com/uba/jfs/t1/19171/19/3175/23282/5c24a440Ee2a94261/45321aeaf173f237.png') 0 0 no-repeat;
+			height:419px;
+			width:227px;
+			background-size:100% 100%;
+			position:absolute;
+			right:350px;
+			top:250px;
+			display: inline-block;
+		}
+		.goods{
+			background:url('//img14.360buyimg.com/uba/jfs/t1/21115/40/3224/5652/5c24a411E03ef9eb6/83781b97e59da905.png') 0 0 no-repeat;
+			height:165px;
+			width:117px;
+			background-size:100% 100%;
+			position:absolute;
+			display:inline-block;
+			top:500px;
+			right:710px;
+		}
+		.people{
+			background:url('//img12.360buyimg.com/uba/jfs/t1/9330/16/10894/8662/5c24a42aE708692b3/14455d20eca1ccee.png');
+			width:184px;
+			height:334px;
+			background-size:100% 100%;
+			position:absolute;
+			top:334px;
+			right:500px;
+		}
+		.flower{
+			position: absolute;
+			right:195px;
+			top:510px;
+			height:160px;
+			width:208px;
+			.leaf_1{
+				position: absolute;
+				background:url(./asset/css/i/leaf_1.png) 0 0 no-repeat;
+				height:113px;
+				width:60px;
+				background-size:100% 100%;
+				bottom:36px;
+				right:79px;
+				animation:leafShake 8s infinite ;
+
+			}
+			.leaf_2{
+				position: absolute;
+				background:url(./asset/css/i/leaf_2.png) 0 0 no-repeat;
+				height:64px;
+				width:66px;
+				background-size:100% 100%;
+				bottom:36px;
+				right:35px;
+				animation:leafShake 8s infinite 0.6s;
+				
+
+			}
+			.leaf_3{
+				
+				position: absolute;
+				background:url(./asset/css/i/leaf_3.png) 0 0 no-repeat;
+				height:28px;
+				width:64px;
+				background-size:100% 100%;
+				bottom:38px;
+				right:42px;
+				//animation:leafShake 3s infinite 0.5s;
+			}
+			.leaf_4{
+				position: absolute;
+				background:url(./asset/css/i/leaf_4.png) 0 0 no-repeat;
+				height:113px;
+				width:99px;
+				background-size:100% 100%;
+				bottom:38px;
+				left:2px;
+				//animation:leafShake 3s infinite 0.2s;
+			}
+			.flowerpot{
+				position: absolute;
+				background:url(./asset/css/i/flowerpot.png) 0 0 no-repeat;
+				height:42px;
+				width:130px;
+				bottom:0;
+				right:5px;
+				background-size:100% 100%;
+				
+
+			}
+    }
+		.nut{
+			position: absolute;
+			height:46px;
+			width:46px;
+			background:url(./asset/css/i/nut-icon.png) 0 0 no-repeat;
+			background-size:100% 100%;
+			top:308px;
+			right:493px;
+			animation:fadeInRight 2s both;
+		
+		
+		}
+		.fengche{
+			position:absolute;
+			background:url(./asset/css/i/fengche.png) 0 0 no-repeat;
+			background-size:100% 100%;
+			width:679px;
+			height:476px;
+			top:195px;
+			right:180px;
+			animation: fadeIn 1s both 2s;
+
+		}
+	}
+
+=======
 .css-animation {
 .css-animation {
   position: absolute;
   position: absolute;
   top: 0;
   top: 0;
@@ -772,6 +928,7 @@ export default {
     position: absolute;
     position: absolute;
     right: 0;
     right: 0;
     top: 0;
     top: 0;
+>>>>>>> fd9c2b1a875256700418a2f379f3e4c67e1c1f84
 
 
     .phone {
     .phone {
       background: url("//img10.360buyimg.com/uba/jfs/t1/19171/19/3175/23282/5c24a440Ee2a94261/45321aeaf173f237.png")
       background: url("//img10.360buyimg.com/uba/jfs/t1/19171/19/3175/23282/5c24a440Ee2a94261/45321aeaf173f237.png")

+ 3 - 3
src/config.json

@@ -137,7 +137,7 @@
       "desc": "滑动取值控件",
       "desc": "滑动取值控件",
       "type": "component",
       "type": "component",
       "showDemo": true,
       "showDemo": true,
-      "author": "hufeng10"
+      "author": "Frans"
     },
     },
     {
     {
       "version": "1.0.0",
       "version": "1.0.0",
@@ -147,7 +147,7 @@
       "desc": "区间选择器组件",
       "desc": "区间选择器组件",
       "type": "component",
       "type": "component",
       "showDemo": true,
       "showDemo": true,
-      "author": "hufeng10"
+      "author": "famanoder"
     },
     },
     {
     {
       "version": "1.0.0",
       "version": "1.0.0",
@@ -277,7 +277,7 @@
       "type": "component",
       "type": "component",
       "sort": "1",
       "sort": "1",
       "showDemo": true,
       "showDemo": true,
-      "author": "hufeng10"
+      "author": "famanoder"
     },
     },
     {
     {
       "version": "1.0.0",
       "version": "1.0.0",

+ 1 - 1
src/locales/index.js

@@ -4,7 +4,7 @@ import znCH from './lang/zn-CH'
 let defaultMessages = {};
 let defaultMessages = {};
 
 
 let merged = false;
 let merged = false;
-let vueI18nHandler = function() {
+const vueI18nHandler = function() {
     const vuei18n = Object.getPrototypeOf(this || Vue).$t;
     const vuei18n = Object.getPrototypeOf(this || Vue).$t;
     if (typeof vuei18n === 'function' && !!Vue.locale) {
     if (typeof vuei18n === 'function' && !!Vue.locale) {
         if (!merged) {
         if (!merged) {