Files
t/unpackage/dist/dev/mp-weixin/components/thorui/tui-button/tui-button.wxss
T
2025-03-21 09:38:06 +08:00

274 lines
6.4 KiB
Plaintext

.tui-btn-primary.data-v-270e3966 {
background: #5677fc !important;
color: #fff;
}
.tui-shadow-primary.data-v-270e3966 {
box-shadow: 0 10rpx 14rpx 0 rgba(86, 119, 252, 0.2);
}
.tui-btn-danger.data-v-270e3966 {
background: #eb0909 !important;
color: #fff;
}
.tui-shadow-danger.data-v-270e3966 {
box-shadow: 0 10rpx 14rpx 0 rgba(235, 9, 9, 0.2);
}
.tui-btn-warning.data-v-270e3966 {
background: #fc872d !important;
color: #fff;
}
.tui-shadow-warning.data-v-270e3966 {
box-shadow: 0 10rpx 14rpx 0 rgba(252, 135, 45, 0.2);
}
.tui-btn-green.data-v-270e3966 {
background: #07c160 !important;
color: #fff;
}
.tui-shadow-green.data-v-270e3966 {
box-shadow: 0 10rpx 14rpx 0 rgba(7, 193, 96, 0.2);
}
.tui-btn-blue.data-v-270e3966 {
background: #007aff !important;
color: #fff;
}
.tui-shadow-blue.data-v-270e3966 {
box-shadow: 0 10rpx 14rpx 0 rgba(0, 122, 255, 0.2);
}
.tui-btn-white.data-v-270e3966 {
background: #fff !important;
color: #333 !important;
}
.tui-btn-gray.data-v-270e3966 {
background: #bfbfbf !important;
color: #fff !important;
}
.tui-btn-black.data-v-270e3966 {
background: #333 !important;
color: #fff !important;
}
.tui-btn-brown.data-v-270e3966{
background: #ac9157 !important;
color: #fff !important;
}
.tui-btn-gray-black.data-v-270e3966 {
background: #f2f2f2 !important;
color: #333;
}
.tui-btn-gray-primary.data-v-270e3966 {
background: #f2f2f2 !important;
color: #5677fc !important;
}
.tui-gray-primary-hover.data-v-270e3966 {
background: #d9d9d9 !important;
}
.tui-btn-gray-green.data-v-270e3966 {
background: #f2f2f2 !important;
color: #07c160 !important;
}
.tui-gray-green-hover.data-v-270e3966 {
background: #d9d9d9 !important;
}
.tui-btn-gray-danger.data-v-270e3966 {
background: #f2f2f2 !important;
color: #eb0909 !important;
}
.tui-gray-danger-hover.data-v-270e3966 {
background: #d9d9d9 !important;
}
.tui-btn-gray-warning.data-v-270e3966 {
background: #f2f2f2 !important;
color: #fc872d !important;
}
.tui-gray-warning-hover.data-v-270e3966 {
background: #d9d9d9 !important;
}
.tui-shadow-gray.data-v-270e3966 {
box-shadow: 0 10rpx 14rpx 0 rgba(191, 191, 191, 0.2);
}
.tui-hover-gray.data-v-270e3966 {
background: #f7f7f9 !important;
}
.tui-black-hover.data-v-270e3966 {
background: #555 !important;
color: #e5e5e5 !important;
}
.tui-brown-hover.data-v-270e3966{
background: #A37F49 !important;
color: #e5e5e5 !important;
}
/* button start*/
.tui-btn.data-v-270e3966 {
width: 100%;
position: relative;
border: 0 !important;
border-radius: 6rpx;
padding-left: 0;
padding-right: 0;
overflow: visible;
}
.tui-btn.data-v-270e3966::after {
content: '';
position: absolute;
width: 200%;
height: 200%;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: scale(0.5, 0.5) translateZ(0);
transform: scale(0.5, 0.5) translateZ(0);
box-sizing: border-box;
left: 0;
top: 0;
border-radius: 12rpx;
border: 0;
}
.tui-text-bold.data-v-270e3966 {
font-weight: bold;
}
.tui-btn-white.data-v-270e3966::after {
border: 1px solid #bfbfbf;
}
.tui-white-hover.data-v-270e3966 {
background: #e5e5e5 !important;
color: #2e2e2e !important;
}
.tui-dark-disabled.data-v-270e3966 {
opacity: 0.6 !important;
color: #fafbfc !important;
}
.tui-dark-disabled-outline.data-v-270e3966 {
opacity: 0.5 !important;
}
.tui-gray-disabled.data-v-270e3966 {
background: #f3f3f3 !important;
color: #919191 !important;
box-shadow: none;
}
.tui-outline-hover.data-v-270e3966 {
opacity: 0.5;
}
.tui-primary-hover.data-v-270e3966 {
background: #4a67d6 !important;
color: #e5e5e5 !important;
}
.tui-primary-outline.data-v-270e3966::after {
border: 1px solid #5677fc !important;
}
.tui-primary-outline.data-v-270e3966 {
color: #5677fc !important;
background: transparent;
}
.tui-danger-hover.data-v-270e3966 {
background: #c80808 !important;
color: #e5e5e5 !important;
}
.tui-danger-outline.data-v-270e3966 {
color: #eb0909 !important;
background: transparent;
}
.tui-danger-outline.data-v-270e3966::after {
border: 1px solid #eb0909 !important;
}
.tui-warning-hover.data-v-270e3966 {
background: #d67326 !important;
color: #e5e5e5 !important;
}
.tui-warning-outline.data-v-270e3966 {
color: #fc872d !important;
background: transparent;
}
.tui-warning-outline.data-v-270e3966::after {
border: 1px solid #fc872d !important;
}
.tui-green-hover.data-v-270e3966 {
background: #06ad56 !important;
color: #e5e5e5 !important;
}
.tui-green-outline.data-v-270e3966 {
color: #07c160 !important;
background: transparent;
}
.tui-green-outline.data-v-270e3966::after {
border: 1px solid #07c160 !important;
}
.tui-blue-hover.data-v-270e3966 {
background: #0062cc !important;
color: #e5e5e5 !important;
}
.tui-blue-outline.data-v-270e3966 {
color: #007aff !important;
background: transparent;
}
.tui-blue-outline.data-v-270e3966::after {
border: 1px solid #007aff !important;
}
.tui-btn-gradual.data-v-270e3966 {
background: linear-gradient(90deg, rgb(255, 89, 38), rgb(240, 14, 44)) !important;
color: #fff !important;
}
.tui-shadow-gradual.data-v-270e3966 {
box-shadow: 0 10rpx 14rpx 0 rgba(235, 9, 9, 0.15);
}
.tui-gray-hover.data-v-270e3966 {
background: #a3a3a3 !important;
color: #898989;
}
.tui-gradual-hover.data-v-270e3966 {
background: linear-gradient(90deg, #d74620, #cd1225) !important;
color: #fff !important;
}
.tui-gray-outline.data-v-270e3966 {
color: #999 !important;
background: transparent !important;
}
.tui-white-outline.data-v-270e3966 {
color: #fff !important;
background: transparent !important;
}
.tui-black-outline.data-v-270e3966 {
background: transparent !important;
color: #333 !important;
}
.tui-gray-outline.data-v-270e3966::after {
border: 1px solid #ccc !important;
}
.tui-white-outline.data-v-270e3966::after {
border: 1px solid #fff !important;
}
.tui-black-outline.data-v-270e3966::after {
border: 1px solid #333 !important;
}
.tui-brown-outline.data-v-270e3966 {
color: #ac9157 !important;
background: transparent;
}
.tui-brown-outline.data-v-270e3966::after {
border: 1px solid #ac9157 !important;
}
/*圆角 */
.tui-fillet.data-v-270e3966 {
border-radius: 50rpx;
}
.tui-btn-white.tui-fillet.data-v-270e3966::after {
border-radius: 98rpx;
}
.tui-outline-fillet.data-v-270e3966::after {
border-radius: 98rpx;
}
/*平角*/
.tui-rightAngle.data-v-270e3966 {
border-radius: 0;
}
.tui-btn-white.tui-rightAngle.data-v-270e3966::after {
border-radius: 0;
}
.tui-outline-rightAngle.data-v-270e3966::after {
border-radius: 0;
}
.tui-btn__link.data-v-270e3966::after {
border: 0 !important;
}