formItem.wxss 671 B

12345678910111213141516171819202122232425262728293031323334353637383940
  1. /* myComponents/formItem/formItem.wxss */
  2. page{
  3. --padding:15rpx;
  4. }
  5. .myFormItem{
  6. width:100%;
  7. min-height: 50rpx;
  8. line-height: 50rpx;
  9. display: flex;
  10. align-items: stretch;
  11. margin: 10rpx 0;
  12. }
  13. .left{
  14. border: 1rpx solid var(--themeColor);
  15. border-radius: 5rpx 0 0 5rpx;
  16. padding: var(--padding);
  17. width: 200rpx;
  18. height:initial;
  19. font-size: 25rpx;
  20. /* display: flex;
  21. align-items: center; */
  22. }
  23. .right{
  24. border: 1rpx solid var(--themeColor);
  25. border-left: 0;
  26. border-radius: 0 5rpx 5rpx 0;
  27. padding: var(--padding);
  28. width: 100%;
  29. height: initial;
  30. }
  31. .left_label:empty{
  32. display: none;
  33. }
  34. .left_text{
  35. display: none;
  36. }
  37. .left_label:empty + .left_text{
  38. display: block;
  39. }