feat: 添加静态资源文件及基础组件
- 新增大量图片资源,包括图标、背景图、海报等,用于页面展示 - 添加字体文件及样式配置,支持自定义字体 - 引入 uni-ui 组件库,包括图标、弹窗、日期选择器等常用组件 - 添加网络状态监听、加密工具等基础工具函数 - 配置 Vuex 状态管理,包括购物车数量、热门搜索词等 - 增加页面组件,如用户协议、分销信息、提现状态等 - 配置项目构建和忽略文件,优化开发体验
This commit is contained in:
119
pages/extension/static/click.css
Normal file
119
pages/extension/static/click.css
Normal file
@@ -0,0 +1,119 @@
|
||||
/**
|
||||
* 按钮的点击动画效果,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);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user