12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364 |
- /* components/toastTip/toastTip.wxss */
- .toast-tip {
- position: fixed;
- right: 20rpx;
- z-index: 99;
- padding: 8rpx 40rpx 8rpx 40rpx;
- border-radius: 40rpx;
- background-color: #ffffff;
- display: flex;
- flex-direction: row;
- align-items: center;
- box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.2);
- }
- .toast-tip::before {
- content: "";
- position: absolute;
- left: 65%;
- top: -10rpx;
- transform: translate(-50%, 0);
- width: 0;
- height: 0;
- border-left: 12rpx solid transparent;
- border-right: 12rpx solid transparent;
- border-bottom: 15rpx solid #ffffff;
- }
- .toast-tip .tip-txt {
- display: flex;
- flex-direction: column;
- }
- .toast-tip .tip-txt .txt {
- display: flex;
- align-items: center;
- font-size: 26rpx;
- font-family: PingFangSC-Regular, PingFang SC;
- font-weight: 400;
- color: rgba(102, 102, 102, 1);
- }
- .toast-tip .close {
- position: absolute;
- right: 0;
- top: 0;
- width: 32rpx;
- height: 32rpx;
- }
- .toast-tip .dot {
- display: inline-block;
- width: 12rpx;
- height: 12rpx;
- border-radius: 100%;
- background: rgba(0, 0, 0, 1);
- margin: 0 2rpx;
- }
- .toast-tip .mini {
- display: inline-block;
- width: 8rpx;
- height: 8rpx;
- border-radius: 100%;
- background: rgba(0, 0, 0, 1);
- }
|