/* pages/components/toast/toast.wxss */ .toast{ position: fixed; bottom: 0; left: 0; width: 100vw; background-color: rgba(0, 0, 0, 0.6); display: flex; align-items: center; justify-content: center; } .toast-view{ display: flex; align-items: center; flex-direction: column; padding: 14rpx 50rpx 34rpx; width: 520rpx; background: #FFFFFF; border-radius: 18rpx; } .toast-view>view>text{ display: block; } .toast-view .title{ margin-bottom: 14rpx; font-size: 30rpx; font-weight: bold; color: #353535; line-height: 38rpx; text-align: center; } .toast-view .info{ margin-bottom: 14rpx; font-size: 28rpx; color: #999; line-height: 38rpx; text-align: center; } .foot{ display: flex; justify-content: center; } .foot>view{ width: 226rpx; height: 80rpx; text-align: center; line-height: 80rpx; border-radius: 40rpx; font-size: 30rpx; font-weight: bold; margin: 0 10rpx; } .foot>view.onBut{ background-color: rgba(153, 153, 153, 1); color: #fff; } .foot>view.twoBut{ background-color: rgba(101, 71, 163, 1); color: #fff; }