属性类型多语言

cuiqian2004

2024-06-24 dc4e312fde92237060bc23c35016f4d6b7a9187e

 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>
</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>