chat-input.wxss 1021 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. @import "voice.wxss";
  2. @import "extra.wxss";
  3. input{
  4. padding-top: 10rpx;
  5. padding-bottom:10rpx;
  6. width: 100%;
  7. }
  8. .extra-btn-style{
  9. width: 50rpx;
  10. height: 50rpx;
  11. padding:25rpx 15rpx;
  12. display: flex;
  13. flex-shrink:0;
  14. }
  15. .input-text-voice-super{
  16. display: flex;
  17. flex-direction: row;
  18. background-color: white;
  19. width: 100%;
  20. align-items: center;
  21. height:100rpx;
  22. padding:8rpx 0 36rpx 0;
  23. }
  24. .input-flex-column{
  25. width:100%;
  26. display: flex;
  27. flex-direction:column;
  28. position: fixed;
  29. left: 0;
  30. bottom: 0;
  31. }
  32. .list-divide-line {
  33. width: 100%;
  34. height: 1rpx;
  35. background-color: #dddddd;
  36. }
  37. .chat-input-style{
  38. border-radius:10rpx;
  39. border:1rpx solid gainsboro;
  40. margin-top:14rpx;
  41. margin-bottom: 13rpx;
  42. padding:10rpx;
  43. min-height: 51rpx;
  44. background-color: #EFEFEF;
  45. }
  46. .chat-input-send-button-style{
  47. width: 100rpx;
  48. padding: 15rpx 0;
  49. font-size: 30rpx;
  50. text-align: center;
  51. margin: 0 10rpx;
  52. border-radius: 10rpx;
  53. }