jialong.yu
/
FE_IASF_client
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 3 Wiki Activity

动画等

Browse Source
mobile
yujialong 2 years ago
parent 9144eb9231
commit c9fc20e29a
11 changed files with 109 additions and 41 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 56
      package-lock.json
  2. 2
      package.json
  3. 21
      src/layouts/header/index.vue
  4. 2
      src/main.js
  5. 13
      src/pages/about/index.vue
  6. 5
      src/pages/application/index.vue
  7. 2
      src/pages/column/index.vue
  8. 22
      src/pages/column/result.vue
  9. 16
      src/pages/home/index.vue
  10. 2
      src/pages/news/index.vue
  11. 7
      src/pages/research/index.vue

56
package-lock.json generated
Unescape View File

@ -1,5 +1,5 @@
{ {
"name": "粒子研究院", "name": "vue-manage-system",
"version": "4.2.0", "version": "4.2.0",
"lockfileVersion": 1, "lockfileVersion": 1,
"requires": true, "requires": true,
@ -2428,7 +2428,7 @@
}, },
"async-foreach": { "async-foreach": {
"version": "0.1.3", "version": "0.1.3",
"resolved": "https://registry.npmjs.org/async-foreach/-/async-foreach-0.1.3.tgz", "resolved": "https://registry.npm.taobao.org/async-foreach/download/async-foreach-0.1.3.tgz",
"integrity": "sha1-NhIfhFwFeBct5Bmpfb6x0W7DRUI=" "integrity": "sha1-NhIfhFwFeBct5Bmpfb6x0W7DRUI="
}, },
"async-limiter": { "async-limiter": {
@ -2773,7 +2773,7 @@
}, },
"block-stream": { "block-stream": {
"version": "0.0.9", "version": "0.0.9",
"resolved": "https://registry.npmjs.org/block-stream/-/block-stream-0.0.9.tgz", "resolved": "https://registry.npm.taobao.org/block-stream/download/block-stream-0.0.9.tgz",
"integrity": "sha1-E+v+d4oDIFz+A3UUgeu0szAMEmo=", "integrity": "sha1-E+v+d4oDIFz+A3UUgeu0szAMEmo=",
"requires": { "requires": {
"inherits": "~2.0.0" "inherits": "~2.0.0"
@ -3926,7 +3926,7 @@
}, },
"console-control-strings": { "console-control-strings": {
"version": "1.1.0", "version": "1.1.0",
"resolved": "https://registry.npmjs.org/console-control-strings/-/console-control-strings-1.1.0.tgz", "resolved": "https://registry.npm.taobao.org/console-control-strings/download/console-control-strings-1.1.0.tgz",
"integrity": "sha1-PXz0Rk22RG6mRL9LOVB/mFEAjo4=" "integrity": "sha1-PXz0Rk22RG6mRL9LOVB/mFEAjo4="
}, },
"consolidate": { "consolidate": {
@ -4538,7 +4538,7 @@
}, },
"cssfilter": { "cssfilter": {
"version": "0.0.10", "version": "0.0.10",
"resolved": "https://registry.npmjs.org/cssfilter/-/cssfilter-0.0.10.tgz", "resolved": "https://registry.npm.taobao.org/cssfilter/download/cssfilter-0.0.10.tgz",
"integrity": "sha1-xtJnJjKi5cg+AT5oZKQs6N79IK4=" "integrity": "sha1-xtJnJjKi5cg+AT5oZKQs6N79IK4="
}, },
"cssnano": { "cssnano": {
@ -5038,7 +5038,7 @@
}, },
"delegates": { "delegates": {
"version": "1.0.0", "version": "1.0.0",
"resolved": "https://registry.npmjs.org/delegates/-/delegates-1.0.0.tgz", "resolved": "https://registry.npm.taobao.org/delegates/download/delegates-1.0.0.tgz",
"integrity": "sha1-hMbhWbgZBP3KWaDvRM2HDTElD5o=" "integrity": "sha1-hMbhWbgZBP3KWaDvRM2HDTElD5o="
}, },
"depd": { "depd": {
@ -6351,7 +6351,6 @@
"version": "2.3.2", "version": "2.3.2",
"resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz", "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
"integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==", "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
"dev": true,
"optional": true "optional": true
}, },
"fstream": { "fstream": {
@ -6379,7 +6378,7 @@
}, },
"gauge": { "gauge": {
"version": "2.7.4", "version": "2.7.4",
"resolved": "https://registry.npmjs.org/gauge/-/gauge-2.7.4.tgz", "resolved": "https://registry.nlark.com/gauge/download/gauge-2.7.4.tgz",
"integrity": "sha1-LANAXHU4w51+s3sxcCLjJfsBi/c=", "integrity": "sha1-LANAXHU4w51+s3sxcCLjJfsBi/c=",
"requires": { "requires": {
"aproba": "^1.0.3", "aproba": "^1.0.3",
@ -6673,6 +6672,13 @@
"requires": { "requires": {
"lru-cache": "2", "lru-cache": "2",
"sigmund": "~1.0.0" "sigmund": "~1.0.0"
},
"dependencies": {
"lru-cache": {
"version": "2.7.3",
"resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-2.7.3.tgz",
"integrity": "sha512-WpibWJ60c3AgAz8a2iYErDrcT2C7OmKnsWhIcHOjkUHFjkXncJhtLxNSqUmxRxRunpb5I8Vprd7aNSd2NtksJQ=="
}
} }
} }
} }
@ -7210,7 +7216,7 @@
}, },
"has-unicode": { "has-unicode": {
"version": "2.0.1", "version": "2.0.1",
"resolved": "https://registry.npmjs.org/has-unicode/-/has-unicode-2.0.1.tgz", "resolved": "https://registry.npm.taobao.org/has-unicode/download/has-unicode-2.0.1.tgz",
"integrity": "sha1-4Ob+aijPUROIVeCG0Wkedx3iqLk=" "integrity": "sha1-4Ob+aijPUROIVeCG0Wkedx3iqLk="
}, },
"has-value": { "has-value": {
@ -8840,9 +8846,9 @@
"dev": true "dev": true
}, },
"lru-cache": { "lru-cache": {
"version": "2.7.3", "version": "7.14.1",
"resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-2.7.3.tgz", "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-7.14.1.tgz",
"integrity": "sha1-bUUk6LlV+V1PW1iFHOId1y+06VI=" "integrity": "sha512-ysxwsnTKdAx96aTRdhDOCQfDgbHnt8SK0KY8SEjO0wHinhWOFTESbjVCMPbU1uGXg/ch4lifqx0wfjOawU2+WA=="
}, },
"make-dir": { "make-dir": {
"version": "3.1.0", "version": "3.1.0",
@ -9396,7 +9402,7 @@
}, },
"semver": { "semver": {
"version": "5.3.0", "version": "5.3.0",
"resolved": "https://registry.npmjs.org/semver/-/semver-5.3.0.tgz", "resolved": "https://registry.nlark.com/semver/download/semver-5.3.0.tgz?cache=0&sync_timestamp=1618847119601&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fsemver%2Fdownload%2Fsemver-5.3.0.tgz",
"integrity": "sha1-myzl094C0XxgEq0yaqa00M9U+U8=" "integrity": "sha1-myzl094C0XxgEq0yaqa00M9U+U8="
} }
} }
@ -9593,7 +9599,7 @@
}, },
"nopt": { "nopt": {
"version": "3.0.6", "version": "3.0.6",
"resolved": "https://registry.npmjs.org/nopt/-/nopt-3.0.6.tgz", "resolved": "https://registry.npm.taobao.org/nopt/download/nopt-3.0.6.tgz?cache=0&sync_timestamp=1597649905420&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fnopt%2Fdownload%2Fnopt-3.0.6.tgz",
"integrity": "sha1-xkZdvwirzU2zWTF/eaxopkayj/k=", "integrity": "sha1-xkZdvwirzU2zWTF/eaxopkayj/k=",
"requires": { "requires": {
"abbrev": "1" "abbrev": "1"
@ -9910,7 +9916,7 @@
}, },
"os-tmpdir": { "os-tmpdir": {
"version": "1.0.2", "version": "1.0.2",
"resolved": "https://registry.npmjs.org/os-tmpdir/-/os-tmpdir-1.0.2.tgz", "resolved": "https://registry.npm.taobao.org/os-tmpdir/download/os-tmpdir-1.0.2.tgz",
"integrity": "sha1-u+Z0BseaqFxc/sdm/lc0VV36EnQ=" "integrity": "sha1-u+Z0BseaqFxc/sdm/lc0VV36EnQ="
}, },
"osenv": { "osenv": {
@ -12466,7 +12472,7 @@
}, },
"scss-tokenizer": { "scss-tokenizer": {
"version": "0.2.3", "version": "0.2.3",
"resolved": "https://registry.npmjs.org/scss-tokenizer/-/scss-tokenizer-0.2.3.tgz", "resolved": "https://registry.npm.taobao.org/scss-tokenizer/download/scss-tokenizer-0.2.3.tgz",
"integrity": "sha1-jrBtualyMzOCTT9VMGQRSYR85dE=", "integrity": "sha1-jrBtualyMzOCTT9VMGQRSYR85dE=",
"requires": { "requires": {
"js-base64": "^2.1.8", "js-base64": "^2.1.8",
@ -12475,7 +12481,7 @@
"dependencies": { "dependencies": {
"source-map": { "source-map": {
"version": "0.4.4", "version": "0.4.4",
"resolved": "https://registry.npmjs.org/source-map/-/source-map-0.4.4.tgz", "resolved": "https://registry.npm.taobao.org/source-map/download/source-map-0.4.4.tgz?cache=0&sync_timestamp=1589682764497&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fsource-map%2Fdownload%2Fsource-map-0.4.4.tgz",
"integrity": "sha1-66T12pwNyZneaAMti092FzZSA2s=", "integrity": "sha1-66T12pwNyZneaAMti092FzZSA2s=",
"requires": { "requires": {
"amdefine": ">=0.0.4" "amdefine": ">=0.0.4"
@ -12709,6 +12715,14 @@
"integrity": "sha512-Vpfqwm4EnqGdlsBFNmHhxhElJYrdfcxPThu+ryKS5J8L/fhAwLazFZtq+S+TWZ9ANj2piSQLGj6NQg+lKPmxrw==", "integrity": "sha512-Vpfqwm4EnqGdlsBFNmHhxhElJYrdfcxPThu+ryKS5J8L/fhAwLazFZtq+S+TWZ9ANj2piSQLGj6NQg+lKPmxrw==",
"dev": true "dev": true
}, },
"shifty": {
"version": "2.19.1",
"resolved": "https://registry.npmjs.org/shifty/-/shifty-2.19.1.tgz",
"integrity": "sha512-7h420vwC2B0IW+v7UlofcEyXwVjslssNHJwPO8nHfI1UC7MSTEdssG21GcoQpULC6+ySo1akQGk5hxVmy16z5A==",
"requires": {
"fsevents": "^2.3.2"
}
},
"side-channel": { "side-channel": {
"version": "1.0.4", "version": "1.0.4",
"resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.4.tgz", "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.4.tgz",
@ -14435,6 +14449,14 @@
"resolved": "https://registry.npmjs.org/vue/-/vue-2.6.14.tgz", "resolved": "https://registry.npmjs.org/vue/-/vue-2.6.14.tgz",
"integrity": "sha512-x2284lgYvjOMj3Za7kqzRcUSxBboHqtgRE2zlos1qWaOye5yUmHn42LB1250NJBLRwEcdrB0JRwyPTEPhfQjiQ==" "integrity": "sha512-x2284lgYvjOMj3Za7kqzRcUSxBboHqtgRE2zlos1qWaOye5yUmHn42LB1250NJBLRwEcdrB0JRwyPTEPhfQjiQ=="
}, },
"vue-animate-number": {
"version": "0.4.2",
"resolved": "https://registry.npmjs.org/vue-animate-number/-/vue-animate-number-0.4.2.tgz",
"integrity": "sha512-VqImyD8SRUfXCr42YCyuM/9tyQ8mUK7DTzVoZ0rP6Uqb5r+433UDJYPniexsIL0RxZF2ojGF+zqRhLB07H8c9Q==",
"requires": {
"shifty": "^2.0.2"
}
},
"vue-cropperjs": { "vue-cropperjs": {
"version": "3.0.0", "version": "3.0.0",
"resolved": "https://registry.npmjs.org/vue-cropperjs/-/vue-cropperjs-3.0.0.tgz", "resolved": "https://registry.npmjs.org/vue-cropperjs/-/vue-cropperjs-3.0.0.tgz",

2
package.json
Unescape View File

@ -17,8 +17,10 @@
"html2canvas": "^1.3.2", "html2canvas": "^1.3.2",
"js-cookie": "^2.2.1", "js-cookie": "^2.2.1",
"jspdf": "^2.4.0", "jspdf": "^2.4.0",
"lru-cache": "^7.14.1",
"mavon-editor": "^2.9.1", "mavon-editor": "^2.9.1",
"vue": "^2.6.14", "vue": "^2.6.14",
"vue-animate-number": "^0.4.2",
"vue-cropperjs": "^3.0.0", "vue-cropperjs": "^3.0.0",
"vue-i18n": "^8.26.5", "vue-i18n": "^8.26.5",
"vue-pdf": "^4.3.0", "vue-pdf": "^4.3.0",

21
src/layouts/header/index.vue
Unescape View File

@ -14,7 +14,9 @@
<img :src="require('@/assets/images/cn' + (isHome ? '-white' : '') + '.png')" alt="" @click="toggleLang"> <img :src="require('@/assets/images/cn' + (isHome ? '-white' : '') + '.png')" alt="" @click="toggleLang">
<div v-if="showSearch" class="search-wrap"> <div v-if="showSearch" class="search-wrap">
<input ref="search" type="text" :placeholder="$t('column.titlePlaceholder')" v-model="title"> <input ref="search" type="text" :placeholder="$t('column.titlePlaceholder')" v-model="title">
<i class="el-icon-search icon" @click="handleSearch"></i> <i class="icon" @click="handleSearch">
<img src="@/assets/images/search-white.png" alt="">
</i>
</div> </div>
</div> </div>
</div> </div>
@ -144,23 +146,26 @@ $height: 90px;
position: absolute; position: absolute;
top: 67px; top: 67px;
right: 89px; right: 89px;
display: flex;
padding: 10px; padding: 10px;
background-color: #fff; background-color: #fff;
.icon { .icon {
position: absolute; display: inline-flex;
top: 20px; justify-content: center;
right: 22px; align-items: center;
font-size: 16px; width: 46px;
color: #959595; height: 46px;
background: #1583FF;
border-radius: 0px 6px 6px 0px;
cursor: pointer; cursor: pointer;
} }
input { input {
width: 300px; width: 300px;
height: 36px; height: 46px;
padding: 0 40px 0 15px; padding: 0 40px 0 15px;
font-size: 16px; font-size: 16px;
color: #333; color: #333;
line-height: 36px; line-height: 46px;
background-color: #f5f5f5; background-color: #f5f5f5;
border: 0; border: 0;
border-radius: 4px; border-radius: 4px;

2
src/main.js
Unescape View File

@ -17,6 +17,7 @@ import Util from '@/libs/util'
// 插件 // 插件
import plugins from "@/plugins"; import plugins from "@/plugins";
import filters from "@/plugins/filters"; import filters from "@/plugins/filters";
import VueAnimateNumber from 'vue-animate-number'
Vue.use(plugins); Vue.use(plugins);
@ -30,6 +31,7 @@ Vue.prototype.$put = put;
Vue.prototype.core = core Vue.prototype.core = core
Vue.config.productionTip = false; Vue.config.productionTip = false;
Vue.use(VueI18n); Vue.use(VueI18n);
Vue.use(VueAnimateNumber);
Vue.use(ElementUI, { size: "small" }); Vue.use(ElementUI, { size: "small" });
const siteId = Util.getQuery('siteId') const siteId = Util.getQuery('siteId')

13
src/pages/about/index.vue
Unescape View File

@ -353,7 +353,10 @@ export default {
background-color: #F5F5F5; background-color: #F5F5F5;
transition: .3s; transition: .3s;
&:hover { &:hover {
transform: scale(1.05); background-color: #ff8b1d;
h6, .des {
color: #fff;
}
} }
&:last-child { &:last-child {
margin-right: 0; margin-right: 0;
@ -367,10 +370,12 @@ export default {
margin: 35px 0 5px; margin: 35px 0 5px;
font-size: 24px; font-size: 24px;
color: #272727; color: #272727;
transition: .3s;
} }
.des { .des {
font-size: 16px; font-size: 16px;
color: #757575; color: #757575;
transition: .3s;
} }
} }
.staff { .staff {
@ -380,6 +385,10 @@ export default {
transition: .3s; transition: .3s;
&:hover { &:hover {
transform: scale(1.05); transform: scale(1.05);
background-color: #c993ff;
h6, .des {
color: #fff;
}
} }
.staff-inner { .staff-inner {
width: 1581px; width: 1581px;
@ -392,12 +401,14 @@ export default {
margin-bottom: 30px; margin-bottom: 30px;
font-size: 30px; font-size: 30px;
color: #333; color: #333;
transition: .3s;
@include mul-ellipsis(3); @include mul-ellipsis(3);
} }
.des { .des {
font-size: 20px; font-size: 20px;
color: #333; color: #333;
line-height: 34px; line-height: 34px;
transition: .3s;
} }
.pic { .pic {
width: 53%; width: 53%;

5
src/pages/application/index.vue
Unescape View File

@ -210,6 +210,10 @@ export default {
transition: .3s; transition: .3s;
&:hover { &:hover {
transform: scale(1.05); transform: scale(1.05);
.text {
color: #fff;
background-color: #394f6d;
}
} }
&:nth-child(3n) { &:nth-child(3n) {
margin-right: 0; margin-right: 0;
@ -231,6 +235,7 @@ export default {
text-align: center; text-align: center;
color: #272727; color: #272727;
background-color: #F5F5F5; background-color: #F5F5F5;
transition: .3s;
} }
} }
.news-block { .news-block {

2
src/pages/column/index.vue
Unescape View File

@ -451,7 +451,7 @@ export default {
} }
.sub { .sub {
margin-top: 10px; margin-top: 10px;
font-size: 32px; font-size: 28px;
} }
} }
.column-wrap { .column-wrap {

22
src/pages/column/result.vue
Unescape View File

@ -4,9 +4,7 @@
<div class="top"> <div class="top">
<div class="search"> <div class="search">
<input ref="search" type="text" :placeholder="$t('column.titlePlaceholder')" v-model="title"> <input ref="search" type="text" :placeholder="$t('column.titlePlaceholder')" v-model="title">
<i class="icon"> <i class="el-icon-search icon"></i>
<img src="@/assets/images/search-white.png" alt="">
</i>
</div> </div>
<p class="result">包含 “{{ title }}” 的搜索结果</p> <p class="result">包含 “{{ title }}” 的搜索结果</p>
</div> </div>
@ -110,6 +108,7 @@ export default {
} }
} }
.search { .search {
position: relative;
display: inline-flex; display: inline-flex;
height: 62px; height: 62px;
margin-right: 30px; margin-right: 30px;
@ -125,18 +124,18 @@ export default {
background: #F7F7F7; background: #F7F7F7;
} }
.icon { .icon {
display: inline-flex; position: absolute;
justify-content: center; top: 17px;
align-items: center; right: 15px;
width: 62px; font-size: 26px;
height: 62px; color: #ccc;
background: #1583FF;
border-radius: 0px 6px 6px 0px; border-radius: 0px 6px 6px 0px;
} }
} }
.list { .list {
li { li {
margin-top: 60px; margin-top: 30px;
border-bottom: 1px dashed #e3e3e3;
} }
h6 { h6 {
margin-bottom: 10px; margin-bottom: 10px;
@ -151,6 +150,9 @@ export default {
color: #333; color: #333;
@include mul-ellipsis(2); @include mul-ellipsis(2);
} }
.breadcrumb {
margin: 15px 0 30px;
}
} }
.none { .none {
margin-top: 118px; margin-top: 118px;

16
src/pages/home/index.vue
Unescape View File

@ -84,6 +84,7 @@
<ul class="stat"> <ul class="stat">
<li class="wow fadeInRight" data-wow-delay="0.2s"> <li class="wow fadeInRight" data-wow-delay="0.2s">
<p class="num">{{ modules[10].form.title }}</p> <p class="num">{{ modules[10].form.title }}</p>
<!-- <animate-number from="0" to="2000" duration="1000" /> -->
<p class="text">{{ modules[10].form.des }}</p> <p class="text">{{ modules[10].form.des }}</p>
</li> </li>
<li class="wow fadeInRight" data-wow-delay="0.4s"> <li class="wow fadeInRight" data-wow-delay="0.4s">
@ -239,21 +240,27 @@ export default {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
margin-bottom: 126px; margin-bottom: 126px;
transition: .3s;
&:nth-child(even) { &:nth-child(even) {
flex-direction: row-reverse; flex-direction: row-reverse;
} }
&:hover { &:hover {
.pic {
transform: scale(1.05); transform: scale(1.05);
} }
.texts {
transform: translateY(15px);
}
}
} }
.pic { .pic {
width: 47%; width: 47%;
height: 465px; height: 465px;
transition: .3s;
} }
.texts { .texts {
width: 48%; width: 48%;
padding-top: 150px; padding-top: 150px;
transition: .3s;
} }
h6 { h6 {
font-size: 40px; font-size: 40px;
@ -282,6 +289,10 @@ export default {
li { li {
width: 30%; width: 30%;
margin-bottom: 50px; margin-bottom: 50px;
transition: .3s;
&:hover {
transform: translateX(20px)
}
} }
.num { .num {
margin-bottom: 10px; margin-bottom: 10px;
@ -328,7 +339,8 @@ export default {
overflow: visible; overflow: visible;
transition: .3s; transition: .3s;
&:hover { &:hover {
transform: scale(1.05); background: rgba(239, 126, 10, .56);
transform: translateY(10px);
} }
} }
} }

2
src/pages/news/index.vue
Unescape View File

@ -315,7 +315,9 @@ export default {
background: #1583FF; background: #1583FF;
color: #fff; color: #fff;
&:hover { &:hover {
background: #465f85;
h6, .des, .meta { h6, .des, .meta {
color: #fff;
transform: translateY(15px); transform: translateY(15px);
} }
} }

7
src/pages/research/index.vue
Unescape View File

@ -166,7 +166,11 @@ export default {
margin: 0 28px 39px 0; margin: 0 28px 39px 0;
transition: .3s; transition: .3s;
&:hover { &:hover {
transform: translateY(20px); transform: scale(1.05);
.text {
color: #fff;
background-color: #465f85;
}
} }
&:nth-child(3n) { &:nth-child(3n) {
margin-right: 0; margin-right: 0;
@ -189,6 +193,7 @@ export default {
text-align: center; text-align: center;
color: #272727; color: #272727;
background-color: #fff; background-color: #fff;
transition: .3s;
} }
} }
.news-inner { .news-inner {

Write Preview
Loading…
Cancel
Save