/* myComponents/formItem/formItem.wxss */ @import "./form.wxss"; page{ --padding:15rpx; } .myFormItem{ width:100%; min-height: 50rpx; line-height: 50rpx; display: flex; align-items: stretch; margin: 10rpx 0; background-color: #ffffff; } .left{ border: 1rpx solid var(--themeColor); border-radius: 5rpx 0 0 5rpx; padding: var(--padding); width: 200rpx; height:initial; font-size: 25rpx; /* display: flex; align-items: center; */ } .required::after{ content:'*'; color:red; } .right{ border: 1rpx solid var(--themeColor); border-left: 0; border-radius: 0 5rpx 5rpx 0; padding: var(--padding); width: 100%; height: initial; background-color: #ffffff; } .left_label{ display: flex; } .left_label:empty{ display: none; } .left_text{ display: none; } .left_label:empty + .left_text{ display: block; }