karlcarlo
a5c5d753b6
- 新增大量图片资源，包括图标、背景图、海报等，用于页面展示 - 添加字体文件及样式配置，支持自定义字体 - 引入 uni-ui 组件库，包括图标、弹窗、日期选择器等常用组件 - 添加网络状态监听、加密工具等基础工具函数 - 配置 Vuex 状态管理，包括购物车数量、热门搜索词等 - 增加页面组件，如用户协议、分销信息、提现状态等 - 配置项目构建和忽略文件，优化开发体验
120 lines
1.9 KiB
CSS
120 lines
1.9 KiB
CSS
/**
|
|
* 按钮的点击动画效果,2018年1月12日09:36:48
|
|
**/
|
|
.click {
|
|
-webkit-transition: -webkit-box-shadow .8s;
|
|
transition: box-shadow .8s;
|
|
}
|
|
|
|
.click {
|
|
-webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
|
|
transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
|
|
-webkit-animation: gelatine 0.5s;
|
|
animation: gelatine 1s;
|
|
animation-iteration-count: infinite;
|
|
/* -webkit-box-shadow: 0 0 0 2px #cff09e, 0 0 0 4px #ff0364;
|
|
box-shadow: 0 0 0 2px #cff09e, 0 0 0 4px #ff0364;
|
|
-webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
|
|
transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
|
|
-webkit-animation: gelatine 0.5s 1;
|
|
animation: gelatine 0.5s 1; */
|
|
}
|
|
|
|
.click {
|
|
-webkit-transition-duration: 0;
|
|
transition-duration: 0;
|
|
}
|
|
|
|
/**
|
|
* $keyframes \ gelatine
|
|
**/
|
|
@keyframes gelatine {
|
|
|
|
from,
|
|
to {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
|
|
25% {
|
|
-webkit-transform: scale(0.5);
|
|
transform: scale(0.8);
|
|
}
|
|
|
|
50% {
|
|
-webkit-transform: scale(1.5);
|
|
transform: scale(1.2);
|
|
}
|
|
|
|
75% {
|
|
-webkit-transform: scale(0.95);
|
|
transform: scale(0.95);
|
|
}
|
|
|
|
from,
|
|
to {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
|
|
25% {
|
|
-webkit-transform: scale(0.8);
|
|
transform: scale(0.8);
|
|
}
|
|
|
|
50% {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
|
|
75% {
|
|
-webkit-transform: scale(0.8);
|
|
transform: scale(0.8);
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes gelatine {
|
|
|
|
from,
|
|
to {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
|
|
25% {
|
|
-webkit-transform: scale(0.5);
|
|
transform: scale(0.8);
|
|
}
|
|
|
|
50% {
|
|
-webkit-transform: scale(1.5);
|
|
transform: scale(1.2);
|
|
}
|
|
|
|
75% {
|
|
-webkit-transform: scale(0.95);
|
|
transform: scale(0.95);
|
|
}
|
|
|
|
from,
|
|
to {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
|
|
25% {
|
|
-webkit-transform: scale(0.8);
|
|
transform: scale(0.8);
|
|
}
|
|
|
|
50% {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
|
|
75% {
|
|
-webkit-transform: scale(0.8);
|
|
transform: scale(0.8);
|
|
}
|
|
}
|