属性类型多语言

cuiqian2004

2024-06-24 dc4e312fde92237060bc23c35016f4d6b7a9187e

 pages/modal/3201.vue

@@ -1,98 +1,3 @@
<style lang="scss">
   .example {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 150px;
      // background-color: #efefef;
   }
   .transition-button {
      width: 100%;
      flex: 1;
      margin-bottom: 10px;
   }
   .example ::v-deep .transition {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100px;
      height: 100px;
      border-radius: 5px;
      text-align: center;
      // background-color: #4cd964;
      // box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2);
   }
   .text {
      font-size: 14px;
      color: #fff;
   }
</style>
<style>
   .content{
      min-height: 100vh;
      background-color: #efefef;
      padding: 1rpx 0rpx;
   }
   .dv_head{
      background-color: #efefef;
   }
   .head_title{
      text-align: center;
      font-size: 19px;
      font-weight: bold;
   }
   .uni-section .uni-section-header{
      display: none !important;
   }
   .dv_content{
      margin: 30rpx;
      padding: 10rpx;
      border-radius: 12rpx;
   }
   .dv_panel{
     background-color:#fff;
     padding: 20rpx;
     margin-top: 20rpx;
     border-radius: 12rpx;
     /* box-shadow: 2rpx 2rpx 2rpx rgba(0, 0, 0, 0.3); */
   }
   .dv_panel:first-child{
      margin: 0;
   }
   .panel_image_uploadlist {
      display: inline-block;
      /* padding: 30rpx 0px 10rpx 0px; */
      vertical-align: middle;
      width: 200rpx;
      height: 200rpx;
      text-align: center;
      line-height: 100%;
      border: 2rpx solid transparent;
      border-radius: 8rpx;
      overflow: hidden;
      background: #fff;
      position: relative;
      /* box-shadow: 0 2rpx 2rpx rgba(0, 0, 0, 0.2);
      margin-right: 8rpx; */
   }
   .panel_image_uploadlist image{
      width: 100%;
      height: 100%;
   }
   .panel_title{
      display: inline-block;
      padding-left: 30rpx;
      vertical-align: middle;
   }
   .panel_title p{
      font-size: 19px;
      font-weight: bold;
   }
   .panel_title span{
      font-size: 14px;
   }
	
</style>

<template>
   <view class="content">
@@ -126,6 +31,7 @@

<script>
import Base64 from '../../components/js-base64/base64.js'
import classUtils from "@/js/utils.js"
export default {
  modules:{
   Base64,
@@ -513,3 +419,98 @@
  },
};
</script>
<style lang="scss">
   .example {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 150px;
      // background-color: #efefef;
   }
   .transition-button {
      width: 100%;
      flex: 1;
      margin-bottom: 10px;
   }
   .example ::v-deep .transition {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100px;
      height: 100px;
      border-radius: 5px;
      text-align: center;
      // background-color: #4cd964;
      // box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2);
   }
   .text {
      font-size: 14px;
      color: #fff;
   }
</style>
<style>
   .content{
      min-height: 100vh;
      background-color: #efefef;
      padding: 1rpx 0rpx;
   }
   .dv_head{
      background-color: #efefef;
   }
   .head_title{
      text-align: center;
      font-size: 19px;
      font-weight: bold;
   }
   .uni-section .uni-section-header{
      display: none !important;
   }
   .dv_content{
      margin: 30rpx;
      padding: 10rpx;
      border-radius: 12rpx;
   }
   .dv_panel{
     background-color:#fff;
     padding: 20rpx;
     margin-top: 20rpx;
     border-radius: 12rpx;
     /* box-shadow: 2rpx 2rpx 2rpx rgba(0, 0, 0, 0.3); */
   }
   .dv_panel:first-child{
      margin: 0;
   }
   .panel_image_uploadlist {
      display: inline-block;
      /* padding: 30rpx 0px 10rpx 0px; */
      vertical-align: middle;
      width: 200rpx;
      height: 200rpx;
      text-align: center;
      line-height: 100%;
      border: 2rpx solid transparent;
      border-radius: 8rpx;
      overflow: hidden;
      background: #fff;
      position: relative;
      /* box-shadow: 0 2rpx 2rpx rgba(0, 0, 0, 0.2);
      margin-right: 8rpx; */
   }
   .panel_image_uploadlist image{
      width: 100%;
      height: 100%;
   }
   .panel_title{
      display: inline-block;
      padding-left: 30rpx;
      vertical-align: middle;
   }
   .panel_title p{
      font-size: 19px;
      font-weight: bold;
   }
   .panel_title span{
      font-size: 14px;
   }
	
</style>