From dc4e312fde92237060bc23c35016f4d6b7a9187e Mon Sep 17 00:00:00 2001 From: cuiqian2004 <cuiqian2004@163.com> Date: 星期一, 24 六月 2024 11:11:37 +0800 Subject: [PATCH] 属性类型多语言 --- pages/modal/3200.vue | 673 ++++++++++++++++++++++++++++---------------------------- 1 files changed, 337 insertions(+), 336 deletions(-) diff --git a/pages/modal/3200.vue b/pages/modal/3200.vue index 3b0a5a3..b29ea62 100644 --- a/pages/modal/3200.vue +++ b/pages/modal/3200.vue @@ -1,339 +1,3 @@ -<style> -.v-headStyle:first-child{ - margin-top: 15rpx; -} -.v-headStyle .txt_title{ - font-size: 34rpx; - text-align: right; - display: inline-block; - vertical-align: 24rpx; -} -.v-headStyle input{ - display: inline-block; - /* border: 1px solid #d5d5d5; */ - /* width: 65%; */ - width: 85%; - height: 52rpx; - line-height: 34rpx; - background: #FFF; - border-radius: 0 !important; - color: #2d8cf0; - padding: 10rpx 8rpx 12rpx; - font-size: 34rpx; - font-family: inherit; - box-shadow: none !important; - transition-duration: 0.1s; - margin-top: 4rpx; -} -.v-headStyle input::-webkit-input-placeholder { - font-size: 12rpx; -} -.input-wrapper{ - border: 1px solid #d5d5d5; - display: inline-block; - width: 65%; - line-height: 22rpx; -} -[nvue] uni-view { - position: relative; - border: 0 solid #000; - box-sizing: border-box; -} -.uni-input { - /* border: none; */ -} -.uni-icon{ - /* border: 1px solid red; */ - width: 8%; - font-family: uniicons; - font-size: 40rpx; - font-weight: 400; - font-style: normal; - /* width: 48rpx; */ - height: 48rpx; - line-height: 48rpx; - color: #2d8cf0; - cursor: pointer; - display: inline-block; - vertical-align: 18rpx; -} -.v-content{ - height: 945rpx; - overflow: hide; - /* border:0.1px solid red; */ -} -.view-content{ - margin-top: 10rpx; -} -.dv-panel-bkcolor{ - background-color:#efefef; -} -.dv-panel{ - background-color:#efefef; - padding: 20rpx 20rpx 20rpx 0px; - border-radius: 12rpx; - margin-bottom: 20rpx; - text-align: right; -} -.dv-listHtml-Panel, -.dv-panel-input{ - vertical-align: middle; - width: 91%; - display: inline-block; - text-align: left; -} -.dv-panel-buticon{ - line-height: 0rpx; - text-align: left; - /* font-size: 17px; */ - padding: 0 30rpx; -} -.dv-panel-buticon .btn-padding{ - padding: 0rpx 20rpx; - display: inline-block; - vertical-align: middle; -} -.dv-panel-buticon a i { - font-size: 38rpx; -} -.dv-panel-buticon button{ - min-width: 120rpx; - font-size: 32rpx; - padding: 20rpx 20rpx 0rpx 20rpx; - line-height: 1; - background: #4D6AF4; - border: none; - color: #fff; - font-weight: bold; - border-radius: 8rpx; -} -.dv-panel .txt_title{ - font-size: 34rpx; - text-align: right; - display: inline-block; -} -.dv-panel input{ - vertical-align: middle; - display: inline-block; - border: 2rpx solid #d5d5d5; - width: 68%; - height: 52rpx; - line-height: 34rpx; - background: #FFF; - border-radius: 14rpx !important; - color: #2d8cf0; - padding: 6rpx 8rpx 8rpx; - font-size: 32rpx; - font-family: inherit; - box-shadow: none !important; - transition-duration: 0.1s; - margin-top: 0rpx; -} -.dv-panel input::-webkit-input-placeholder { - font-size: 10rpx; -} -.dv-panel .form-item-span{ - vertical-align: text-top; - color: #2d8cf0; - white-space: normal; - word-break: break-all; - display: inline-block; - width: calc(100% - 100px); -} -.dv-panel-button{ - display: inline-block; -} -.dv-panel-button checkbox-group { - display: inline-block; -} -.dv-panel-button uni-checkbox .uni-checkbox-input{ - width: 34rpx; - height: 34rpx; -} -.dv-panel-button a i { - font-size: 36rpx; -} -.dv-panel-button button { - height: 50rpx; - font-size: 26rpx; - padding: 0 24rpx; -} -.view-floor{ - padding: 0 20rpx; - /* border:1px solid red; */ -} -button.btn_refresh { - width:49.5%; - margin-top: 25rpx; - padding: 20rpx; - line-height: 1.5; - background: #4D6AF4; - border: none; - color: #fff; - font-size: 38rpx; - font-weight: bold; - float: left; - display: inline-block; -} -button.btn_cancel { - width:49.5%; - margin-top: 25rpx; - padding: 20rpx; - line-height: 1.5; - background: #fff; - border: none; - color: #000; - font-size: 38rpx; - font-weight: bold; - float: left; - display: inline-block; - margin-right: 20rpx; -} - -.bk-active{ - background-color: #D6FCB2; -} -.uni-padding-wrap{ - margin-top: 20rpx; - background-color: #98DAEA; - width: 104rpx; - height: 80rpx; - text-align: center; - border-radius: 54rpx; - padding: 24rpx 0 0 0; - float: right; - display: inline-block; -} -.uni-padding-wrap a{ - font-size: 40rpx; -} -#dv_select{ - display: inline-block; - width: 66%; - background: #FFF; - border-radius: 0 !important; - color: #2d8cf0; - /* padding: 10rpx 8rpx 12rpx; */ - font-size: 34rpx; - font-family: inherit; - box-shadow: none !important; - transition-duration: 0.1s; - margin-top: 0rpx; - vertical-align: 20rpx; -} -#dv_select .uni-select{ - border: 2rpx solid #ccc; - border-radius: 0 !important; - color: #2d8cf0; -} -#dv_select .uni-select__input-text{ - color: #2d8cf0; -} -.input-disabled{ - background-color: #f3f3f3 !important; -} - -.dv_panel_condent{ - background-color:#D6FCB2; - padding: 20rpx; - border-radius: 12rpx; -} -.dv_panel_attr{ - margin-bottom: 10rpx; -} -.dv_panel_attr .dv_inline{ - display: inline-block; - text-align: center; -} -.dv_panel_attr i{ - vertical-align: 25px; - margin: 0 10px; -} -.dv_panel_attr .dv_inline p{ - background: #4D6AF4; - color: #fff; - padding: 10rpx 15rpx; - line-height: 1.5; - border-radius: 10rpx; -} -.scroll-Y { - height: 100%; -} -.scroll-view_H { - white-space: nowrap; - width: 100%; -} - -.dv_panel_content{ - margin: 0 10px; -} -.dv_panel_content .dv_panel_attr{ - margin-bottom: 5px; -} -.dv_panel_content .dv_panel_attr i{ - vertical-align: super; - margin: 0 10px; -} -.dv_panel_content .dv_panel_attr .circel_node{} -/* 鏄彵褰㈢殑 */ -.dv_panel_content .dv_panel_attr .dv_diamond_node p{ - width: 50px; - height: 50px; - background-color: #4D6AF4; - transform: rotate(45deg); - -ms-transform: rotate(45deg); - -moz-transform: rotate(45deg); - -webkit-transform: rotate(45deg); - -o-transform: rotate(45deg); - margin: 15px auto; - padding: 9px; - // line-height: 28px; - text-align: center; -} -.dv_panel_content .dv_panel_attr .dv_diamond_node p span{ - color: #fff; - transform: rotate(-45deg); - display: inline-block; - text-align: center; - overflow: hidden; - text-overflow: ellipsis; - // white-space: nowrap; -} -/* 榛樿褰�*/ -.dv_panel_content .dv_panel_attr .dv_box_node, -.dv_panel_content .dv_panel_attr .dv_diamond_node{ - vertical-align: middle; - display: inline-block; - text-align: center; - width: 100px; -} -.dv_panel_content .dv_panel_attr .dv_box_node p{ - background: #4D6AF4; - color: #fff; - padding: 3px 7px; - line-height: 1.5; - border-radius: 5px; -} -</style> -<style lang="scss"> - .demo-uni-row { - margin-bottom: 0px; - display: block; - } - ::v-deep .uni-row { - margin-bottom: 0px; - } - .view-tabpage ::v-deep .uni-row { - margin-bottom: 5px; - } - .demo-uni-col { - height: 36px; - border-radius: 5px; - } - .demo-uni-row .uni-input{ - width: calc(100% - 120px); - } -</style> <template> <view class="content"> @@ -604,6 +268,7 @@ <script> import Base64 from '../../components/js-base64/base64.js' +import classUtils from "@/js/utils.js" export default { modules:{ Base64, @@ -1714,3 +1379,339 @@ }, }; </script> +<style> +.v-headStyle:first-child{ + margin-top: 15rpx; +} +.v-headStyle .txt_title{ + font-size: 34rpx; + text-align: right; + display: inline-block; + vertical-align: 24rpx; +} +.v-headStyle input{ + display: inline-block; + /* border: 1px solid #d5d5d5; */ + /* width: 65%; */ + width: 85%; + height: 52rpx; + line-height: 34rpx; + background: #FFF; + border-radius: 0 !important; + color: #2d8cf0; + padding: 10rpx 8rpx 12rpx; + font-size: 34rpx; + font-family: inherit; + box-shadow: none !important; + transition-duration: 0.1s; + margin-top: 4rpx; +} +.v-headStyle input::-webkit-input-placeholder { + font-size: 12rpx; +} +.input-wrapper{ + border: 1px solid #d5d5d5; + display: inline-block; + width: 65%; + line-height: 22rpx; +} +[nvue] uni-view { + position: relative; + border: 0 solid #000; + box-sizing: border-box; +} +.uni-input { + /* border: none; */ +} +.uni-icon{ + /* border: 1px solid red; */ + width: 8%; + font-family: uniicons; + font-size: 40rpx; + font-weight: 400; + font-style: normal; + /* width: 48rpx; */ + height: 48rpx; + line-height: 48rpx; + color: #2d8cf0; + cursor: pointer; + display: inline-block; + vertical-align: 18rpx; +} +.v-content{ + height: 945rpx; + overflow: hide; + /* border:0.1px solid red; */ +} +.view-content{ + margin-top: 10rpx; +} +.dv-panel-bkcolor{ + background-color:#efefef; +} +.dv-panel{ + background-color:#efefef; + padding: 20rpx 20rpx 20rpx 0px; + border-radius: 12rpx; + margin-bottom: 20rpx; + text-align: right; +} +.dv-listHtml-Panel, +.dv-panel-input{ + vertical-align: middle; + width: 91%; + display: inline-block; + text-align: left; +} +.dv-panel-buticon{ + line-height: 0rpx; + text-align: left; + /* font-size: 17px; */ + padding: 0 30rpx; +} +.dv-panel-buticon .btn-padding{ + padding: 0rpx 20rpx; + display: inline-block; + vertical-align: middle; +} +.dv-panel-buticon a i { + font-size: 38rpx; +} +.dv-panel-buticon button{ + min-width: 120rpx; + font-size: 32rpx; + padding: 20rpx 20rpx 0rpx 20rpx; + line-height: 1; + background: #4D6AF4; + border: none; + color: #fff; + font-weight: bold; + border-radius: 8rpx; +} +.dv-panel .txt_title{ + font-size: 34rpx; + text-align: right; + display: inline-block; +} +.dv-panel input{ + vertical-align: middle; + display: inline-block; + border: 2rpx solid #d5d5d5; + width: 68%; + height: 52rpx; + line-height: 34rpx; + background: #FFF; + border-radius: 14rpx !important; + color: #2d8cf0; + padding: 6rpx 8rpx 8rpx; + font-size: 32rpx; + font-family: inherit; + box-shadow: none !important; + transition-duration: 0.1s; + margin-top: 0rpx; +} +.dv-panel input::-webkit-input-placeholder { + font-size: 10rpx; +} +.dv-panel .form-item-span{ + vertical-align: text-top; + color: #2d8cf0; + white-space: normal; + word-break: break-all; + display: inline-block; + width: calc(100% - 100px); +} +.dv-panel-button{ + display: inline-block; +} +.dv-panel-button checkbox-group { + display: inline-block; +} +.dv-panel-button uni-checkbox .uni-checkbox-input{ + width: 34rpx; + height: 34rpx; +} +.dv-panel-button a i { + font-size: 36rpx; +} +.dv-panel-button button { + height: 50rpx; + font-size: 26rpx; + padding: 0 24rpx; +} +.view-floor{ + padding: 0 20rpx; + /* border:1px solid red; */ +} +button.btn_refresh { + width:49.5%; + margin-top: 25rpx; + padding: 20rpx; + line-height: 1.5; + background: #4D6AF4; + border: none; + color: #fff; + font-size: 38rpx; + font-weight: bold; + float: left; + display: inline-block; +} +button.btn_cancel { + width:49.5%; + margin-top: 25rpx; + padding: 20rpx; + line-height: 1.5; + background: #fff; + border: none; + color: #000; + font-size: 38rpx; + font-weight: bold; + float: left; + display: inline-block; + margin-right: 20rpx; +} + +.bk-active{ + background-color: #D6FCB2; +} +.uni-padding-wrap{ + margin-top: 20rpx; + background-color: #98DAEA; + width: 104rpx; + height: 80rpx; + text-align: center; + border-radius: 54rpx; + padding: 24rpx 0 0 0; + float: right; + display: inline-block; +} +.uni-padding-wrap a{ + font-size: 40rpx; +} +#dv_select{ + display: inline-block; + width: 66%; + background: #FFF; + border-radius: 0 !important; + color: #2d8cf0; + /* padding: 10rpx 8rpx 12rpx; */ + font-size: 34rpx; + font-family: inherit; + box-shadow: none !important; + transition-duration: 0.1s; + margin-top: 0rpx; + vertical-align: 20rpx; +} +#dv_select .uni-select{ + border: 2rpx solid #ccc; + border-radius: 0 !important; + color: #2d8cf0; +} +#dv_select .uni-select__input-text{ + color: #2d8cf0; +} +.input-disabled{ + background-color: #f3f3f3 !important; +} + +.dv_panel_condent{ + background-color:#D6FCB2; + padding: 20rpx; + border-radius: 12rpx; +} +.dv_panel_attr{ + margin-bottom: 10rpx; +} +.dv_panel_attr .dv_inline{ + display: inline-block; + text-align: center; +} +.dv_panel_attr i{ + vertical-align: 25px; + margin: 0 10px; +} +.dv_panel_attr .dv_inline p{ + background: #4D6AF4; + color: #fff; + padding: 10rpx 15rpx; + line-height: 1.5; + border-radius: 10rpx; +} +.scroll-Y { + height: 100%; +} +.scroll-view_H { + white-space: nowrap; + width: 100%; +} + +.dv_panel_content{ + margin: 0 10px; +} +.dv_panel_content .dv_panel_attr{ + margin-bottom: 5px; +} +.dv_panel_content .dv_panel_attr i{ + vertical-align: super; + margin: 0 10px; +} +.dv_panel_content .dv_panel_attr .circel_node{} +/* 鏄彵褰㈢殑 */ +.dv_panel_content .dv_panel_attr .dv_diamond_node p{ + width: 50px; + height: 50px; + background-color: #4D6AF4; + transform: rotate(45deg); + -ms-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -webkit-transform: rotate(45deg); + -o-transform: rotate(45deg); + margin: 15px auto; + padding: 9px; + // line-height: 28px; + text-align: center; +} +.dv_panel_content .dv_panel_attr .dv_diamond_node p span{ + color: #fff; + transform: rotate(-45deg); + display: inline-block; + text-align: center; + overflow: hidden; + text-overflow: ellipsis; + // white-space: nowrap; +} +/* 榛樿褰�*/ +.dv_panel_content .dv_panel_attr .dv_box_node, +.dv_panel_content .dv_panel_attr .dv_diamond_node{ + vertical-align: middle; + display: inline-block; + text-align: center; + width: 100px; +} +.dv_panel_content .dv_panel_attr .dv_box_node p{ + background: #4D6AF4; + color: #fff; + padding: 3px 7px; + line-height: 1.5; + border-radius: 5px; +} +</style> +<style lang="scss"> + .demo-uni-row { + margin-bottom: 0px; + display: block; + } + ::v-deep .uni-row { + margin-bottom: 0px; + } + .view-tabpage ::v-deep .uni-row { + margin-bottom: 5px; + } + .demo-uni-col { + height: 36px; + border-radius: 5px; + } + .demo-uni-row .uni-input{ + width: calc(100% - 120px); + } +</style> -- Gitblit v1.9.1