@cloudbase/weda-ui 3.2.0 → 3.3.0

package/dist/web/components/form/select/allTimePicker/index.css

@@ -0,0 +1,136 @@
+.weda-ui-custom-backdrop {
+  position: fixed;
+  /* 与weui-mask 一致 */
+  z-index: 1000;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  background-color: rgba(0, 0, 0, 0.6);
+}
+
+.weda-ui-custom-picker {
+  width: 100%;
+  height: 100%;
+  left: 0;
+  top: 0;
+}
+
+.weda-ui-custom-picker__inner {
+  background-color: #fff;
+  border-radius: 0.71429rem 0.71429rem 0 0;
+  width: 100%;
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  z-index: 1000;
+}
+
+.weda-ui-custom-picker__header {
+  height: 3.42857rem;
+  flex: 0 0 3.42857rem;
+  display: flex;
+  align-items: center;
+  border-bottom: 0.07143rem solid #e3e6eb;
+}
+
+.weda-ui-custom-picker__body {
+  flex: 1 1 0;
+  overflow: hidden;
+}
+
+.weda-ui-custom-picker__header-confirm,
+.weda-ui-custom-picker__header-cancle {
+  flex: 0 0 auto;
+  padding: 0 1.42857rem;
+  font-size: 1.14286rem;
+  color: rgba(0, 0, 0, 0.6);
+  cursor: pointer;
+}
+
+.weda-ui-custom-picker__header-confirm {
+  color: #0052d9;
+}
+
+.weda-ui-custom-picker__header-title {
+  flex: 1 1 0;
+  display: flex;
+  justify-content: center;
+  font-size: 1.14286rem;
+}
+
+.weda-ui-custom-picker__select {
+  border-bottom: 0.07143rem solid #e3e6eb;
+  padding: 0.57143rem 1.42857rem;
+}
+
+.weda-ui-custom-picker__select-item {
+  display: inline-block;
+  padding: 0.28571rem 0.57143rem;
+  background-color: #f3f3f3;
+  color: rgba(0, 0, 0, 0.9);
+  border-radius: 0.28571rem;
+  margin-left: 0.57143rem;
+}
+
+.weda-ui-custom-picker__select-item:first-child {
+  margin-left: 0;
+}
+
+.weda-ui-custom-picker__select-item.is-current {
+  color: #0052d9;
+}
+
+.weda-ui-custom-picker__cloumns {
+  display: flex;
+  align-items: flex-start;
+  position: relative;
+  padding: 0 4.28571rem;
+  height: 14.28571rem;
+  overflow: hidden;
+}
+
+.weda-ui-custom-picker__cloumns.size-s {
+  height: 14.28571rem;
+}
+
+.weda-ui-custom-picker__cloumns::before,
+.weda-ui-custom-picker__cloumns::after {
+  content: '';
+  position: absolute;
+  /* width: 100%; */
+  height: 0.07143rem;
+  background-color: #e7e7e7;
+  left: 1.42857rem;
+  right: 1.42857rem;
+  top: 5.71429rem;
+}
+
+.weda-ui-custom-picker__cloumns::after {
+  top: 8.57143rem;
+}
+
+.weda-ui-custom-picker__cloumn {
+  flex: 1 1 0;
+  overflow-y: auto;
+  overflow-x: hidden;
+  -webkit-overflow-scrolling: auto;
+  height: 14.21429rem;
+}
+
+.weda-ui-custom-picker__cloumn::-webkit-scrollbar {
+  display: none;
+}
+
+.weda-ui-custom-picker__cloumn-item {
+  line-height: 2.85714rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: rgba(0, 0, 0, 0.26);
+  white-space: pre-wrap;
+}
+
+.weda-ui-custom-picker__cloumn-item.is-current {
+  color: rgba(0, 0, 0, 0.9);
+}