formItem.wxss 822 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. /* myComponents/formItem/formItem.wxss */
  2. @import "./form.wxss";
  3. page{
  4. }
  5. .myFormItem{
  6. --padding:15rpx;
  7. width:100%;
  8. min-height: 50rpx;
  9. line-height: 50rpx;
  10. display: flex;
  11. align-items: stretch;
  12. margin: 10rpx 0;
  13. background-color: #ffffff;
  14. }
  15. .left{
  16. border: 1rpx solid var(--themeColor);
  17. border-radius: 5rpx 0 0 5rpx;
  18. padding: var(--padding);
  19. height:initial;
  20. font-size: 25rpx;
  21. /* display: flex;
  22. align-items: center; */
  23. }
  24. .required::after{
  25. content:'*';
  26. color:red;
  27. }
  28. .right{
  29. border: 1rpx solid var(--themeColor);
  30. border-left: 0;
  31. border-radius: 0 5rpx 5rpx 0;
  32. padding: var(--padding);
  33. width: 100%;
  34. height: initial;
  35. background-color: #ffffff;
  36. }
  37. .left_label{
  38. display: flex;
  39. }
  40. .left_label:empty{
  41. display: none;
  42. }
  43. .left_text{
  44. display: none;
  45. }
  46. .left_label:empty + .left_text{
  47. display: block;
  48. }