zhytech-ui-mobile 1.0.0

package/dist/dev/true/style.css

@@ -0,0 +1,455 @@
+ *,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}.zhy-form-component-checkbox,.zhy-form-component-employee,.zhy-form-component-grade,.zhy-form-component-input,.zhy-form-component-post,.zhy-form-component-radio,.zhy-form-component-upload,.zhy-form-component-upload-image{box-sizing:border-box;height:100%;padding-left:15px;}.aline-left{display:flex;flex-wrap:wrap;align-items:center;gap:3px;justify-content:flex-start;}[description\:显示=""]{description:显示="";}.absolute{position:absolute;}.relative{position:relative;}.box-border{box-sizing:border-box;}.inline{display:inline;}.block{display:block;}.h3{height:0.75rem;}.flex{display:flex;}.flex-auto{flex:1 1 auto;}.flex-wrap{flex-wrap:wrap;}.break-keep{word-break:keep-all;}.border{border-width:1px;}.px{padding-left:1rem;padding-right:1rem;}@keyframes __un_qm{0%{box-shadow:inset 4px 4px #ff1e90, inset -4px -4px #ff1e90}100%{box-shadow:inset 8px 8px #3399ff, inset -8px -8px #3399ff}}.\?{animation:__un_qm 0.5s ease-in-out alternate infinite;}.p-5{padding:5px;}.px-10{padding-left:10px;padding-right:10px;}.py-5{padding-top:5px;padding-bottom:5px;}.ml-20\!{margin-left:20px !important;} /**
+ * 这里是uni-app内置的常用样式变量
+ *
+ * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
+ * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
+ *
+ */
+/**
+ * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
+ *
+ * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
+ */
+/* 颜色变量 */
+/* 行为相关颜色 */
+/* 文字基本颜色 */
+/* 背景颜色 */
+/* 边框颜色 */
+/* 尺寸变量 */
+/* 文字尺寸 */
+/* 图片尺寸 */
+/* Border Radius */
+/* 水平间距 */
+/* 垂直间距 */
+/* 透明度 */
+/* 文章场景相关 */
+.zhy.wd-form .zhy.wd-cell {
+  padding-left: 0;
+}
+.zhy.wd-form .zhy.wd-cell .wd-cell__wrapper.is-vertical {
+  padding: 5px;
+}
+.zhy.wd-form .zhy.wd-cell .wd-cell__wrapper.is-vertical .wd-cell__right {
+  margin-top: 0;
+}
+.zhy.wd-form .zhy.wd-cell .wd-cell__wrapper .wd-cell__right .wd-cell__value.wd-cell__value--right {
+  text-align: left;
+}
+ .wd-button__text {
+  letter-spacing: 2px;
+}
+.zhy.wd-radio-group .wd-radio {
+  margin-top: 6px;
+}
+.zhy.wd-radio-group .wd-radio.is-dot.icon-placement-left {
+  max-width: 100%;
+  width: auto;
+  justify-content: start;
+}
+.zhy.wd-radio-group .wd-radio.is-dot.icon-placement-left .wd-radio__label {
+  text-align: left;
+  width: calc(100% - 20px);
+}
+.zhy.wd-radio-group .wd-radio .wd-radio__shape {
+  margin-right: 4px;
+  width: 16px;
+}
+.zhy.wd-checkbox-group .wd-checkbox {
+  max-width: 100%;
+  width: auto;
+  margin-bottom: 0;
+  margin-top: 6px;
+}
+.zhy.wd-checkbox-group .wd-checkbox .wd-checkbox__shape {
+  margin-top: 2px;
+  width: 16px;
+  vertical-align: top;
+}
+.zhy.wd-checkbox-group .wd-checkbox .wd-checkbox__label {
+  width: calc(100% - 20px);
+  margin-left: 4px;
+}
+.zhy.wd-checkbox-group .wd-checkbox .wd-checkbox__label .wd-checkbox__txt {
+  white-space: normal;
+}
+.zhy.wd-input {
+  padding: 0 10px;
+  margin-top: 4px;
+  border-radius: 6px;
+  border: 1px solid #999999;
+}
+.zhy.wd-input::after {
+  display: none;
+}
+.zhy.wd-input.is-disabled {
+  background-color: #f8f8f8;
+}
+.zhy.wd-input.is-disabled .uni-input-input:disabled {
+  color: #000000;
+}
+.zhy.wd-picker .wd-picker__toolbar {
+  background-color: #f0f8ff;
+  height: 45px;
+}
+.zhy.wd-picker .wd-picker__toolbar .wd-picker__action {
+  padding: 0 15px;
+}
+.zhy.wd-picker .wd-picker-view-column__item.wd-picker-view-column__item--active {
+  background-color: #fffacd;
+}
+.zhy.wd-action-sheet .wd-action-sheet__header {
+  height: 45px;
+  line-height: 45px;
+  background-color: #f0f8ff;
+}
+.zhy.wd-action-sheet .wd-action-sheet__header .wd-icon {
+  top: 15px;
+}
+.answer-sheet-item {
+  width: 100%;
+}
+.answer-sheet-item .answer-group {
+  display: flex;
+  flex-wrap: wrap;
+  padding-left: 10px;
+  border: 1px solid #cccccc;
+  margin: 15px 0;
+}
+.answer-sheet-item .answer-group:first-child {
+  margin-top: 5px;
+}
+.answer-sheet-item .answer-group .answer-group-name {
+  width: 100%;
+  font-size: 16px;
+  margin-top: 4px;
+}
+.answer-sheet-item .answer-group .answer-item {
+  margin: 10px 5px;
+  padding: 2px 18px;
+  font-size: 18px;
+}/**
+ * 这里是uni-app内置的常用样式变量
+ *
+ * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
+ * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
+ *
+ */
+/**
+ * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
+ *
+ * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
+ */
+/* 颜色变量 */
+/* 行为相关颜色 */
+/* 文字基本颜色 */
+/* 背景颜色 */
+/* 边框颜色 */
+/* 尺寸变量 */
+/* 文字尺寸 */
+/* 图片尺寸 */
+/* Border Radius */
+/* 水平间距 */
+/* 垂直间距 */
+/* 透明度 */
+/* 文章场景相关 */
+.zhy.wd-form .zhy.wd-cell {
+  padding-left: 0;
+}
+.zhy.wd-form .zhy.wd-cell .wd-cell__wrapper.is-vertical {
+  padding: 5px;
+}
+.zhy.wd-form .zhy.wd-cell .wd-cell__wrapper.is-vertical .wd-cell__right {
+  margin-top: 0;
+}
+.zhy.wd-form .zhy.wd-cell .wd-cell__wrapper .wd-cell__right .wd-cell__value.wd-cell__value--right {
+  text-align: left;
+}
+ .wd-button__text {
+  letter-spacing: 2px;
+}
+.zhy.wd-radio-group .wd-radio {
+  margin-top: 6px;
+}
+.zhy.wd-radio-group .wd-radio.is-dot.icon-placement-left {
+  max-width: 100%;
+  width: auto;
+  justify-content: start;
+}
+.zhy.wd-radio-group .wd-radio.is-dot.icon-placement-left .wd-radio__label {
+  text-align: left;
+  width: calc(100% - 20px);
+}
+.zhy.wd-radio-group .wd-radio .wd-radio__shape {
+  margin-right: 4px;
+  width: 16px;
+}
+.zhy.wd-checkbox-group .wd-checkbox {
+  max-width: 100%;
+  width: auto;
+  margin-bottom: 0;
+  margin-top: 6px;
+}
+.zhy.wd-checkbox-group .wd-checkbox .wd-checkbox__shape {
+  margin-top: 2px;
+  width: 16px;
+  vertical-align: top;
+}
+.zhy.wd-checkbox-group .wd-checkbox .wd-checkbox__label {
+  width: calc(100% - 20px);
+  margin-left: 4px;
+}
+.zhy.wd-checkbox-group .wd-checkbox .wd-checkbox__label .wd-checkbox__txt {
+  white-space: normal;
+}
+.zhy.wd-input {
+  padding: 0 10px;
+  margin-top: 4px;
+  border-radius: 6px;
+  border: 1px solid #999999;
+}
+.zhy.wd-input::after {
+  display: none;
+}
+.zhy.wd-input.is-disabled {
+  background-color: #f8f8f8;
+}
+.zhy.wd-input.is-disabled .uni-input-input:disabled {
+  color: #000000;
+}
+.zhy.wd-picker .wd-picker__toolbar {
+  background-color: #f0f8ff;
+  height: 45px;
+}
+.zhy.wd-picker .wd-picker__toolbar .wd-picker__action {
+  padding: 0 15px;
+}
+.zhy.wd-picker .wd-picker-view-column__item.wd-picker-view-column__item--active {
+  background-color: #fffacd;
+}
+.zhy.wd-action-sheet .wd-action-sheet__header {
+  height: 45px;
+  line-height: 45px;
+  background-color: #f0f8ff;
+}
+.zhy.wd-action-sheet .wd-action-sheet__header .wd-icon {
+  top: 15px;
+}
+ .zhy.answer-sheet-popup {
+  height: var(--66686455-height);
+}
+ .zhy.answer-sheet-popup .answer-sheet-wrap {
+  height: calc(100% - 50px);
+  overflow-y: auto;
+  display: flex;
+  flex-direction: column;
+}
+ .zhy.answer-sheet-popup .answer-sheet-wrap .answer-type-explain {
+  font-size: 16px;
+  font-weight: bold;
+  margin: 10px 0 10px 20px;
+  margin-bottom: 10px;
+  display: flex;
+  align-items: center;
+}
+ .zhy.answer-sheet-popup .answer-sheet-wrap .answer-type-explain .type-item {
+  margin-right: 10px;
+  padding: 4px 10px;
+}
+ .zhy.answer-sheet-popup .answer-sheet-wrap .answer-sheet-list {
+  flex: auto;
+  height: 100%;
+  overflow-y: auto;
+  display: flex;
+  flex-wrap: wrap;
+  padding: 0 10px;
+  box-sizing: border-box;
+}/**
+ * 这里是uni-app内置的常用样式变量
+ *
+ * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
+ * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
+ *
+ */
+/**
+ * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
+ *
+ * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
+ */
+/* 颜色变量 */
+/* 行为相关颜色 */
+/* 文字基本颜色 */
+/* 背景颜色 */
+/* 边框颜色 */
+/* 尺寸变量 */
+/* 文字尺寸 */
+/* 图片尺寸 */
+/* Border Radius */
+/* 水平间距 */
+/* 垂直间距 */
+/* 透明度 */
+/* 文章场景相关 */
+.zhy.wd-form .zhy.wd-cell {
+  padding-left: 0;
+}
+.zhy.wd-form .zhy.wd-cell .wd-cell__wrapper.is-vertical {
+  padding: 5px;
+}
+.zhy.wd-form .zhy.wd-cell .wd-cell__wrapper.is-vertical .wd-cell__right {
+  margin-top: 0;
+}
+.zhy.wd-form .zhy.wd-cell .wd-cell__wrapper .wd-cell__right .wd-cell__value.wd-cell__value--right {
+  text-align: left;
+}
+ .wd-button__text {
+  letter-spacing: 2px;
+}
+.zhy.wd-radio-group .wd-radio {
+  margin-top: 6px;
+}
+.zhy.wd-radio-group .wd-radio.is-dot.icon-placement-left {
+  max-width: 100%;
+  width: auto;
+  justify-content: start;
+}
+.zhy.wd-radio-group .wd-radio.is-dot.icon-placement-left .wd-radio__label {
+  text-align: left;
+  width: calc(100% - 20px);
+}
+.zhy.wd-radio-group .wd-radio .wd-radio__shape {
+  margin-right: 4px;
+  width: 16px;
+}
+.zhy.wd-checkbox-group .wd-checkbox {
+  max-width: 100%;
+  width: auto;
+  margin-bottom: 0;
+  margin-top: 6px;
+}
+.zhy.wd-checkbox-group .wd-checkbox .wd-checkbox__shape {
+  margin-top: 2px;
+  width: 16px;
+  vertical-align: top;
+}
+.zhy.wd-checkbox-group .wd-checkbox .wd-checkbox__label {
+  width: calc(100% - 20px);
+  margin-left: 4px;
+}
+.zhy.wd-checkbox-group .wd-checkbox .wd-checkbox__label .wd-checkbox__txt {
+  white-space: normal;
+}
+.zhy.wd-input {
+  padding: 0 10px;
+  margin-top: 4px;
+  border-radius: 6px;
+  border: 1px solid #999999;
+}
+.zhy.wd-input::after {
+  display: none;
+}
+.zhy.wd-input.is-disabled {
+  background-color: #f8f8f8;
+}
+.zhy.wd-input.is-disabled .uni-input-input:disabled {
+  color: #000000;
+}
+.zhy.wd-picker .wd-picker__toolbar {
+  background-color: #f0f8ff;
+  height: 45px;
+}
+.zhy.wd-picker .wd-picker__toolbar .wd-picker__action {
+  padding: 0 15px;
+}
+.zhy.wd-picker .wd-picker-view-column__item.wd-picker-view-column__item--active {
+  background-color: #fffacd;
+}
+.zhy.wd-action-sheet .wd-action-sheet__header {
+  height: 45px;
+  line-height: 45px;
+  background-color: #f0f8ff;
+}
+.zhy.wd-action-sheet .wd-action-sheet__header .wd-icon {
+  top: 15px;
+}
+.wot-theme-dark * {
+  color: #f5f5f5 !important;
+  background-color: black !important;
+}
+.form-renderer {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+  padding: 0 5px;
+  background-color: #ffffff;
+}
+.form-renderer .title {
+  margin: 5px;
+  text-align: center;
+  color: #000000;
+}
+.form-renderer .renderer-form {
+  flex: 1;
+  height: 100%;
+  overflow: auto;
+  margin-top: 10px;
+}
+.form-renderer .renderer-form.hidden-title {
+  margin-top: 0;
+}
+.form-renderer .renderer-form.one-page-question-mode .group-title {
+  font-size: 20px !important;
+}
+.form-renderer .renderer-form.one-page-question-mode .tn-form-item__label span {
+  font-size: 18px !important;
+  line-height: 1.5;
+}
+.form-renderer .renderer-form.one-page-question-mode .tn-form-item__content * {
+  font-size: 18px !important;
+}
+.form-renderer .renderer-form.one-page-question-mode .tn-form-item__content * .tn-radio,
+.form-renderer .renderer-form.one-page-question-mode .tn-form-item__content * .tn-checkbox {
+  margin-bottom: 15px;
+}
+.form-renderer .renderer-form.one-page-question-mode .tn-radio__dot,
+.form-renderer .renderer-form.one-page-question-mode .tn-checkbox__checked-box {
+  margin-top: 4px;
+}
+.form-renderer .renderer-form.one-page-question-mode .description {
+  margin-top: 30px !important;
+  font-size: 14px !important;
+}
+.form-renderer .renderer-form .description {
+  position: relative;
+  width: 100%;
+  margin: 5px 0;
+  padding: 5px 5px 5px 30px;
+  border: 2px dashed #ff0000;
+  box-sizing: border-box;
+  background-color: #ffffdd;
+  line-height: 18px;
+  color: #000000;
+}
+.form-renderer .renderer-form .description .iconfont {
+  position: absolute;
+  left: 0;
+  top: 4px;
+  margin: 0 5px;
+}
+.form-renderer .renderer-form .tn-radio--disabled {
+  opacity: 0.6;
+}
+.form-renderer .renderer-form .tn-radio--disabled.tn-radio--selected {
+  opacity: 1;
+}
+.form-renderer .renderer-form .tn-checkbox--disabled {
+  opacity: 0.6;
+}
+.form-renderer .renderer-form .tn-checkbox--disabled.tn-checkbox--selected {
+  opacity: 1;
+}
+.form-renderer .one-page-nav-button {
+  text-align: right;
+}
+.form-renderer .one-page-nav-button .tn-button {
+  margin-left: 10px;
+}