health.applet/miniprogram/module/chats/components/message-again/message-again.scss

@import '../../../../themes/t.cell.scss';
@import '../../common.scss';
/* 页面容器 */
.messages {
  flex: 1;
  overflow-y: auto;
  padding: 10px;
  box-sizing: border-box;
}
.chat-page {
  position: relative;
  height: 100vh;
  overflow: hidden;
}


/* 输入容器基础样式 */
.input-container {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  padding: 20rpx;
  background: #fff;
  border-top: 1rpx solid #eee;
  z-index: 100;
  transform: translateY(0);
  transition-property: transform;
  transition-timing-function: ease-out;
}

/* 输入区域内部元素 */
.input-container input {
  flex: 1;
  margin-right: 20rpx;
  padding: 15rpx 20rpx;
  border: 1rpx solid #ddd;
  border-radius: 8rpx;
}

.input-container button {
  padding: 0 30rpx;
  height: 70rpx;
  line-height: 70rpx;
  background-color: #07c160;
  color: white;
  border-radius: 8rpx;
}
// 键盘的样式
.header{
  position: fixed;
  width: 100%;
  border-bottom: 1px solid #dddd;
  text-align: center;
  height: 40px;
  line-height: 40px;
}
 
.message-list{
  position: fixed;
  width:100%;
}
.input-panel {
  display: flex;
  background: #dddddd;
  height: 60px;
  position: fixed;
  width:100%;
  padding:0px 10px;
  align-items: center;
  box-sizing: border-box;
  // border: 1px solid red;
}
 
.input-panel input {
  flex: 1;
  width: 100%;
  background: #ffffff;
  height: 40px;
  line-height: 50px;
  box-sizing: border-box;
  padding:0px 20rpx;
  border-radius: 6rpx;
  color: black;
}
 
.send-btn {
  display: inline-block;
  padding: 0px 10px;
  color: #fff;
  background: green;
  border-radius: 3px;
  line-height:40px;
  margin-left:5px;
}


// ======================
::v-deep .t-radio__title--disabled {
  color: white !important;
}
.radio-card {
  position: relative;
  // margin: 20rpx 0 20rpx 20rpx;
  border-radius: 12rpx;
  overflow: hidden;
  box-sizing: border-box;
  // border: 3rpx solid var(--td-bg-color-container, #fff);
}

.card-active {
  border-color: var(--td-brand-color, #0052d9);
}

.card-active::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  border-width: 28px 28px 28px 0;
  border-style: solid;
  border-color: var(--td-brand-color, #1B4F34) transparent transparent transparent;
}

.card__icons {
  color: var(--td-bg-color-container, #fff);
  position: absolute;
  left: 1.5px;
  top: 1.5px;
  z-index: 1;
}

/* 横向布局 */
.horizontal-box {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-wrap: wrap;
  margin: 20rpx 0 0rpx 0;
}

.horizontal-box .radio-card {
  // flex: 0 0 calc(33.33% - 12rpx);
  // margin: 0 0 24rpx 0;
  width:46%;
  margin: 0 0 20rpx 0;
  text-align: center;
}

// .btn_box{
//   display: flex;
//   justify-content: space-between;
//   align-items: center;
//   width: 100%;
//  .item1{
//   width: 42%;
//   background-color: #FFF2F3FF;
//   color: #0052D9;
//   border-radius: 10px;
//   padding: 10px;
//   text-align: center;
//  }
//  .item2{
//   width: 42%;
//   background-color: #0052D9;
//   color: white;
//   border-radius: 10px;
//   padding: 10px;
//   text-align: center;
//  }
//     .symptoms-container{
//       display: flex;
//       flex-wrap: wrap;
//       .symptoms-box{
//         padding: 10px;
//       }
//     }
  
// }
.form-picker {
  &__header {
    display: flex;
    align-items: center;
    height: 116rpx;

    .title {
      flex: 1;
      text-align: center;
      font-weight: 600;
      font-size: 36rpx;
      color: var(--td-text-color-primary);
    }

    .btn {
      font-size: 32rpx;
      padding: 32rpx;

      &--cancel {
        color: var(--td-text-color-secondary);
      }

      &--confirm {
        color: var(--primary-color);
      }
    }
  }

  &__content {
    padding: 0 12px;
    box-sizing: border-box;
  }
}

/* module/chats/components/message-select/message-select.wxss */

.card {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px;
  font-size: 28rpx;
  text-align: center;
  border-radius: 12rpx;
  overflow: hidden;
  box-sizing: border-box;
  background-color: var(--td-bg-color-secondarycontainer);
  border: 1px solid var(--td-bg-color-container, #fff);

  &--active {
    border-color: var(--td-bg-color-container, #9ea1a5);

    &::after {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      width: 0;
      height: 0;
      border-width: 28px 28px 28px 0;
      border-style: solid;
      border-color: var(--td-bg-color-container) transparent transparent transparent;
      border: 14px solid var(--td-bg-color-container, #0052d9);
      border-bottom-color: transparent;
      border-right-color: transparent;
    }
  }

  &--disabled {
    opacity: 0.5;
  }

  &__icon {
    color: var(--primary-color, #fff);
    position: absolute;
    left: 1.5px;
    top: 1.5px;
    z-index: 1;
  }
}

.item.disabled {
  opacity: 0.5;
}