@titaui/pc 1.6.11 → 1.6.15

package/lib/components/point-demo/index.css

@@ -0,0 +1,348 @@
+.appointment-demo {
+  z-index: 9999;
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+}
+
+.appointment-demo-pc {
+  z-index: 99999;
+  width: 100%;
+  height: 100vh;
+  background: rgba(0, 0, 0, 0.5);
+}
+
+.appointment-demo-pc-popup {
+  width: 872px;
+  height: 520px;
+  background: #FFFFFF;
+  border-radius: 8px;
+  display: flex;
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  margin: auto;
+}
+
+.appointment-demo-pc-popup-close {
+  width: 18px;
+  height: 18px;
+  position: absolute;
+  top: 14px;
+  right: 35px;
+  cursor: pointer;
+  z-index: 3;
+}
+
+.appointment-demo-pc-popup-close img {
+  width: 18px;
+  height: 18px;
+}
+
+.appointment-demo-pc-popup-bcg {
+  width: 528px;
+  height: 390px;
+  background: url("./image/demo-bcg.png") no-repeat;
+  background-size: 528px 390px;
+  position: absolute;
+  left: 1px;
+  bottom: -15px;
+}
+
+.appointment-demo-pc-popup-left {
+  margin: 36px 0 0 32px;
+}
+
+.appointment-demo-pc-popup-left-title {
+  font-size: 26px;
+  font-weight: 600;
+  color: #141C28;
+  line-height: 40px;
+}
+
+.appointment-demo-pc-popup-left-subtitle {
+  font-size: 14px;
+  font-weight: 400;
+  color: #6F7886;
+  line-height: 22px;
+  margin-top: 4px;
+}
+
+.appointment-demo-pc-popup-right {
+  z-index: 2;
+}
+
+.appointment-demo-pc-popup-right-form {
+  width: 420px;
+  margin-left: 36px;
+}
+
+.appointment-demo-pc-popup-right-form-code {
+  margin-top: 16px;
+  display: flex;
+}
+
+.appointment-demo-pc-popup-right-form-code-left {
+  width: 309px;
+}
+
+.appointment-demo-pc-popup-right-form-code img {
+  width: 100px;
+  height: 34px;
+  cursor: pointer;
+  margin-left: 10px;
+  margin-top: 26px;
+}
+
+.appointment-demo-pc-popup-right-form-double {
+  display: flex;
+  margin-top: 40px;
+}
+
+.appointment-demo-pc-popup-right-form-double-left {
+  margin-right: 10px;
+}
+
+.appointment-demo-pc-popup-right-form-item {
+  width: 420px;
+  box-sizing: border-box !important;
+  margin-top: 16px;
+  position: relative;
+}
+
+.appointment-demo-pc-popup-right-form-item:nth-of-type(1) {
+  display: flex;
+  margin-top: 40px;
+}
+
+.appointment-demo-pc-popup-right-form-item:nth-of-type(2) {
+  display: flex;
+}
+
+.appointment-demo-pc-popup-right-form-item-left {
+  margin-right: 10px;
+}
+
+.appointment-demo-pc-popup-right-form-item-module-errmsg {
+  position: absolute;
+  top: 66px;
+  left: 12px;
+  font-size: 12px;
+  font-weight: 400;
+  color: #F05E5E;
+  line-height: 18px;
+}
+
+.appointment-demo-pc-popup-right-form-item-module {
+  margin-bottom: 11px;
+  font-size: 14px;
+  line-height: 22px;
+  font-weight: 600;
+  color: #3F4755;
+}
+
+.appointment-demo-pc-popup-right-form-item-module .required {
+  color: #F05E5E;
+  font-size: 14px;
+  vertical-align: middle;
+}
+
+.appointment-demo-pc-popup-right-form-item-modules {
+  margin-top: 4px;
+  display: flex;
+}
+
+.appointment-demo-pc-popup-right-form-item-modules-item {
+  cursor: pointer;
+  box-sizing: border-box !important;
+  height: 32px;
+  width: 94px;
+  background: #FFFFFF;
+  border-radius: 4px;
+  border: 1px solid #E9ECF0;
+  line-height: 30px;
+  text-align: center;
+  color: #3F4755;
+  font-size: 14px;
+  font-weight: 400;
+}
+
+.appointment-demo-pc-popup-right-form-item-modules-item:nth-of-type(1) {
+  width: 107px;
+}
+
+.appointment-demo-pc-popup-right-form-item-modules-item:not(:nth-of-type(1)) {
+  margin-left: 10px;
+}
+
+.appointment-demo-pc-popup-right-form-item-modules-item:hover {
+  background: #E9F1FF;
+}
+
+.appointment-demo-pc-popup-right-form-item-modules-item-active {
+  background: #E9F1FF;
+  color: #2879FF;
+  border: none;
+  line-height: 32px;
+}
+
+.appointment-demo-pc-popup-right-form-submit {
+  cursor: pointer;
+  margin-top: 24px;
+  box-sizing: border-box !important;
+  width: 420px;
+  height: 36px;
+  line-height: 36px;
+  text-align: center;
+  background: #2879FF;
+  border-radius: 4px;
+  font-size: 14px;
+  font-weight: 400;
+  color: #FFFFFF;
+}
+
+.appointment-demo-pc-popup-right-form-submit:hover {
+  background: #5C8EFF;
+}
+
+.appointment-demo-h5 {
+  text-align: center;
+  padding-bottom: 1.6rem;
+}
+
+.appointment-demo-h5-logo {
+  margin-top: 0.77333rem;
+}
+
+.appointment-demo-h5-title {
+  margin: 0.21333rem 0;
+  font-size: 0.64rem;
+  font-weight: 500;
+  color: #141C28;
+  line-height: 0.69333rem;
+}
+
+.appointment-demo-h5-subtitle {
+  font-size: 0.32rem;
+  font-weight: 400;
+  color: #6F7886;
+  line-height: 0.48rem;
+}
+
+.appointment-demo-h5-form {
+  margin: 0 auto;
+  margin-top: 0.53333rem;
+  width: 8.93333rem;
+  text-align: left;
+}
+
+.appointment-demo-h5-form-code {
+  margin-top: 0.53333rem;
+  display: flex;
+}
+
+.appointment-demo-h5-form-code-left {
+  width: 6rem;
+}
+
+.appointment-demo-h5-form-code img {
+  width: 100px;
+  height: 34px;
+  cursor: pointer;
+  margin-left: 10px;
+  margin-top: 26px;
+}
+
+.appointment-demo-h5-form-item:not(:nth-of-type(1)) {
+  margin-top: 0.42667rem;
+}
+
+.appointment-demo-h5-form-item-module {
+  font-size: 0.37333rem;
+  font-weight: 600;
+  color: #3F4755;
+  line-height: 0.58667rem;
+}
+
+.appointment-demo-h5-form-item-module .required {
+  color: #F05E5E;
+  font-size: 14px;
+  margin-left: 4px;
+  vertical-align: middle;
+}
+
+.appointment-demo-h5-form-item-modules {
+  margin-top: 0.21333rem;
+  display: flex;
+}
+
+.appointment-demo-h5-form-item-modules-item {
+  cursor: pointer;
+  box-sizing: border-box !important;
+  height: 0.85333rem;
+  width: 2.82667rem;
+  background: #FFFFFF;
+  border-radius: 0.10667rem;
+  border: 1px solid #E9ECF0;
+  line-height: 0.8rem;
+  text-align: center;
+  color: #3F4755;
+  font-size: 0.37333rem;
+  font-weight: 400;
+}
+
+.appointment-demo-h5-form-item-modules-item:not(:nth-of-type(1)) {
+  margin-left: 0.24rem;
+}
+
+.appointment-demo-h5-form-item-modules-item:hover {
+  background: #E9F1FF;
+}
+
+.appointment-demo-h5-form-item-modules-item-active {
+  background: #E9F1FF;
+  color: #2879FF;
+  border: none;
+  line-height: 32px;
+}
+
+.appointment-demo-h5-form-item .else {
+  margin-left: 0;
+  margin-top: 8px;
+  margin-bottom: 1.70667rem;
+}
+
+.appointment-demo-h5-form-submit {
+  width: 9.14667rem;
+  height: 1.17333rem;
+  background: linear-gradient(90deg, #4E90FF 0%, #2879FF 100%);
+  border-radius: 0.58667rem;
+  font-size: 0.42667rem;
+  font-weight: 400;
+  color: #FFFFFF;
+  line-height: 1.17333rem;
+  letter-spacing: 5px;
+  text-align: center;
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  margin: auto;
+}
+
+.appointment-demo-h5-form-submit-bck {
+  width: 375px;
+  height: 64px;
+  background: #FFFFFF;
+  box-shadow: 0px -2px 8px 0px rgba(127, 145, 180, 0.1);
+  position: fixed;
+  bottom: 0;
+  left: 0;
+}