// 设置页面属性 page{ background-color: #fff; color: #000; height: 100vh; } uni-toast, [longpressactions]{ z-index: 99999!important; } .page_padding{ padding-left: 24rpx; padding-right: 24rpx; } // 居中 .text_center{ text-align: center; } // 居左 .text_left{ text-align: left; } // 两端对齐 .text_justify{ text-align: justify; } // 按钮样式-绿色 .primaryButton{ color: #fff!important; background-color: $uni-primary!important; border-color: $uni-primary!important; } // 按钮样式-镂空-绿色 .primaryPlainButton{ color: $uni-primary!important; border-color: $uni-primary!important; margin: 0!important; } // 按钮样式-灰色 .cancelButton{ color: #fff!important; background-color: $uni-info!important; border-color: $uni-info!important; } // 底部按钮 .foot_common_btns{ width: 100%; box-sizing: border-box; padding: 24rpx; display: flex; align-items: center; gap: 24rpx; .btn{ flex: 1; } } // 必填标识 .required{ color: #f00; font-size: 20rpx; } // flex:1 .flex1{ flex: 1; } // lable .label{ margin-right: 35rpx; display: flex; align-items: center; font-size: 26rpx; } // easyinput边框选中色 .is-focused{ border-color: $uni-primary!important; } // 弹窗两端对齐 .uni-modal__bd{ text-align: justify; } // 按钮组 .btns{ display: flex; justify-content: space-between; align-items: center; padding-top: 24rpx; .btn{ flex: 1; margin-right: 24rpx; &:last-of-type{ margin-right: 0; } } } // 单行省略 .ellipsis { white-space: nowrap; /* 确保文本在一行内显示 */ overflow: hidden; /* 隐藏超出容器的文本 */ text-overflow: ellipsis; /* 使用省略符号表示文本被截断 */ } // 两行省略 .ellipsis-multiline { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; /* 定义显示的行数 */ overflow: hidden; text-overflow: ellipsis; word-break: break-all; } // 透明 .transparent{ opacity: 0; } // 下拉框边框红色 .formRed{ .uni-select, .uni-easyinput__content{ border: 1px solid red!important; } } // 搜索框 .uni-searchbar{ padding: 0!important; width: 100%!important; } // 数字框 .uni-numbox__value{ background-color: #fff!important; color: #000!important; border: 1px solid #E5E5E5!important; margin-left: 20rpx!important; margin-right: 20rpx!important; } // 多选框 .uni-data-checklist .checklist-group .checklist-box.is--list{ padding: 24rpx!important; font-size: 26rpx!important; } .uni-data-checklist .checklist-group .checklist-box.is--list .checklist-content .checklist-text{ margin-left: 0!important; margin-right: 24rpx!important; flex: 1!important; } .uni-data-checklist .checklist-group .checklist-box.is--list{ border-top: none!important; border-bottom: 1rpx solid #DEDEDE!important; } // 清除按钮 .content-clear-icon{ color: $uni-primary!important; } // flex1 .flex1{ flex: 1; } // 表格控件遮罩 .formMask{ position: relative; &:after{ content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } } // 下拉框 .uni-select__input-box{ width: 100%!important; } // 数据组合框 .uni-data-checklist .checklist-group .checklist-box.is--list.is-checked .checklist-content .checkobx__list{ border-color: $uni-primary!important; } // 外边距-top .mt0{ margin-top: 0!important; } .no-scroll{ overflow-y: hidden; } .view-body{ overflow-y: scroll; }