formItem.wxss 835 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. /* myComponents/formItem/formItem.wxss */
  2. @import "./form.wxss";
  3. page{
  4. --padding:15rpx;
  5. }
  6. .myFormItem{
  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. width: 200rpx;
  20. height:initial;
  21. font-size: 25rpx;
  22. /* display: flex;
  23. align-items: center; */
  24. }
  25. .required::after{
  26. content:'*';
  27. color:red;
  28. }
  29. .right{
  30. border: 1rpx solid var(--themeColor);
  31. border-left: 0;
  32. border-radius: 0 5rpx 5rpx 0;
  33. padding: var(--padding);
  34. width: 100%;
  35. height: initial;
  36. background-color: #ffffff;
  37. }
  38. .left_label{
  39. display: flex;
  40. }
  41. .left_label:empty{
  42. display: none;
  43. }
  44. .left_text{
  45. display: none;
  46. }
  47. .left_label:empty + .left_text{
  48. display: block;
  49. }