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_view.vue | 530 +++++++++++++++++++++++++++++----------------------------- 1 files changed, 266 insertions(+), 264 deletions(-) diff --git a/pages/modal/3200_view.vue b/pages/modal/3200_view.vue index 62dda0c..2c03b6c 100644 --- a/pages/modal/3200_view.vue +++ b/pages/modal/3200_view.vue @@ -1,266 +1,3 @@ -<style> - .v-headStyle .txt_title { - font-size: 34rpx; - text-align: right; - display: inline-block; - vertical-align: 12px; - } - - .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: auto; - /* border:1px solid red; */ - } - - /* .dv-panel-bkcolor{ - background-color:#efefef; -} */ - .dv-panel { - /* background-color:#efefef; */ - padding: 20rpx 20rpx 4rpx 0px; - border-radius: 12rpx; - margin-bottom: 20rpx; - text-align: right; - } - - .dv-panel-input { - vertical-align: middle; - width: 100%; - display: inline-block; - text-align: left; - } - - .dv-panel-buticon { - line-height: 25px; - text-align: left; - /* font-size: 17px; */ - padding: 0 15px; - } - - .dv-panel-buticon .btn-padding { - padding: 10px; - display: inline-block; - vertical-align: middle; - } - - .dv-panel-buticon a i { - font-size: 22px; - } - - .dv-panel-buticon button { - min-width: 60px; - font-size: 16px; - padding: 20rpx 20rpx; - line-height: 1; - background: #4D6AF4; - border: none; - color: #fff; - font-weight: bold; - border-radius: 4px; - } - - .dv-panel .txt_title { - font-size: 34rpx; - text-align: right; - display: inline-block; - margin-bottom: 15rpx; - } - - .dv-panel input { - vertical-align: middle; - display: inline-block; - border: 1px solid #d5d5d5; - width: 68%; - height: 52rpx; - line-height: 34rpx; - background: #FFF; - border-radius: 7px !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 a i { - font-size: 18px; - } - - .dv-panel-button button { - height: 25px; - font-size: 13px; - padding: 0 12px; - } - - .view-floor { - text-align: center; - padding: 0 20rpx; - margin-top: 25rpx; - /* border:1px solid red; */ - } - - button.btn_refresh { - width: 48%; - 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; - margin: 0 3px; - } - - 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: 10px; - } - - .bk-active { - background-color: #D6FCB2; - } - - .uni-padding-wrap { - margin-top: -4rpx; - background-color: #98DAEA; - width: 52px; - height: 40px; - text-align: center; - border-radius: 27px; - padding: 12px 0 0px 0; - float: right; - display: inline-block; - } - - .uni-padding-wrap a { - font-size: 20px; - } - - .dv-viewHtml-Panel .item-label{ - padding: 3px 5px; - width: 90px; - display: inline-block; - text-align: right; - } - .dv-viewHtml-Panel .item-span{ - // line-height: 30px; - color: #2d8cf0; - } -</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"> @@ -418,6 +155,7 @@ <script> import Base64 from '../../components/js-base64/base64.js' + import classUtils from "@/js/utils.js" export default { modules: { Base64, @@ -1176,4 +914,268 @@ }, }; -</script> \ No newline at end of file +</script> + +<style> + .v-headStyle .txt_title { + font-size: 34rpx; + text-align: right; + display: inline-block; + vertical-align: 12px; + } + + .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: auto; + /* border:1px solid red; */ + } + + /* .dv-panel-bkcolor{ + background-color:#efefef; +} */ + .dv-panel { + /* background-color:#efefef; */ + padding: 20rpx 20rpx 4rpx 0px; + border-radius: 12rpx; + margin-bottom: 20rpx; + text-align: right; + } + + .dv-panel-input { + vertical-align: middle; + width: 100%; + display: inline-block; + text-align: left; + } + + .dv-panel-buticon { + line-height: 25px; + text-align: left; + /* font-size: 17px; */ + padding: 0 15px; + } + + .dv-panel-buticon .btn-padding { + padding: 10px; + display: inline-block; + vertical-align: middle; + } + + .dv-panel-buticon a i { + font-size: 22px; + } + + .dv-panel-buticon button { + min-width: 60px; + font-size: 16px; + padding: 20rpx 20rpx; + line-height: 1; + background: #4D6AF4; + border: none; + color: #fff; + font-weight: bold; + border-radius: 4px; + } + + .dv-panel .txt_title { + font-size: 34rpx; + text-align: right; + display: inline-block; + margin-bottom: 15rpx; + } + + .dv-panel input { + vertical-align: middle; + display: inline-block; + border: 1px solid #d5d5d5; + width: 68%; + height: 52rpx; + line-height: 34rpx; + background: #FFF; + border-radius: 7px !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 a i { + font-size: 18px; + } + + .dv-panel-button button { + height: 25px; + font-size: 13px; + padding: 0 12px; + } + + .view-floor { + text-align: center; + padding: 0 20rpx; + margin-top: 25rpx; + /* border:1px solid red; */ + } + + button.btn_refresh { + width: 48%; + 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; + margin: 0 3px; + } + + 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: 10px; + } + + .bk-active { + background-color: #D6FCB2; + } + + .uni-padding-wrap { + margin-top: -4rpx; + background-color: #98DAEA; + width: 52px; + height: 40px; + text-align: center; + border-radius: 27px; + padding: 12px 0 0px 0; + float: right; + display: inline-block; + } + + .uni-padding-wrap a { + font-size: 20px; + } + + .dv-viewHtml-Panel .item-label{ + padding: 3px 5px; + width: 90px; + display: inline-block; + text-align: right; + } + .dv-viewHtml-Panel .item-span{ + // line-height: 30px; + color: #2d8cf0; + } +</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