weapps-plugin-jingtong-verify 1.4.6 → 1.4.8

package/weapps-plugin-jingtong-verify/pages/bank-card-login/bank-card-login.wxss

@@ -0,0 +1,205 @@
+@import '../../components/gsd-ui/static/style/main';
+
+.top-box {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+}
+
+.title {
+  font-size: 44rpx;
+  text-align: center;
+}
+.title_describe{
+  font-size: 32rpx;
+  margin-bottom: 44rpx;
+  margin-top: 30rpx;
+  text-align: center;
+  color: #62667A;
+}
+.en-page .title {
+  font-size: 36rpx;
+}
+
+.info {
+  margin-top: 28rpx;
+  color: #999999;
+}
+
+.agree-box {
+  font-size: 28rpx;
+  color: #979797;
+  padding: 0 40rpx 0;
+}
+
+.agree-box text {
+  line-height: 40rpx;
+}
+.describe-box {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding-left: 20px;
+  padding-right: 20px;
+}
+
+.special-describe-box {
+  display: flex;
+  background: #9096a41a;
+  flex-direction: column;
+  border-radius: 8px;
+  padding: 12px;
+  flex: 1 0 0;
+  color: #ce0022;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 500;
+  line-height: 24px;
+}
+
+.img-box {
+  width: 160rpx;
+  height: 160rpx;
+  margin: 56rpx 0 52rpx; 
+}
+
+.img {
+  width: 160rpx;
+  height: 160rpx;
+}
+
+.link {
+  color: #ce0022;
+}
+
+.content-box {
+  padding-bottom: 60rpx;
+}
+
+.form-tip {
+  /* border: 1px solid red; */
+  border-radius: 24rpx;
+  background: linear-gradient(180deg, #f1f4f9ff 0%, #faf8f700 100%);
+  padding: 32rpx 36rpx 0;
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: flex-start;
+  margin-top: -2rpx;
+}
+.space-block {
+  width: 6rpx;
+  height: 20rpx;
+  background: #ce0022;
+  margin-right: 8rpx;
+  flex-shrink: 0;
+  margin-top: 10rpx;
+}
+.tip-desc {
+  color: #27282eff;
+  font-size: 14px;
+}
+.form-options {
+  width: 750rpx;
+  background: linear-gradient(  #F5FAFF 0%, #F1F7FF 100%);
+  padding: 0 20rpx 20rpx;
+  box-sizing: border-box;
+}
+
+.foreign-tip {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  margin: -12rpx 32rpx 0;
+  background: #EEF2F6;
+  border-radius: 8rpx;
+  padding: 24rpx 16rpx 24rpx 24rpx;
+  position: relative;
+}
+.foreign-tip::before {
+  content: '';
+  position: absolute;
+  border-left: 17rpx solid transparent;
+  border-top: 17rpx solid transparent;
+  border-bottom: 17rpx solid #EEF2F6;
+  border-right: 17rpx solid transparent;
+  top: -30rpx;
+  right: 18rpx;
+
+}
+.foreign-tip text {
+  font-weight: 500;
+  font-size: 26rpx;
+  color: #62667A;
+  line-height: 30rpx;
+}
+.foreign-tip image {
+  width: 40rpx;
+  height: 40rpx;
+  flex-shrink: 0;
+}
+
+.form-item__status-message--warn {
+  color: #f13939;
+  font-size: 30rpx;
+  line-height: 40rpx;
+  margin-top: 10rpx;
+  padding-left: 40rpx;
+  padding-right: 40rpx;
+}
+
+.custom-tips {
+  position: fixed;
+  z-index: 905;
+  box-sizing: border-box;
+  top: 0rpx;
+  width: 100%;
+}
+.forgot-password {
+  color: #CE0022;
+  font-size: 32rpx;
+  white-space: nowrap;
+  padding: 0 10rpx;
+  cursor: pointer;
+  transition: opacity 0.2s ease;  /* 过渡效果 */
+}
+
+.forgot-password:active {
+  opacity: 0.6;            /* 点击时透明度变化 */
+}
+
+/* 如果需要下划线效果 */
+.forgot-password.underlined {
+  text-decoration: underline;
+}
+
+
+.login-help{
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding-left:40rpx;
+  padding-right: 40rpx;
+  padding-top: 30rpx;
+}
+
+.login-help-btn{
+  width: 100%;
+  height: 76rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 10rpx;
+}
+
+.readonly-input input {
+  pointer-events: none !important;
+  color: #333 !important;
+}
+
+/* 保持图标可点击 */
+.readonly-input .input__icon__container {
+  pointer-events: auto !important;
+}