绚火健康

pages/bankCard/bankAdd/bankAdd.wxss

@@ -0,0 +1,137 @@
+.site-form {
+    margin: 20rpx;
+    display: block;
+    overflow: hidden;
+}
+
+.site-btn {
+    margin: 40rpx 0;
+}
+
+.site-input {
+    padding: 0 30rpx 0 280rpx;
+    position: relative;
+    line-height: 100rpx;
+    min-height: 100rpx;
+}
+
+.site-input label {
+    position: absolute;
+    left: 30rpx;
+    top: 0;
+}
+
+.site-input input {
+    height: 100rpx;
+}
+
+.site-input::before {
+    position: absolute;
+    bottom: 0;
+    left: 30rpx;
+    right: 0;
+    height: 1rpx;
+    content: "";
+    background: #e4e6f2;
+}
+
+.site-input:last-child::before {
+    display: none;
+}
+
+.tui-picker-detail {
+    width: 33%;
+}
+
+.site-btn button[size="mini"] {
+    width: 100%;
+    background: #da2b54;
+    height: 90rpx;
+    line-height: 90rpx;
+    font-size: 30rpx;
+    color: white;
+    padding: 0;
+}
+
+.site-btn button[disabled] {
+    opacity: .6;
+}
+
+/* pickerView */
+
+.pickerView-back {
+    background: rgba(0, 0, 0, .3);
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    display: none;
+}
+
+.pickerView-back.active {
+    display: block;
+}
+
+.pickerView-layer {
+    position: fixed;
+    bottom: -571rpx;
+    left: 0;
+    width: 100%;
+    background: white;
+    transition: all .3s;
+}
+
+.pickerView-layer.active {
+    bottom: 0;
+}
+
+.pickerView-btn {
+    line-height: 90rpx;
+    font-size: 30rpx;
+    padding: 0 30rpx;
+    display: flex;
+    justify-content: space-between;
+}
+
+.pickerView {
+    height: 480rpx;
+    padding: 0 10rpx;
+}
+
+.pickerView-name {
+    line-height: 80rpx;
+    padding: 0 20rpx;
+    text-align: center;
+}
+
+.pickerView-mask {
+    border-top: solid 1rpx #e4e6f2;
+}
+
+.pickerView-indicator {
+    height: 80rpx;
+}
+
+.pickerView-determine {
+    color: #3ec28e;
+}
+
+.pickerView-cancel {
+    color: #747788;
+}
+
+
+.site-input image {
+    width: 38rpx;
+    height: 38rpx;
+    position: absolute;
+    right: 20rpx;
+    top: calc(50% - 19rpx);
+}
+
+.site-switch {
+    position: absolute;
+    right: 0;
+    top: 0;
+}