1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798 |
- /*!单行超出部分以省略号显示*/
- .singleline {
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- }
- /*!超出两行以省略号显示*/
- .twoline {
- overflow: hidden;
- text-overflow: ellipsis;
- display: -webkit-box;
- -webkit-box-orient: vertical;
- -webkit-line-clamp: 2;
- }
- /* 超出三行以省略号显示 */
- .threeline {
- overflow: hidden;
- text-overflow: ellipsis;
- display: -webkit-box;
- -webkit-box-orient: vertical;
- -webkit-line-clamp: 3;
- }
- /* 底部tip */
- .no-more {
- color: #d7d8db;
- font-size: 26rpx;
- text-align: center;
- padding: 30rpx 0;
- }
- /* 固定底部按钮 */
- .fixed-bottom {
- position: fixed;
- left: 0;
- bottom: 0;
- width: 100%;
- padding: 40rpx 26rpx;
- background-color: #fff;
- z-index: 1994;
- }
- .button::before,
- .button::after {
- content: none;
- }
- .button {
- color: #fff;
- font-size: 32rpx;
- height: 92rpx;
- line-height: 92rpx;
- text-align: center;
- border-radius: 16rpx;
- background-color: rgb(33, 204, 71);
- }
- .button.default {
- height: auto;
- line-height: 1;
- border-radius: 0;
- padding: 0;
- margin: 0;
- background-color: transparent;
- }
- .button-hover {
- background-color: rgba(33, 204, 71, 0.5);
- }
- /* 发布按钮 */
- .fixed-icon {
- position: fixed;
- right: 26rpx;
- bottom: 26rpx;
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- width: 112rpx;
- height: 112rpx;
- border-radius: 50%;
- background: linear-gradient(130deg, rgba(36, 237, 136, 1) 0%, rgba(43, 214, 79, 1) 100%);
- box-shadow: 0 6rpx 16rpx 0 rgba(42, 218, 88, 0.2);
- z-index: 100;
- }
- .fixed-icon .icon {
- width: 32rpx;
- height: 52rpx;
- }
- .fixed-icon .text {
- color: #fff;
- font-size: 24rpx;
- }
|