yw-ui-vue2
Version:
YW-UI-Vue2
45 lines (43 loc) • 2.7 kB
CSS
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./packages/components/pageContainer/src/pageContainer.vue?vue&type=style&index=0&id=c6b0a116&lang=less&scoped=true ***!
\*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* 可以设置不同的进入和离开动画 */
/* 设置持续时间和动画函数 */
.page-change-enter-active[data-v-c6b0a116] {
transition: all 0.3s cubic-bezier(0, 0, 0.15, 1);
}
.page-change-leave-active[data-v-c6b0a116] {
transition: all 0.3s cubic-bezier(1, 0.5, 0.8, 1);
}
.page-change-enter[data-v-c6b0a116],
.page-change-leave-to[data-v-c6b0a116] {
transform: translateX(20px);
opacity: 0;
}
.baseShadow[data-v-c6b0a116] {
box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
}
.centerShadow[data-v-c6b0a116] {
box-shadow: 0px 3px 14px 0px rgba(0, 0, 0, 0.1);
}
.topShadow[data-v-c6b0a116] {
box-shadow: 0px 6px 14px 0px rgba(0, 0, 0, 0.1);
}
.rightShadow[data-v-c6b0a116] {
box-shadow: 3px 0px 5px 0px rgba(0, 0, 0, 0.1);
}
.leftShadow[data-v-c6b0a116] {
box-shadow: -3px 0px 5px 0px rgba(0, 0, 0, 0.1);
}
.minor-btn[data-v-c6b0a116] {
background: var(--Gray-Gray4-, #dcdcdc);
border-color: var(--Gray-Gray4-, #dcdcdc);
}
.minor-btn[data-v-c6b0a116]:hover {
background: var(--Gray-Gray5-, #c5c5c5);
border-color: var(--Gray-Gray4-, #c5c5c5);
}
.minor-btn[data-v-c6b0a116]:active {
background: var(--Gray-Gray6-, #999);
border-color: var(--Gray-Gray4-, #999);
}